论坛顶部导航，超漂亮美化，免费放出分享

觉得加个顶部好看点,而且还可以连接其他栏目,论坛顶部加个TOP.附带参考样式表和代码.嘿嘿.

效果还不错,和大家一起分享一下啦~ 不喜欢的也请顶一下,谢谢大家哦!

效果请看我的论坛 http://dgy3.com/bbs

http://www.dgy3.cn/index.php

原贴地址：http://dgy3.com/bbs/thread-3419-1-1.html

CSS部分.添加以下CSS代码到"templates/default/css_common.htm"里.

[code]/* dgy3.com顶部导航 header */

#topnav {background: #4494D1; height: 30px; margin: 0 1px; overflow: hidden; border-bottom: 3px solid #ddd;}
#topnav #topnavleft {float: left; font-family: "宋体"; color: #fff; padding-top: 6px; padding-left: 2%; width: 500px;}

#topnav #topnavleft a:link, #topnav  #topnavleft a:visited {color: #fff; text-decoration: none; white-space: nowrap;}
#topnav #topnavleft a:hover {color: yellow;}
#topnav #topnavleft strong {font-weight: normal; float: left; display: block; margin-right: 5px;}
#topnav #topnavleft li {float: left; background: url({STYLEIMGDIR}/topnav_line.gif) no-repeat left center; padding-left: 10px;}
#topnav #topnavleft cite {color: #FFFF00; text-decoration: underline; }
#topnav #topnavleft li.notabs { background: none;}

#topnav #topnavright {float: right; padding-top: 3px; padding-right: 1.5%;}
#topnav #topnavright a:link, #topnav #topnavright a:visited {color: #fff; text-decoration: none; font-weight: normal;}

#topnav #topnavright form {float: left; margin:0; padding:0;}
#topnav #topnavright input {border-width: none;

原贴地址：http://dgy3.com/bbs/thread-3419-1-1.html

1. <div id="topnav" {if CURSCRIPT2=='home'}style="width: 980px; margin: auto;"{/if}>
   
2.                 <div id="topnavleft">
   
3.                         <strong><a href="http://dgy3.com">旗下站点导航</a> >> </strong>
   
4.                         <ul>
   
5.                                 <li class="notabs"><a href="http://www.dgy5.com/">中国制衣网</a></li>
   
6.                                 <li><a href="http://www.dgy4.com/xp">东莞设计网</a></li>
   
7.                                 <li><a href="http://www.dgy3.cn">东莞商务网</a></li>
   
8.                                 <li><a href="http://www.dgy3.cn/my">东莞商友网</a></li>
   
9.                                 <li><a href="http://www.dgy3.cn/vip">设计工作室</a></li>
   
10.            </ul>
    
11.                 </div>
    
12.                 <div id="topnavright">
    
13.                         <form method="post" action="search.php">
    
14.                                 <input type="hidden" name="formhash" value="{FORMHASH}" />               
    
15.                                 <input type="text" id="srchtxt" name="srchtxt" size="20" maxlength="40" />
    
16.                                 <button class="topsearchbt" type="submit" name="searchsubmit" value="true">搜索</button>
    
17.                         </form>        
    
18.                 </div>
    
19.         </div>
    
20.         <div {if CURSCRIPT2=='home'}style="width: 980px; background: white; margin: auto;"{/if}>

复制代码

图片地址,另存为上传到模板下"images"目录.

搜索 search_bg.gif  图片文件

最后后台更新一下缓存!有问题请跟帖提问.

做人要厚道,转载自：http://dgy3.com/bbs/thread-3419-1-1.html

这个要顶这个要顶`

辛苦楼主免费放出来哟

顶一下，挺好的

呵呵，再顶

适合自已才是最好！

一直想换,没钱啊,找不到好空间!!!

本站还提供了一些原创美化修改分享，欢迎大家指正：

1。最好的GG广告位置，论坛帖子的标题下加GG广告的方法

https://discuz.dismall.com/thread-1512592-1-1.html

2。分享DZ7.X快速回复框--右侧加表情的方法!也可以加广告!

https://discuz.dismall.com/thread-1499617-1-1.html

3。分享一个dz7.x在线客服,支持的顶起!

https://discuz.dismall.com/thread-1459171-1-1.html

4。 UCenter Home 2.0正式版 友情链接 完美无错分享下载

https://discuz.dismall.com/thread-1401265-1-1.html

5。论坛顶部轮显图片广告超漂亮实用 现免费放出~各版本通用!

https://discuz.dismall.com/thread-1391426-1-1.html

DZ论坛，希望大家多分享，有好的发上来！！！

以上原创美化，大家转载，请注明出自： http://www.dgy3.com/


有些要金币，免费的请到：

http://dgy3.com/bbs/forum-164-1.html


下载吧，用得好的请帮顶！！！！相关演示站：http://www.dgy3.cn/

辛苦楼主免费放出来哟

支持下.....

支持~~~~~~~~~~