【非插件的可DIY四格】四格diy样式+ 今日发帖排行+会员导航 ；自家改版的--乐于分享

可DIY的四格 非插件。。


会员导航


可DIY的四格  不是插件
模板（正在使用的模板）--discuz.htm
找到<!--{if empty($gid)}--><!--{ad/text/wp a_t}--><!--{/if}-->
在这句代码下加：

1. <!-- Start ahslu Hot -->
   
2.         <!--{if empty($gid) && $announcements}-->
   
3. <div class="ndsns_hot">
   
4.   <div class="ndsns_hot_title">
   
5.     <h3 class="ndhot_t_left"><span>焦点图片</span></h3>
   
6.          <h3 class="ndhot_t_left2"><span><a href="/plugin.php?id=auction" style="color:#F3001D" target="_blank">金币竞拍</a></span></h3>
   
7.         
   
8.     <ul class="ndhot_t_right">
   
9. <li><a href="/forum-55-1.html" target="_blank" id="hot4" onmouseover="showTab('hot',4,7)">新手教程</a></li>
   
10.       <li><a href="/home.php?mod=spacecp&ac=profile&op=verify&vid=6" target="_blank" id="hot4" onmouseover="showTab('hot',4,7)"><b>实名认证</b></a></li>
    
11.       <li><a href="/forum-xuchangjiaoyou-1.html" target="_blank" id="hot5" onmouseover="showTab('hot',5,7)">交友征婚</a></li>
    
12.       <li><a href="/home.php?mod=space&do=album&view=all" target="_blank" id="hot6" onmouseover="showTab('hot',6,7)">相册秀</a></li>
    
13.       <li><a href="/misc.php?mod=ranklist" target="_blank" id="hot7" onmouseover="showTab('hot',7,7)">我要上榜</a></li>
    
14.     </ul>
    
15.   </div>
    
16.   <div class="ndsns_hot_con">
    
17.     <div class="ndhot_con_left"><!--[diy=ndsns01]-->
    
18.       <div id="ndsns01" class="area"></div>
    
19.       <!--[/diy]--></div>
    
20.               <div class="ndhot_con_right1">
    
21. <div id="con_hot_7" class="ndsns_hid">
    
22.         <div class="con_hot_spe">
    
23.           <!--[diy=ndsns08]-->
    
24.           <div id="ndsns08" class="area"></div>
    
25.           <!--[/diy]-->
    
26.         </div>
    
27.                 </div></div>
    
28.                
    
29.                  <div class="ndhot_con_right1">
    
30.         <div class="con_hot_spe">
    
31.           <!--[diy=ndsns09]-->
    
32.           <div id="ndsns09" class="area"></div>
    
33.           <!--[/diy]-->
    
34.         </div></div>
    
35.                
    
36.                  <div class="ndhot_con_right1">
    
37.         <div class="con_hot_spe">
    
38.           <!--[diy=ndsns10]-->
    
39.           <div id="ndsns10" class="area"></div>
    
40.           <!--[/diy]-->
    
41.         </div>
    
42.       </div>
    
43.           </div>
    
44.   </div>
    
45.   <div class="wp">
    
46.                 <!--[diy=diy4]--><div id="diy4" class="area"></div><!--[/diy]-->
    
47.         </div>
    
48.         <!--{/if}-->
    
49. <!--// End ahslu Hot -->

复制代码

会员导航（不需要可直接跳过本代码）

1. <!--个人导航_开始-->
   
2. <div class="breadCrumb" style="margin-bottom:5px;">
   
3.         <div class="breadCrumbbg cc">
   
4.                 <ul id="pw_menuUp" class="y">
   
5. 
   
6. <li class=""><a id="nav_key_up_194" href="/home.php?mod=spacecp&ac=profile&op=verify&vid=6" title="实名认证" target="_blank"><span>实名认证</span></a></li><li class=""><span class="line">|</span></li>
   
7. <li class=""><a id="nav_key_up_196" href="/home.php?mod=space&uid=30554&do=thread&view=me" title="{lang my_posts}" target="_blank"><span><font color="#FF0000">{lang my_posts}</font></span></a></li><li class=""><span class="line">|</span></li>
   
8. <li class=""><a id="nav_key_up_179" href="home.php?mod=space&do=blog" title="{lang blog}" target="_blank"><span>{lang blog}</span></a></li><li class=""><span class="line">|</span></li>
   
9. <li class=""><a id="nav_key_up_179" href="home.php?mod=space&do=album" title="{lang album}" target="_blank"><span>{lang album}</span></a></li><li class=""><span class="line">|</span></li>
   
10. 
    
11. <li class=""><a id="nav_key_up_206" href="home.php?mod=space&do=friend" title="{lang friends}" target="_blank" class="link_down"><span>{lang friends}</span></a>
    
12. </li><li class=""><span class="line">|</span></li>
    
13. <li class=""><a id="nav_key_up_206" href="home.php?mod=spacecp" title="" target="_blank" class="link_down"><span>{lang setup}</span></a>
    
14. </li><li class=""><span class="line">|</span></li>
    
15. <li class=""><a id="nav_key_up_193" href="/forum-55-1.html" title="{lang faq}"><span>{lang faq}</span></a></li><li class=""><span class="line">|</span></li>
    
16.                 </ul>
    
17.                 <div style="padding-top:2px;">$_G[setting][bbname]  引领莲城年轻文化  
    
18.                 <a id="widthCfg" href="http://wap.xsscc.com/" class="s2" target="_blank">[手机版]</a>
    
19.                 </div>
    
20.         </div>
    
21. </div>
    
22. 
    
23.         <!--个人导航结束-->

复制代码

---

模板（正在使用的模板）中-- 增加css

1. /*论坛新帖、热帖导航*/
   
2. .ndsns_hot { background:#FFF; margin:8px 0; border:1px solid #DADADA }
   
3. .ndsns_hot_title { background: url(
   
4. {STYLEIMGDIR} /ndsns_hot01.png) repeat-x scroll 0 0 transparent; border-bottom: 3px solid #F3001D; height: 30px; }
   
5. .ndhot_t_left { display: inline; float: left; padding-left: 20px; margin-top: 5px; }
   
6. .ndhot_t_left span { display:block; background:#F3001D; border: 1px solid #E7001C; color: #FFF; font-size: 12px; height: 24px; line-height: 24px; text-align: center; width: 70px; }
   
7. .ndhot_t_left2 { display: inline; float: left; padding-left: 10px; margin-top: 5px; }
   
8. .ndhot_t_left2 span { display:block; background:#FFFFFF; border: 1px solid #E7001C; color: #F3001D; font-size: 12px; height: 24px; line-height: 24px; text-align: center; width: 70px; }
   
9. .ndhot_t_right { display: inline; float: right; padding-right: 15px; padding-top: 5px; }
   
10. .ndhot_t_right ul { list-style-type: none; margin: 0; padding: 0; }
    
11. .ndhot_t_right li { display: inline; float: left; margin-left: 10px; }
    
12. .ndhot_t_right li a { color: #035F9A; display: block; font-size: 12px; height: 24px; line-height: 24px; text-align: center; text-decoration: none; width: 65px; }
    
13. .ndhot_t_right li a:hover { text-decoration: none; }
    
14. .ndhot_t_right li a.ndsns_hov { background: url("
    
15. {STYLEIMGDIR} /ndsns_hot02.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; }
    
16. .ndsns_hot_con { padding:2px; overflow:hidden; height:250px;}
    
17. .ndhot_con_left { width:24.9%; height:250px; float:left; overflow:hidden }
    
18. .ndhot_con_right { width:24%; float:right;}
    
19. .ndhot_con_right1 { width:24%; float:left; margin-left: 8px;}
    
20. 
    
21. .ndhot_con_right .ndsns_hid { display:none; }
    
22. .ndhot_con_right ul{ margin-top:7px;}
    
23. .ndhot_con_right li { float:left; width:48%; font-size:13px; overflow:hidden; height:24px; line-height:24px; }
    
24. .ndhot_con_right li a { color:#333; }
    
25. .ndhot_con_right li span a { color:#197CBD; }
    
26. .ndhot_con_right li span.spe { font-family:'宋体'; font-weight:bold; }
    
27. .ndhot_con_right .con_hot_spe{ width:185px; float:left; padding:7px 10px 0; }
    
28. .ndhot_con_right1 dt { background:url(
    
29. {STYLEIMGDIR} /ndsns_hot03.png) repeat-x 0 0; border: 1px solid #D3D3D3; color: #333; font-size: 12px; line-height: 18px; text-align: center; margin-bottom:5px;}
    
30. .ndhot_con_right1 dd{ background:url(
    
31. {STYLEIMGDIR} /ndsns_hot_icon.png) no-repeat scroll 3px 6px; padding-left:16px; height:20px; line-height:20px; border-bottom:1px dashed #cccccc; font-size:12px;}
    
32. .ndhot_con_right dd span{ float:right; color:#999;}
    
33. .ndhot_con_right dd a{ color:#127BBF; text-decoration:none;}
    
34. .red { border: none; background-color: transparent; color: red; }

复制代码

会员导航的css（不需要的直接跳过）

1. /*贴内快捷导航*/
   
2. #pw_menuUp {
   
3. }
   
4. #pw_menuUp li, #floot_left li {
   
5. float: left;
   
6. margin-top: 1px;
   
7. }
   
8. #pw_menuUp li a, #floot_left li a {
   
9. margin: 1px 0 0;
   
10. float: left;
    
11. padding: 0 8px 0 6px;
    
12. line-height: 24px;
    
13. }
    
14. .pw_down_menu {
    
15. display: none;
    
16. border: 1px solid #CAD9EA;
    
17. padding: 1px;
    
18. background: white;
    
19. float: right;
    
20. position: absolute;
    
21. overflow: hidden;
    
22. margin-top: 25px;
    
23. margin-left: -174px;
    
24. z-index: 999;
    
25. }
    
26. #pw_menuUp li span.line {
    
27. padding: 1px 0 0;
    
28. float: left;
    
29. color: #9DB3C5;
    
30. margin: 0;
    
31. }
    
32. .cc {
    
33. }
    
34. 
    
35. .s2 {
    
36. color: #F60;
    
37. }
    
38. 
    
39. .breadCrumb {
    
40. zoom: 1;
    
41. background: white;
    
42. padding: 1px;
    
43. border: 1px solid #9DB3C5;
    
44. margin-bottom: 5px;
    
45. }
    
46. .breadCrumbbg {
    
47. background: url({STYLEIMGDIR}/bbsnei_dh.png) repeat-x left bottom;
    
48. color: #333;
    
49. padding: 0 10px;
    
50. line-height: 26px;
    
51. }

复制代码

可DIY四格素材  放置您所使用的模板图片目录里/static/image/



会员导航素材（不用的直接省略）    放置您所使用的模板图片目录里 /static/image/


diy导入

- -！


。

这个 支持下

看看如何！

感谢支持   

感觉还不错

搜索网 发表于 2012-12-20 18:07
感觉还不错

谢谢   

好东西，留个脚印

找了半年了 谢谢楼主的分享 明天就试试 不知道黑色背景是否也没问题 希望得到回答 谢谢 另外如果只添加今日会员排行是哪段代码呢