请选择 进入手机版 | 继续访问电脑版

木泉论坛

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 13159|回复: 197

[Discuz] 5d6d论坛高仿Discuz! X2官方默认风格,超级简单制作,木泉论坛奉献

[复制链接]
发表于 2011-10-29 22:21:55 | 显示全部楼层 |阅读模式
很久没发什么东西了,自己觉得不好意思了,所以今天就发一贴了  呵呵
[jh]1[/jh]


先看看效果吧:


1.jpg

缩小看下:


2.png

演示地址:http://nanxuejl.5d6d.com

现在步入正题吧:

其实这里已经做好了,所以对于大家来说是很简单的事了

在第三方插入主风格代码(这个不会我就没办法了,呵呵):
  1. <!--主风格代码-->

  2. <style type="text/css">#header .wrap {padding: 24px 0 46px;}#menu {left: 0px;background: white url(http://cc.a.5d6d.com/userdirs/c/2/mgzyxz/attachments/month_1108/1108281243034fdf9a6adc0b97.gif) no-repeat 100% 0px;width: “90%”;height: 33px;}#header {border-bottom: 1px solid white;background: white url(http://cc.a.5d6d.com/userdirs/7/a/tiannu/attachments/month_1108/11081301084b1ff8daeedb68a6.png) repeat-x 50% 0px;}#umenu, #umenu a, #umenu .pipe {color: #17274D;}#menu li {background: url("http://img1.5d6d.net/201107/27/2022728_13117712941nfi.gif") repeat-x 0 100%;}#menu a {color: white;border: 0px solid #CCC;font-weight: 700;font-size: 14px;line-height: 33px;}#menu li.current a {height: 30px;color: white;}#menu a:hover {height: 30px;}body {background: #FFFFFF url(http://img1.5d6d.net/201107/27/2022728_13117712941nfi.gif) repeat-x 50% 0px;}#nav, #nav a {color: #17274D;}#wrap {border: 1px solid #A6CBE7;}#footer, #footer a {color: #555555;}.list th {background: url(http://www.discuz.net/static/image/common/forum.gif) 5px 22px no-repeat;}.list th.new {background-image: url(http://www.discuz.net/static/image/common/forum_new.gif);}.postbtn, .replybtn {width: 116px;background: url(http://cc.a.5d6d.com/userdirs/7/a/tiannu/attachments/month_1108/11081301440c8e13d875b13fca.png) no-repeat 0 0;}.lightlink, .lightlink a {color: #1B72AF;}.content .list h3 {line-height: 26px;background: #ECF6FB;}.list {border-top: 1px solid #C5D8E8;}.list td, .list th {border-top: 1px solid #C5D8E8;}.content .list h3 a{color: #1B72AF;}.postbtn:hover{width: 116px;background: url(http://cc.a.5d6d.com/userdirs/7/a/tiannu/attachments/month_1108/1108130157117d572559ca0e4a.gif) no-repeat 0 0;}.list:hover{background-color: #f8fbfc;}</style>
  3. <!--主风格代码-->
复制代码
主要风格已经ok了


现在去木泉论坛来看看其他的效果吧:http://bbs.muquan.net
3.png

其实精华、置顶、新旧主题的替换就是:
  1. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  2. [sp].src=="原来的图片"){yPic

  3. [sp].src="你想要的图标"}};</script>
复制代码
完整版就是,具体代码中有注释
  1. <!--精华图标替换-->
  2. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  3. [sp].src=="http://images.5d6d.net/dz7/default/digest_1.gif"){yPic

  4. [sp].src="http://www.discuz.net/static/image/common/digest_1.gif"}};</script>

  5. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  6. [sp].src=="http://images.5d6d.net/dz7/default/digest_2.gif"){yPic

  7. [sp].src="http://www.discuz.net/static/image/common/digest_2.gif"}};</script>

  8. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  9. [sp].src=="http://images.5d6d.net/dz7/default/digest_3.gif"){yPic

  10. [sp].src="http://www.discuz.net/static/image/common/digest_3.gif"}};</script>
  11. <!--精华图标替换-->



  12. <!--置顶图标替换-->
  13. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  14. [sp].src=="http://images.5d6d.net/dz7/default/pin_1.gif"){yPic

  15. [sp].src="http://www.discuz.net/static/image/common/pin_1.gif"}};</script>

  16. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  17. [sp].src=="http://images.5d6d.net/dz7/default/pin_2.gif"){yPic

  18. [sp].src="http://www.discuz.net/static/image/common/pin_2.gif"}};</script>

  19. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  20. [sp].src=="http://images.5d6d.net/dz7/default/pin_3.gif"){yPic

  21. [sp].src="http://www.discuz.net/static/image/common/pin_3.gif"}};</script>
  22. <!--置顶图标替换-->

  23. <!--帖子新、hot、旧图标替换-->
  24. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  25. [sp].src=="http://images.5d6d.net/dz7/default/folder_hot.gif"){yPic

  26. [sp].src="http://cc.a.5d6d.com/userdirs/c/2/mgzyxz/attachments/month_1110/1110291532f7422447de4f6a67.gif"}};</script>

  27. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  28. [sp].src=="http://images.5d6d.net/dz7/default/folder_new.gif"){yPic

  29. [sp].src="http://cc.a.5d6d.com/userdirs/c/2/mgzyxz/attachments/month_1110/1110291532a550ec2c8d864092.gif"}};</script>

  30. <script>var yPic=document.getElementsByTagName("img");for(sp=0;sp<yPic.length;sp++){if(yPic

  31. [sp].src=="http://images.5d6d.net/dz7/default/folder_common.gif"){yPic

  32. [sp].src="http://cc.a.5d6d.com/userdirs/c/2/mgzyxz/attachments/month_1110/11102915329c4fff2e815f2bb4.gif"}};</script>
  33. <!--帖子新、hot、旧图标替换-->
复制代码

现在基本OK了,现在加上下面的所有代码就是茶陵一中论坛的基础风格


具体看注释
  1. <!--360-->
  2. <a href=http://jc.360.cn/urlsearch.htm?searchUrl=http://bbs.muquan.net/bbs.php><img
  3. src="http://www.360safe.com/tm/images/360shield_17X22.gif" width="13"
  4. height="15"> 360安全认证</a>
  5. <!--360-->

  6. <!--论坛统计-->
  7. <script src="http://s4.cnzz.com/stat.php?id=3561005&web_id=3561005&show=pic" language="JavaScript"></script>
  8. <!--论坛统计-->

  9. <!--页脚代码-->
  10. </p><p class="QfCopy"><strong>免责声明:本站为**交流社区,会员观点属于个人观点并不代表论坛观点</strong></p></div><div style="float:left;margin-top:0px;margin-left:10px;"><p>Powered by <strong><a href="http://nanxuejl.5d6d.com" target="_blank">南学津梁</a></strong> <em></em></p><p class="QfCopy">&copy; 2001-2010 <a href="http://nanxuejl.5d6d.com" target="_blank">Comsenz Inc.</a></p></div><style>p.smalltext,#rightinfo,#QfDelete{display:none}.QfCopy{font-size:0.83em;font-family:Verdana,Helvetica,Arial,sans-serif;}</style><div id="QdDelete"><p><span>
  11. <!--页脚代码-->



  12. <!--首页调用数字代码-->
  13. <style>.index_item {margin-left:20px!important;padding:0px!important;height:19px!important;line-height:20px!important;border-bottom:1px #cccccc dashed!important;}
  14. .index_item img {display:none;}
  15. #index .mainbox table td {background:url(http://oo.a.5d6d.com/userdirs/8/2/no5/attachments/month_1105/11050808223bded19cdf1e360b.gif) 0 6px no-repeat;overflow:hidden;}
  16. #index .mainbox table td.forumlast,#index .mainbox table td.forumnums ,#index .mainbox .category td{background:none!important;}
  17. </style>
  18. <!--首页调用数字代码-->


  19. <!-- JiaThis Button BEGIN -->
  20. <script type="text/javascript" src="http://v2.jiathis.com/code/jiathis_r.js?move=0" charset="utf-8"></script>
  21. <!-- JiaThis Button END -->

  22. <!--版权声明代码-->
  23. <script type="text/javascript">
  24. document.body.oncopy = function () {
  25. setTimeout( function () {
  26.   var text = clipboardData.getData("text");
  27.   if (text) {
  28.    text = text + "\r\n本文来自: 茶陵一中论坛(转载请保留出处)(http://nanxuejl.5d6d.com) 详细出处参考:"+location.href; clipboardData.setData("text", text);
  29.   }
  30.     }, 100 )
  31. }
  32. </script>
  33. <!--版权声明代码-->
复制代码
注意:代码中部分地址改成自己的,这个稍微看下就知道了。还有尺寸等问题以及加强自己可以稍微修改下就行,参考其他代码加强你想要的,这里只是基础的风格和基础的几个功能代码


声明:教程部分代码来自其他会员及互联网
发表于 2013-9-15 10:24:11 | 显示全部楼层
木泉论坛是一个好网站啊
发表于 2013-9-15 10:24:31 | 显示全部楼层
木泉论坛地址(bbs.muquan.net)
发表于 2013-9-15 10:24:53 | 显示全部楼层
就这样?好吧 lz你厉害
发表于 2013-9-15 10:26:17 | 显示全部楼层
木泉论坛是一个好网站啊
发表于 2013-9-15 10:26:59 | 显示全部楼层
就这样?好吧 lz你厉害
发表于 2013-9-15 10:28:26 | 显示全部楼层
木泉论坛是一个好网站啊
发表于 2013-9-15 10:29:09 | 显示全部楼层
就这样?好吧 lz你厉害
发表于 2013-9-15 10:30:34 | 显示全部楼层
木泉论坛是一个好网站啊
发表于 2013-9-15 10:31:16 | 显示全部楼层
就这样?好吧 lz你厉害
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|木泉网 湘ICP备12004155号  

GMT+8, 2019-11-18 14:06 , Processed in 0.070520 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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