Jump to content

[已解决]请教版主:首页页脚内容如何设置居中、换行


chenxing
 Share

Recommended Posts

版主你好,请问我的首页面脚内容如何设置居中效果、换行效果?
就像附件中的图片示例一样,需要实现的功能是:
一、页脚居中显示;
二、换行显示;
三、插入版权信息;
实现以上三项,需要如何修改我的代码,谢谢!

21061_1qZYIebhL3m7u7BYkTRU_t

Share this post


Link to post
Share on other sites

Hi,

在/modules/blockvariouslinks/blockvariouslinks.tpl,修改页脚结构(换行和插入版权信息);然后,在/themes/(你的主题)/css/global.css里,控制居中效果(text-align: center)。

Share this post


Link to post
Share on other sites

  • 1 month later...

谢谢版主的解答,我再把我的解决的详细过程写一下,供有需要的朋友参考:

一、页脚居中显示;

浏览到当前主题的所在目录(如默认的是themes\prestashop\css),找到global.css,用文本编辑器打开找到“/* Footer */”(不带引号),在“#footer {”下回车添加“text-align: center;”(不带引号)即可实现页脚内容居中显示;
二、换行显示;

找到modules\blockvariouslinks下的blockvariouslinks.tpl文件,用文本编辑器打开,在需要换行的地方添加br(中间不空行,如果需空一行,则需两个br!同时把br前的第一个“class="item"”代码修改成“class="last_item"”,把br位置后的第一个“class="item"”代码修改为“class="first_item"”,以期在浏览器中看到显示是正常的。(PS 请把所添加的br代码置于<>内)
三、插入版权信息;

添加如下代码实现:Copyright ©(用版权符的代码) 2010 (PS 至于class的值等于的是first_item、item、last_item,视实际需要而定)

Share this post


Link to post
Share on other sites

相当详细的解决方法,对于初学者,用你文本编辑器查看代码有点复杂,建议安装DW4之类的软件,进行修改编辑!

Share this post


Link to post
Share on other sites

请参照以下代码,带*的部分替换成你自己所需要的:
我这里有一个是“1024*768”,另一个是“Simple Chinese”,你在后台模块翻译部分找到这两项,分别翻译成“建议至少在1024*768模式下浏览本网站”和你网站的中文名,当然这样的在英文状态下是显示原样的如“Powered by Simple Chinese ™”,所以你还要把英文模块也翻译一下,以免在英文状态下显得不伦不类,或者你也可能找到更好的解决方法!

><!-- MODULE Block various links -->
</pre>
<ul>
{l s='Specials' mod='blockvariouslinks'}
{l s='New products' mod='blockvariouslinks'}
{l s='Top sellers' mod='blockvariouslinks'}
{l s='Contact us' mod='blockvariouslinks'}
   {foreach from=$cmslinks item=cmslink}
{$cmslink.meta_title|escape:'htmlall':'UTF-8'}
   {/foreach}




Copyright © 2010-2011 All rights reserved
{l s='1024*768' mod='blockvariouslinks'}
{l s='Powered by' mod='blockvariouslinks'} {l s='Simple Chinese' mod='blockvariouslinks'}™

</ul>
<br><!-- /MODULE Block various links 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More