在导航栏中使用字符分隔菜单

时间:2012-12-08 作者:RKB

我正在尝试修改博客的导航菜单(http://reasonandfolly.com/)要复制此处的内容:http://chimpchomp.us/

两件作品代表了一个挑战:1。分离器2。菜单右/左侧的行。

我对WP还比较陌生,不能确定这是否需要更改CSS或PHP。

任何指导都将不胜感激!

1 个回复
SO网友:Steve Claridge

很难给你一个确切的答案,因为我不知道你用来打印菜单的PHP代码。您需要有一个循环,并在<LI> 元素,但最后一个元素除外,因为您不希望在菜单末尾有//。

对于CSS/HTML部分,您可以遵循chimpchomp的指导,在每个<li>, 像这样:

<li>HOME</li>
<span>//</span>
<li>HOME</li>
您需要修改每个LI之间的边距,以便//显示在菜单选项之间的正中央。您现在有:

header nav ul li {
display: inline;
margin: 0 0 0 20px;
padding: 0;
}
您可以对此进行更改,使左右边距相同,类似于:

margin: 0 10px 0 10px;

结束

相关推荐

Thesis -style Navigation

我正在研究一个主题,我希望用户能够像论文一样选择要在主题选项页面中显示的页面。我已经在谷歌上搜索了几个小时的逆向工程论文,但还没有找到一个很好的解决方案。我想知道是否有人做过这件事或看过教程。