Discuz X2.5仿厦门小鱼网论坛首页焦点切换[原创]

挺好看的

很给力

背景色蓝色的不能显示啊 ？
www.honglai.net

郁闷，不兼容2.0的
稍微修改了discuz.htm  改下图片目录就，可以了

qifeng168 发表于 2011-5-29 11:40
郁闷，不兼容2.0的
稍微修改了discuz.htm  改下图片目录就，可以了

像人家一样把2.0的放出来吧

kanla 发表于 2011-5-29 18:24
像人家一样把2.0的放出来吧

明天整理下

2.0的版本用下面的方法，把图片放在根目录image下，没有自己建文件夹。
代码如下

1. <div class="ndsns_hot">
   
2. <style type="text/css">
   
3. .ndsns_hot { background:#FFF; margin:8px 0; width:958px; border:1px solid #DADADA }
   
4. .ndsns_hot_title { background: url(image/ndsns_hot01.png) repeat-x scroll 0 0 transparent; border-bottom: 3px solid #E7001C; 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_right { display: inline; float: right; padding-right: 15px; padding-top: 5px; }
   
8. .ndhot_t_right ul { list-style-type: none; margin: 0; padding: 0; }
   
9. .ndhot_t_right li { display: inline; float: left; margin-left: 10px; }
   
10. .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; }
    
11. .ndhot_t_right li a:hover { text-decoration: none; }
    
12. .ndhot_t_right li a.ndsns_hov { background: url("image/ndsns_hot02.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; }
    
13. .ndsns_hot_con { padding:2px; overflow:hidden; height:222px;}
    
14. .ndhot_con_left { width:330px; height:220px; float:left; overflow:hidden }
    
15. .ndhot_con_right { width:620px; float:right;}
    
16. .ndhot_con_right .ndsns_hid { display:none; }
    
17. .ndhot_con_right ul{ margin-top:7px;}
    
18. .ndhot_con_right li { float:left; width:49%; font-size:14px; overflow:hidden; height:30px; line-height:30px; }
    
19. .ndhot_con_right li a { color:#666; }
    
20. .ndhot_con_right li span a { color:#197CBD; }
    
21. .ndhot_con_right li span.spe { font-family:'宋体'; font-weight:bold; }
    
22. .ndhot_con_right .con_hot_spe{ width:185px; float:left; padding:7px 10px 0; }
    
23. .ndhot_con_right dt { background:url(image/ndsns_hot03.png) repeat-x 0 0; border: 1px solid #D3D3D3; color: #666; font-size: 12px; line-height: 18px; text-align: center; }
    
24. .ndhot_con_right dd{ background:url({image/ndsns_hot_icon.png) no-repeat scroll 3px 6px; padding-left:16px; height:20px; line-height:20px; border-bottom:1px dashed #069; font-size:12px;}
    
25. .ndhot_con_right dd span{ float:right; color:#999;}
    
26. .ndhot_con_right dd a{ color:#127BBF; text-decoration:none;}
    
27. </style>
    
28.   <script type="text/javascript">
    
29.           function showTab(name,cur,n){
    
30.                 for(i=1;i<=n;i++){
    
31.                           var menu=document.getElementById(name+i);
    
32.                         var con=document.getElementById("con_"+name+"_"+i);
    
33.                           menu.className=i==cur?"ndsns_hov":"";
    
34.                           con.className=i==cur?"":"ndsns_hid";
    
35.                 }
    
36.           }
    
37.   </script>
    
38.   <div class="ndsns_hot_title">
    
39.     <h3 class="ndhot_t_left"><span>焦点图片</span></h3>
    
40.     <ul class="ndhot_t_right">
    
41.       <li><a id="hot1" onmouseover="showTab('hot',1,7)" class="ndsns_hov" >今日热门</a></li>
    
42.       <li><a id="hot2" onmouseover="showTab('hot',2,7)">最新主题</a></li>
    
43.       <li><a id="hot3" onmouseover="showTab('hot',3,7)">最新回复</a></li>
    
44.       <li><a id="hot4" onmouseover="showTab('hot',4,7)">活动看台</a></li>
    
45.       <li><a id="hot5" onmouseover="showTab('hot',5,7)">便民向导</a></li>
    
46.       <li><a id="hot6" onmouseover="showTab('hot',6,7)">新手教程</a></li>
    
47.       <li><a id="hot7" onmouseover="showTab('hot',7,7)">活跃会员</a></li>
    
48.     </ul>
    
49.   </div>
    
50.   <div class="ndsns_hot_con">
    
51.     <div class="ndhot_con_left"><!--[diy=ndsns01]-->
    
52.       <div id="ndsns01" class="area"></div>
    
53.       <!--[/diy]--></div>
    
54.     <div class="ndhot_con_right">
    
55.       <div id="con_hot_1">
    
56.         <!--[diy=ndsns02]-->
    
57.         <div id="ndsns02" class="area"></div>
    
58.         <!--[/diy]-->
    
59.       </div>
    
60.       <div id="con_hot_2" class="ndsns_hid">
    
61.         <!--[diy=ndsns03]-->
    
62.         <div id="ndsns03" class="area"></div>
    
63.         <!--[/diy]-->
    
64.       </div>
    
65.       <div id="con_hot_3" class="ndsns_hid">
    
66.         <!--[diy=ndsns04]-->
    
67.         <div id="ndsns04" class="area"></div>
    
68.         <!--[/diy]-->
    
69.       </div>
    
70.       <div id="con_hot_4" class="ndsns_hid">
    
71.         <!--[diy=ndsns05]-->
    
72.         <div id="ndsns05" class="area"></div>
    
73.         <!--[/diy]-->
    
74.       </div>
    
75.       <div id="con_hot_5" class="ndsns_hid">
    
76.         <!--[diy=ndsns06]-->
    
77.         <div id="ndsns06" class="area"></div>
    
78.         <!--[/diy]-->
    
79.       </div>
    
80.       <div id="con_hot_6" class="ndsns_hid">
    
81.         <!--[diy=ndsns07]-->
    
82.         <div id="ndsns07" class="area"></div>
    
83.         <!--[/diy]-->
    
84.       </div>
    
85.       <div id="con_hot_7" class="ndsns_hid">
    
86.         <div class="con_hot_spe">
    
87.           <!--[diy=ndsns08]-->
    
88.           <div id="ndsns08" class="area"></div>
    
89.           <!--[/diy]-->
    
90.         </div>
    
91.         <div class="con_hot_spe">
    
92.           <!--[diy=ndsns09]-->
    
93.           <div id="ndsns09" class="area"></div>
    
94.           <!--[/diy]-->
    
95.         </div>
    
96.         <div class="con_hot_spe">
    
97.           <!--[diy=ndsns10]-->
    
98.           <div id="ndsns10" class="area"></div>
    
99.           <!--[/diy]-->
    
100.         </div>
     
101.       </div>
     
102.     </div>
     
103.   </div>
     
104. </div>

复制代码

其实就是简单的把默认图片文件夹换个地方就可以了，我不明白为什么在2.0中 这个不能识别到文件。