京喜购便宜吴歌博客:爱评论,爱网络,爱美女!Iwuge.Com!
当前位置: 首页 > Wordpress > 正文

[分享]关于本站最上面的导航栏 代码

有人对我的网站的最上面那一段导航代码感兴趣。我觉得很高兴,终于自己的价值观人生观审美观得到了肯定,虽然不多,于是我决定分享一下。当然,原来的代码也不是我写的,我也是看到别人的主题上有这样类似的于是花心思在源代码里找到后,逐渐修改变成我现在使用的这个样子的。。

本次分享以本站正在使用的主题为准,使用其他主题的,可以自行参考设置:
首先是:在后台–外观–编辑–顶部header.php文件里
位置:

<div id="page">

之后加上

<div class="topbar">
<div class="topbarcnt">
<div class="topbarL"><a href="http://www.iwuge.com">美客网赚圈</a>分享网赚入门/推广/进阶经验!</div>
<div class="topbarR"><a href="http://www.iwuge.com/rumen" rel="external">网赚入门必看</a>|<a href="http://www.iwuge.com/mulu" rel="external">网赚项目目录</a>|<a href="http://www.iwuge.com/diaocha" rel="external">调查赚钱</a>|<a href="http://www.iwuge.com/game" rel="external">游戏挂机</a>|<a href="http://www.iwuge.com/lianmeng" rel="external">网赚联盟</a>|<a href="http://www.iwuge.com/weike" rel="external">威客赚钱</a>|<a href="http://www.iwuge.com/waihui" rel="external">外汇赚钱</a>|<a href="http://www.iwuge.com/bank" rel="external">收款必备</a>|<a id="translateLink"><span style="color: #ff0000;">繁體浏览</span></a></div>
</div>
</div>

里面的href=”网址换成你自己的。。中文文字也换成你自己的,不需要这么多的,也可以减掉部分导航内容。。

然后在在后台–外观–编辑–样式表 (style.css)里
位置:

#header{background:url(images/line.gif) repeat-x bottom;height:112px;}

下面加上

.topbar{background:#f1f1f1;border-bottom:1px solid #bbb;height:25px;line-height:25px; font:12px}
.topbarcnt{width:990px;margin:0 auto;overflow:hidden;height:25px}
.topbarcnt .topbarL{float:left;color:#333}
.topbarcnt .topbarL a{margin:0 10px}
.topbarcnt .topbarR{float:right;color:#9A9A9A;height:25px}
.topbarcnt .topbarR a{margin:0 5px}

就可以了,这段代码包含了文字大小,颜色等等。。高手可以优化下,我是全部抄录过来的,我也不会改这个,只会简单的颜色和字体大小。。。

于是结果就出来了。。。。恩恩,。至少我用没有问题。。。

PS:那个繁体转换,是我自己装的,可以去掉。。如果需要得装一个JS,具体搜索本站繁体 即可查看相关文章。

本文固定链接: http://www.iwuge.com/benzhan-daohangdaima-fenxiang.html | 吴歌博客

京东商城618购物狂欢节,61.8元买电器,拼啦!

该日志由 吴歌 于2013年08月28日发表在 Wordpress 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: [分享]关于本站最上面的导航栏 代码 | 吴歌博客
关键字:

[分享]关于本站最上面的导航栏 代码:目前有4 条留言

  1. 板凳
    寇铈鑫:

    博主 我的是需要去掉 不是装上 博主 教教吧

    2013-08-28 08:44 [回复]
    • 吴歌:

      额。。浪费了表情。。哈哈。。后台-外观-当前主题设置-综合功能开关设置-是否显示顶部独立页面链接-选择hide(关闭)–然后就保存设置。OK

      2013-08-28 09:19 [回复]
  2. 沙发
    寇铈鑫:

    博主 我说的是我上面的那个关于和相册怎么去掉的 帮忙帮我去掉下吧

    2013-08-28 08:40 [回复]

发表评论

快捷键:Ctrl+Enter