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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] x2导航样式,皇城根老北京论坛风格样式不错,陆续贴出各个样式

[复制链接]
tim023 发表于 2011-8-2 12:00:35 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2
浏览器: IE6 IE10 
使用模板: 其他模板(请在回帖中说明模板的名称或者是模板的下载地址)
BUG地址: http://www.hcgen.com/forum.php
本帖最后由 tim023 于 2011-8-3 16:49 编辑

感觉这个论坛的风格的还可以 先来个导航 慢慢的会把他整个站的风格搬出来.. 提供给不会捣鼓的人...

下面是教程:
1.在后台运营
站点广告 » 广告列表 - 全局 页头二级导航栏广告插入以下代码 勾选可用
  1. <div id="mu" class="cl">
  2. <ul class="cl current" id="snav_mn_forum" style="display:">
  3. <li><a href="forum-2-1.html" hidefocus="true" >北京民声</a></li><li><a href="forum-38-1.html" hidefocus="true" >网友爆料</a></li><li><a href="forum-52-1.html" hidefocus="true" >京城水吧</a></li><li><a href="forum-50-1.html" hidefocus="true" >魅力时尚</a></li><li><a href="forum-42-1.html" hidefocus="true" >香厨美食</a></li><li><a href="forum-44-1.html" hidefocus="true" >驴友风行</a></li><li><a href="forum-47-1.html" hidefocus="true" >车行天下</a></li><li><a href="forum-41-1.html" hidefocus="true" >结婚那事</a></li><li><a href="forum-48-1.html" hidefocus="true" >宠物家园</a></li><li><a href="forum-58-1.html" hidefocus="true" >投诉建议</a></li><li><a href="forum-45-1.html" hidefocus="true" >亲子乐园</a></li><li><a href="forum-43-1.html" hidefocus="true" >跳蚤市场</a></li><li><a href="forum-53-1.html" hidefocus="true" >图酷天下</a></li><li><a href="forum-54-1.html" hidefocus="true" >影视帝国</a></li><li><a href="forum-57-1.html" hidefocus="true" >音乐时尚</a></li><li><a href="forum-56-1.html" hidefocus="true" >我型我秀</a></li><li><a href="forum-46-1.html" hidefocus="true" >夜店迷情</a></li><li><a href="forum-55-1.html" hidefocus="true" >情感驿站</a></li><li><a href="forum-49-1.html" hidefocus="true" >房产家居</a></li><li><a href="forum-59-1.html" hidefocus="true" >版务处理</a></li></ul>
  4. </div>
复制代码
2. 在\template\default\common\common.css
最后插入
  1. #mu ul { padding:10px 0}
  2. #mu ul li { border-left:#ccc 1px dashed; height:22px; width:77px; padding:0 8px; overflow:hidden}
  3. #mu ul li a ,#mu ul li a:hover{ height:22px; line-height:22px; width:76px; text-indent:12px; overflow:hidden; padding:0; margin:0; font-size:14px; background:none; border:0}
  4. #mu ul li a { background:url({IMGDIR}/munvbg.gif) no-repeat -3px 0}
  5. #mu ul li a:hover {background:url({IMGDIR}/munvbg.gif) no-repeat 0 -22px}
  6. #scbar { border:#e5edf2 1px solid; margin-top:10px;}
复制代码


3.上传图片到static\image\common下


更新缓存即可看到效果....

yingshashou 发表于 2011-8-3 16:38:25 | 显示全部楼层
本帖最后由 yingshashou 于 2011-8-3 16:39 编辑

发给我一个   E-mail:yingshashou@163.com
回复

使用道具 举报

 楼主| tim023 发表于 2011-8-3 16:51:07 | 显示全部楼层
yingshashou 发表于 2011-8-3 16:38
发给我一个   E-mail:yingshashou@163.com

已贴出教程 自己修改吧
https://discuz.dismall.com/forum. ... ;extra=#pid20392313
回复

使用道具 举报

liqu12511 发表于 2011-12-31 17:51:44 | 显示全部楼层
好资源,收藏了
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-28 16:43 , Processed in 0.025819 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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