Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[分享] 好多人问我的头部导航是怎么做的!我回答的都受不了了,开个贴供大家学习!

[复制链接]
doloer 发表于 2011-11-6 12:21:23 | 显示全部楼层 |阅读模式
本帖最后由 doloer 于 2011-11-6 12:22 编辑

在群里发过一次修改模板加顶部导航的事,然后不少人就来问我,我现在公布出来大家都自己动手改改吧!

图片演示


演示地址是http://vip.04168.com/
找到你的模板文件夹!默认是 ..templates/site/default/  
然后打开   header_common.html.php   

找到
  1. <ul class="cl">
  2.                 <li class="navlogo"><a href="{$_G['siteurl']}">$_G['setting']['sitename']</a></li>
复制代码
在下面添加下方代码
  1.                 <!--{loop $_G['setting']['site_nav'] $v}-->
  2.                 <!--{if $v["available"] == 0}-->
  3.                 <li {$active[$v['flag']]}><a href="$v['url']" title="$v['name']" $v['ext']>$v['name']</a></li>
  4.                 <!--{/if}-->
  5.                 <!--{/loop}-->
复制代码
保存更新缓存!   这里就是用导航栏改成的!!!  然后去后台自定义导航里面添加你要在顶部显示的链接!!!
切记 自定义的导航  【可用】 为“空”的才在顶部显示!!

完全基于官方的CSS,不变形!  


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

亿米阳光 发表于 2011-11-6 14:26:57 | 显示全部楼层
先顶一个
回复

使用道具 举报

weiair 发表于 2011-11-6 15:05:44 | 显示全部楼层
谢谢楼主,已经使用了!效果很好,还想请叫一个问题,如图
这个地方的链接地址能改吗?就是房子后面这个链接谢谢!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

rstar 发表于 2011-11-6 23:40:50 | 显示全部楼层
支持一个哦!~~~~~~~
回复

使用道具 举报

spectrum 发表于 2011-11-7 01:30:45 | 显示全部楼层
MAKR备用
回复

使用道具 举报

xinxiabc 发表于 2011-11-7 08:35:04 | 显示全部楼层
修改模板多了升级麻烦。
回复

使用道具 举报

腐朽的木头 发表于 2011-11-7 09:19:46 | 显示全部楼层
不错 支持下
回复

使用道具 举报

siy6 发表于 2011-11-7 09:42:36 | 显示全部楼层
这个不错 留个记号
回复

使用道具 举报

 楼主| doloer 发表于 2011-11-7 19:53:01 | 显示全部楼层
本帖最后由 doloer 于 2011-11-7 19:54 编辑
weiair 发表于 2011-11-6 15:05
谢谢楼主,已经使用了!效果很好,还想请叫一个问题,如图
这个地方的链接地址能改吗?就是房子后面这个链 ...

也可以修改!!
<li class="navlogo"><a href="{$_G['siteurl']}">$_G['setting']['sitename']</a></li>
                                              链接地址                        超链接文字

修改成你要修改的就可以了!
回复

使用道具 举报

 楼主| doloer 发表于 2011-11-7 22:16:49 | 显示全部楼层
上了趟厕所回来变高亮了!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-23 22:52 , Processed in 0.036050 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表