设为首页收藏本站
切换到宽版

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

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › Discuz! 交流与讨论 › Discuz!-模板 › 仿多玩网论坛黑炫风格【纯手工代码打造】 ...
123下一页
返回列表 发新帖

[发布] 仿多玩网论坛黑炫风格【纯手工代码打造】

[复制链接]
z944800193 发表于 2011-9-25 00:59:12 | 显示全部楼层 |阅读模式
Discuz!模板
适用版本: Discuz! 7.0
语言编码: GBK简体 UTF8简体 BIG5繁体 UTF8繁体 
风格转换者: 仿制



说明：为了仿多玩的效果。
开启了边栏，给隐藏了，用了页尾广告制作边角效果，宽度自适应。
BUG总结阶段，

-------------------------------------------------------------编辑一下--
如果只想要最后一幅图的效果，请使用下列代码，放置在其他头部信息，代码中涉及到图片，找个人发他QQ,聊天记录里可以直接点击链接下载，最好保存到自己论坛

  1. <style>#forumheader form,.authorinfo a img,.authorinfo a font{display:none;}.ad_textlink2{background:none !important;padding:0 !important;}
  2. .profile_side li {display:none;}
  3. .shadowline {BORDER-TOP: #111 1px solid!important; BORDER-BOTTOM: #3a3a3a 1px solid!important}
  4. .side .shadowline {MARGIN: 0px}
  5. #f_post TD {PADDING-TOP: 0px!important}
  6. #f_post TD.postcontent {PADDING-RIGHT: 0px! important; PADDING-LEFT: 20px! important; BACKGROUND: url(http://www.torfor.com/no5/replybk.jpg) no-repeat right top!important; PADDING-BOTTOM: 10px! important; PADDING-TOP: 15px! important}
  7. #f_post .editor_tb {BORDER-TOP-STYLE: none! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important}
  8. #f_post .txtarea {BACKGROUND: url(http://www.torfor.com/no5/txtarea_bg.gif) 0px 0px!important; BORDER-TOP-STYLE: none; LINE-HEIGHT: 21px!important; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
  9. .mainbox {padding-left:6px!important; padding-right:6px!important;}
  10. #index .mainbox {padding-left:0px!important; padding-right:0px!important}
  11. .mainbox TD.postauthor {BACKGROUND: #2f2f2f!important; COLOR: #e0e0e0!important}
  12. .modaction {BACKGROUND:none!important;}
  13. .postinfo a,.postinfo a:hover {border:none!important;}
  14. .postcontent,.defaultpost {padding-left:10px!important;}
  15. .popuserinfo { color:#09c;}
  16. .signatures { padding-left:10px!important;}
  17. #threadtitle,.postactions{border:none!important; margin:none!important;}
  18. .viewthread TD.postcontent {PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; PADDING-TOP: 0px! important}
  19. .posterinfo {padding-left:10px!important; BACKGROUND:url(http://www.torfor.com/no5/post_corner_tl.gif) #f0f0f0 no-repeat!important; width: 91%!important;}
  20. .postinfo {BACKGROUND:url(http://www.torfor.com/no5/postcontent_bg.gif) #2f2f2f no-repeat 100% 0px!important; PADDING-TOP: 5px!important; BORDER-BOTTOM: #ccc 0px dotted!important;}
  21. .postauthor .avatar {PADDING-RIGHT: 0px!important; PADDING-LEFT: 0px; BACKGROUND: url(http://www.torfor.com/no5/avatar_bg.gif) no-repeat 0px 0px!important; PADDING-BOTTOM: 0px!important; MARGIN: 0px auto!important; PADDING-TOP: 21px!important; HEIGHT: 158px!important; TEXT-ALIGN: center!important;}
  22. .popavatar .avatar { background:none!important;}
  23. .adcontent {BACKGROUND: url(http://www.torfor.com/no5/post_divide.gif) #2f2f2f repeat-x 100% 100%!important;}
  24. .postact {BACKGROUND: url(http://www.torfor.com/no5/post_corner_bl.gif) no-repeat 0px 100%!important; padding-left:10px!important;}
  25. .threadad TD.postauthor {BACKGROUND: url(http://www.torfor.com/no5/postauthor_bg.gif) #2f2f2f no-repeat 0px -7px!important; HEIGHT: 6px!important;}
  26. #f_post .postauthor {BACKGROUND: url(http://www.torfor.com/no5/postauthor_bg.gif) #2f2f2f no-repeat left bottom!important;}
  27. .threadlist .colplural TR {BACKGROUND: url(http://www.torfor.com/no5/colplural.gif) repeat-x 0px 0px!important;}
  28. .viewthread TD.postcontent {BACKGROUND: url(http://www.torfor.com/no5/post_l.gif) #f0f0f0 repeat-y 100% 0px!important;}
  29. .list TH.new {BACKGROUND-IMAGE: url(http://www.torfor.com/no5/forum_new.gif) no-repeat!important;}</style>
复制代码

简单说明：

为了实现某些效果开启边栏后隐藏.只需要开启首页边栏即可，不需要设置边栏方案里的任何调用，当然如果你现在已经隐藏了边栏的话。那先去掉隐藏代码。再使用下面的代码。防止冲突。

代码一：放置在其他头部信息

  2. <div id="apDiv"></div><div id="apDiv1"></div><style type="text/css">
  3. .showmessage {background:none!important;}
  4. #logging .content {margin:0px!important;}
  5. .main{width:100% !important;margin-left:-0px !important;}
  6. #sidebar,#sidebar_img{display:none !important;}
  7. .ad_text table {border-collapse:none!important;}
  8. .special .main{float:left!important;}
  9. .side {display:none!important;}
  10. .yqbody h3 a {width:auto!important; float:none!important;}
  11. #wowoindex .main{min-height:480px;}
  12. #wowoindex .content {min-height:80px!important;}
  13. #my .content,#faq .content,#pm .nodata{min-height:450px; margin:0 auto!important;}
  14. .special .side,#wowoindex .side,#memcp .side,#my .side,#faq .side ,#pm .side{display:block!important;}
  15. #profile .main,#wowoindex .main,#my .main,#memcp .main,#pm .main,#faq .main{width:80%!important;}
  16. .avatar img {padding:2px;border:1px #c4c4c4 solid!important;}
  17. .postmessage {padding-right:15px!impotant;}
  18. #f_post {padding-bottom:6px!important;}
  19. #viewthread #apDiv {visibility: inherit!important;}
  20. #apDiv {visibility: hidden; position:absolute;width:25px;height:35px;z-index:1;left: 0px;top: 160px; }
  21. #index #apDiv1 {visibility: inherit!important;}
  22. #apDiv1 {visibility: hidden; position:absolute;width:25px;height:300px;z-index:1;left: 0px;top: 160px; }
  23. #fastpostreturn {display:none!important;}
  24. #viewthread .forumcontrol {width:95%!important; padding-left:25px;}
  25. #viewthread .mainbox {padding-left:25px!important;padding-right:25px!important;}
  26. .ad_text,.special,#viewthread #wrap,#logging .main,#memcp #wrap{background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/1002061306502822826271b95d.jpg) repeat-y right!important;}
  27. #threadlist {padding-left:10px; padding-right:10px;}
  28. #modarea .headactions{display:none;}
  29. .searchform {margin:0 0 0 0!important; border-top:none!important; min-height:400px;}
  30. .searchform ,#post .main {background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/1002061306502822826271b95d.jpg) repeat-y right!important;}
  31. #post .content {margin:0px!importan;}
  32. #umenu {color:#ffffff!important; padding-top:4px!important;}
  33. #umenu a {color:#ffffff!important;}
  34. #header h2 img {top:0px!important; left:0px!important;position:absolute;}
  35. .list th,.list td {border-top:dotted!important;}
  36. #index .list h3 {color:#ffffff!important;}
  37. .list {border-top:none!important;}
  38. #forumlinks {height:100%!important;}
  39. #index .list h3 { line-height:27px!important;}
  40. .headactions img {float:right;}
  41. #index .headactions {background:url(http://bbs.duowan.com/images/duowanV2/bg_h_r.jpg) #353535 right no-repeat!importent; width:20%!important; height:15px;}
  42. #index .content .list h3 {float:left!important;width:80%!important; background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/10020615176b4625eaa56bafc9.jpg) #353535 no-repeat 0 0!important;}
  43. .content h3 a {padding-left:0px; line-height:27px;*line-height:22px;_line-height:27px;height:24px;overflow:hidden; color:#FFF; width:100px; float:left;padding-top:3px;}
  44. #footer {background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/100206135562be283c58e20435.jpg) 0px -3px repeat-x;}
  45. #wrap {padding-bottom:0px!important;}
  46. .f-l{width:25px; height:39px;background:url(http://bbs.duowan.com/images/duowanV2/bannerlogo/bm01_z.jpg) no-repeat 0 100%; overflow:hidden;}
  47. .f-m {height:39px; background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/10020613513e94f5cc779605db.jpg) repeat-x;}
  48. .f-r {width:25px; height:39px; background:url(http://bbs.duowan.com/images/duowanV2/bannerlogo/bm01_z.jpg) no-repeat 100% 100%; overflow:hidden;}
  49. .ad_footerbanner {margin:0px!important;width:100%!important;}
  50. h3 .requesttabs {padding-left:0px!important;padding-right:0px!important;}
  51. #sidebar {padding-right:16px; width:160px!important;}
  52. .shadowline {display:none;}
  53. .wrap {width:100%!important;}
  54. #menu {top:128px;right:10px!important;}
  55. #menu a {color:#ffffff!important; }
  56. #menu a:hover{text-decoration: underline!important;}
  57. .with_side .content {background:#ffffff;}
  58. #wowoindex .main,#search #wrap,#apDiv,#apDiv1,#postlistreply,#viewthread .forumcontrol,#f_post,#postlist{background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/1002061306c300e66bd5da0a6a.jpg) repeat-y 0px 0px!important;}
  59. .msgfix {background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/1002061306c300e66bd5da0a6a.jpg) repeat-y 0px 0px!important;}
  60. .content {margin-left:0px !important; padding-left:25px!important;padding-right:25px!important; background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/1002061306c300e66bd5da0a6a.jpg) repeat-y 0px 0px!important; min-height:450px!important;}
  61. #header .wrap { height:120px!important;width:100%!important;background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/1002061734e0515ee66961aea5.jpg) no-repeat 0px 0px!important; position:static!important;}
  62. #nav {padding-top:8px!important; margin-top:-58px!important; width:100%!important; height:36px!important;background:url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/1002061235ebb4d21328e143e2.jpg) no-repeat 100% 0px!important;}
  63. #forumheader form,.authorinfo a img,.authorinfo a font{display:none;}.ad_textlink2{background:none !important;padding:0 !important;}
  64. .profile_side li {display:none;}
  65. #f_post TD {PADDING-TOP: 0px!important}
  66. #f_post TD.postcontent {PADDING-RIGHT: 0px! important; PADDING-LEFT: 20px! important; BACKGROUND: url(http://rr.a.5d6d.com/userdirs/c/3/wangluotuishou/attachments/month_1002/100206163988b1da283bba3942.jpg) no-repeat right top!important; PADDING-BOTTOM: 10px! important; PADDING-TOP: 15px! important}
  67. #f_post .editor_tb {BORDER-TOP-STYLE: none! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important}
  68. #f_post .txtarea {BACKGROUND: url(http://www.torfor.com/no5/txtarea_bg.gif) 0px 0px!important; BORDER-TOP-STYLE: none; LINE-HEIGHT: 21px!important; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
  69. .mainbox {padding-left:6px!important; padding-right:6px!important;}
  70. #index .mainbox {padding-left:0px!important; padding-right:0px!important}
  71. .mainbox TD.postauthor {BACKGROUND: #2f2f2f!important; COLOR: #e0e0e0!important}
  72. .modaction {BACKGROUND:none!important;}
  73. .postinfo a,.postinfo a:hover {border:none!important;}
  74. .postcontent,.defaultpost {padding-left:10px!important;}
  75. .popuserinfo { color:#09c;}
  76. .signatures { padding-left:10px!important;}
  77. #threadtitle,.postactions{border:none!important; margin:none!important;}
  78. .viewthread TD.postcontent {PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; PADDING-TOP: 0px! important}
  79. .posterinfo {padding-left:10px!important; BACKGROUND:url(http://www.torfor.com/no5/post_corner_tl.gif) #f0f0f0 no-repeat!important; width: 91%!important;}
  80. .postinfo {BACKGROUND:url(http://www.torfor.com/no5/postcontent_bg.gif) #2f2f2f no-repeat 100% 0px!important; PADDING-TOP: 5px!important; BORDER-BOTTOM: #ccc 0px dotted!important;}
  81. .postauthor .avatar {PADDING-RIGHT: 0px!important; PADDING-LEFT: 0px; BACKGROUND: url(http://www.torfor.com/no5/avatar_bg.gif) no-repeat 0px 0px!important; PADDING-BOTTOM: 0px!important; MARGIN: 0px auto!important; PADDING-TOP: 21px!important; HEIGHT: 158px!important; TEXT-ALIGN: center!important;}
  82. .popavatar .avatar { background:none!important;}
  83. .adcontent {BACKGROUND: url(http://www.torfor.com/no5/post_divide.gif) #2f2f2f repeat-x 100% 100%!important;}
  84. .postact {BACKGROUND: url(http://www.torfor.com/no5/post_corner_bl.gif) no-repeat 0px 100%!important; padding-left:10px!important;}
  85. .threadad TD.postauthor {BACKGROUND: url(http://www.torfor.com/no5/postauthor_bg.gif) #2f2f2f no-repeat 0px -7px!important; HEIGHT: 6px!important;}
  86. #f_post .postauthor {BACKGROUND: url(http://www.torfor.com/no5/postauthor_bg.gif) #2f2f2f no-repeat left bottom!important;}
  87. .threadlist .colplural TR {BACKGROUND: url(http://www.torfor.com/no5/colplural.gif) repeat-x 0px 0px!important;}
  88. .viewthread TD.postcontent {BACKGROUND: url(http://www.torfor.com/no5/post_l.gif) #f0f0f0 repeat-y 100% 0px!important;}
  89. </style>
复制代码
代码二： 新建页头通栏广告-默认选项-添加下面的代码：
  1. <div style="height:63px;"></div>
复制代码
代码三：新建页尾通栏广告-默认选项-添加下面的代码：
  1. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  2.   <tr>
  3.     <td width="25" class="f-l">&nbsp;</td>
  4.     <td class="f-m">&nbsp;</td>
  5.     <td class="f-r" width="25">&nbsp;</td>
  6.   </tr>
  7. </table>
复制代码
配色包：

------------------------------------
都是css代码。不会影响收录，放心使用。
如果嫌头部的太多，那就用外部css文件调用，前提你要有空间。
调用需要将下面的代码放到其他头部信息以替换上面那一大段。

  1. <div id="apDiv"></div><div id="apDiv1"></div><link rel="stylesheet" type="text/css" href="http://www.torfor.com/no5/no5-duowan.css" />
复制代码

CSS文件包下载:

喜欢的顶一下啊{:soso__7585214961191668284_3:}

------------------------
刚修正了登陆页面和退出页面效果.




本帖子中包含更多资源

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

x
回复

使用道具 举报

 楼主| z944800193 发表于 2011-9-25 01:00:34 | 显示全部楼层
{:soso__8005525784270043574_3:}大家顶顶，给点威望，金币啊！
回复

使用道具 举报

wdqsok 发表于 2011-9-25 02:45:02 | 显示全部楼层
{:soso_e104:}
回复

使用道具 举报

jxhjjm 发表于 2011-9-25 07:21:14 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

殇、侞茈綄羙 发表于 2011-9-25 09:19:50 | 显示全部楼层
顶起！~~~
回复

使用道具 举报

wbpp58 发表于 2011-9-25 09:27:51 | 显示全部楼层
7.0的
回复

使用道具 举报

ac136 发表于 2011-9-25 09:54:38 | 显示全部楼层
代码方便呵
回复

使用道具 举报

ilei365 发表于 2011-9-25 10:31:35 | 显示全部楼层
很不错。。。。
回复

使用道具 举报

szcavan 发表于 2011-9-25 12:09:55 | 显示全部楼层
顶起！~~~
回复

使用道具 举报

b8329 发表于 2011-9-25 12:14:32 | 显示全部楼层
20金币  有点黑
回复

使用道具 举报

下一页 »
123下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-15 09:57 , Processed in 0.024145 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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