ECShop 网上商店系统支持论坛 » 模板美化交流 » 如何改变导航栏字体大小

kinghon 发表于 2008-9-15 15:41

如何改变导航栏字体大小

[url=http://kinghon.com]http://kinghon.com[/url]

我想把导航栏字体从12px改为13px，在论坛搜索得知是在后台管理中心 模版管理->库项目管理 在此页面选择页面顶部这个库项目文件。
在这个文件的最后一个foreach中的{$nav.name}这个变量上添加[b][color=#ff0000]字体[/color][/b]大小的限制。
可是我不懂得如何修改，希望能帮忙下，谢谢！
原来代码如下：
<li{if $nav.active eq 1} id="currentPage"{/if}><a href="{$nav.url}" <!-- {if $nav.opennew eq 1} -->target="_blank"<!-- {/if} -->>{$nav.name}</a></li>
<!-- {/foreach} -->

[[i] 本帖最后由 kinghon 于 2008-9-16 14:36 编辑 [/i]]

yizhimei 发表于 2008-9-16 12:01

在{$nav.name}前边加上style="font-size:16px;" 16就是字体的大小
看你的需要自己改数值了

roovy 发表于 2008-9-16 12:20

在模板代码中直接修改不利于以后的调整。
只要修改css文件：[url]http://kinghon.com/themes/green/css/component.css[/url]
找到：
      #globalNav li {
        height: 38px;
        float: left;
      }
修改成：
      #globalNav li {
        height: 38px;
        float: left;
        font-size:13px;
      }

kinghon 发表于 2008-9-16 14:37

非常感谢楼上两位老师
已经按照rooVY的方法改好
谢谢

yizhimei 发表于 2008-9-16 14:39

[quote]原帖由 [i]kinghon[/i] 于 2008-9-16 14:37 发表 [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=243313&ptid=64931][img]http://bbs.ecshop.com/images/common/back.gif[/img][/url]
非常感谢楼上两位老师
已经按照rooVY的方法改好
谢谢 [/quote]
:lol :lol

kinghon 发表于 2008-9-16 21:28

还可以加粗：

修改成：
      #globalNav li {
        height: 38px;
        float: left;
        font-size:13px;
        font-weight: bold;
      }

字体就加粗了，在论坛搜索到的

查看完整版本: 如何改变导航栏字体大小