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

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

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › Discuz! 交流与讨论 › Discuz!-模板 › 【疑难求助】 › 有偿求高手帮忙修改模板！
返回列表 发新帖

[求助] 有偿求高手帮忙修改模板！

[复制链接]
我就是拽 发表于 2012-4-14 16:40:26 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2.5
浏览器: 360 
使用模板: 其他模板（请在回帖中说明模板的名称或者是模板的下载地址）
BUG地址: http://w87784.s97.chinaccnet.cn/portal.php
本帖最后由 我就是拽 于 2012-4-14 16:44 编辑

现在用的模板有一个美图聚焦板块，是一个图片展示的版块，模板默认的有两个分类，我想修改成为六个分类，但是代码看不懂，希望高手帮助改一下，以下是代码！


下面是index.htm 的代码：
  1. <!--{subtemplate common/header}-->
  2. <!--[name]婚嫁频道模板[/name]-->
  3. <style id="diy_style" type="text/css"></style>
  4. <link href="$_G['setting']['csspath']template/default/portal/marry/style/style.css" rel="stylesheet" type="text/css" />
  5. <script type="text/javascript">


  8. function showtop5(num, idtype) {
  9.         if($(idtype + "_" + num)) {
  10.                 for(var i = 1; i < 6; i++) {
  11.                         if($(idtype + "_" + i)) {
  12.                                 $(idtype + "_" + i).className = '';
  13.                         } else {
  14.                                 return;
  15.                         }
  16.                 }
  17.                 $(idtype + "_" + num).className = 'on';
  18.         } else {
  19.                 return;
  20.         }
  21. }
  22. function show(num, thisname, name, allnum) {
  23.         for(var i = 0; i <= allnum ; i++) {
  24.                 if(num != i) {
  25.                         $(thisname + "_" + i).className = '';
  26.                         $(name + "_" + i).style.display = 'none';
  27.                 } else {
  28.                         $(thisname + "_" + i).className = 'on';
  29.                         $(name + "_" + i).style.display = 'block';
  30.                 }
  31.         }
  32. }
  33. </script>
  34.         
  35.       

  37.   <!--[diy=diy49]--><div id="diy49" class="area"></div><!--[/diy]--><!--婚嫁频道_顶部广告位-->       

  39. <!--//页面整体上部-->
  40. <div class="wp cl body_top">
  41.         <div class="z bignews">
  42.         <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]--><!--婚嫁频道_幻灯片-->
  43.         </div>
  44.     <div class="y body_top_r cl">
  45.             <div class="navigation">
  46.                 <div class="navigation_box">
  47.                 <div class="nav navleft z"><!--[diy=diy2]--><div id="diy2" class="area"></div><!--[/diy]--><!--婚嫁频道_栏目--></div>
  48.                 <div class="nav navcenter z"><!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]--><!--婚嫁频道_栏目--></div>
  49.                 <div class="nav navright z"><!--[diy=diy4]--><div id="diy4" class="area"></div><!--[/diy]--><!--婚嫁频道_栏目--></div>
  50.             </div>
  51.         </div>
  52.         <div class="mtn cl">
  53.                 <!--/todayforuc-->
  54.                 <div class="todayfocus">
  55.                        
  56.                         <!--[diy=diy5]--><div id="diy5" class="area"></div><!--[/diy]--><!--婚嫁频道_今日聚焦-->
  57.                
  58.                 <div>
  59.                                
  60.                                  <!--[diy=diy6]--><div id="diy6" class="area"></div><!--[/diy]--><!--婚嫁频道_团购折扣-->
  61.                                
  62.                         <div class="focus_btn cl">
  63.                             <span><a >+ 更多</a></span>
  64.                             <dd id="groupon_btn_0" class="on" onclick="show(0, 'groupon_btn', 'groupon', 1);">团购</dd><dd id="groupon_btn_1" onclick="show(1, 'groupon_btn', 'groupon', 1);">折扣</dd>
  65.                     </div>
  66.                     <div id="groupon_0" class="focus_btn_bottom">
  67.                              <!--[diy=diy45]--><div id="diy45" class="area"></div><!--[/diy]--><!--婚嫁频道_团购图-->       
  68.                         <div class="list">
  69.                          <!--[diy=diy46]--><div id="diy46" class="area"></div><!--[/diy]--><!--婚嫁频道_团购列表-->       
  70.                         </div>
  71.                     </div>
  72.                     
  73.                     <div id="groupon_1" style="display:none;" class="focus_btn_bottom">
  74.                              <!--[diy=diy47]--><div id="diy47" class="area"></div><!--[/diy]--><!--婚嫁频道_折扣图-->       
  75.                         <div class="list">
  76.                          <!--[diy=diy48]--><div id="diy48" class="area"></div><!--[/diy]--><!--婚嫁频道_折扣列表-->       
  77.                         </div>
  78.                     </div>
  79.                                         <!------------------------------------------------------------------------>
  80.                 </div>
  81.             </div>
  82.             <!--/todayforuc-->
  83.             
  84.             <!--/top10-->
  85.             <div class="top10">
  86.                 <div>
  87.                     <a  class="more"><img src="archy_zhanhelp/empty_img.gif"  width="43" height="35"/></a>
  88.                     <span class="title">商家总排行</span>
  89.                 </div>
  90.                 <!--[diy=diy7]--><div id="diy7" class="area"></div><!--[/diy]--><!--婚嫁频道_商家排行榜-->
  91.             </div>
  92.             <!--/top10-->
  93.             
  94.         </div>
  95.     </div>
  96. </div>
  97. <!--//页面整体上部-->
  98. <!--[diy=diy50]--><div id="diy50" class="area"></div><!--[/diy]--><!--婚嫁频道_中部广告位-->
  99. <!--//页面整体图片框-->
  100. <div class="wp cl picbox">
  101.     <a  class="more"><img src="archy_zhanhelp/empty_img.gif"  width="43" height="35"/></a>
  102.     <div class="title">
  103.         <em>美图聚焦</em>
  104.         <span><a >新丝雨婚纱摄影2月巨献，全线2折起，婚嫁网报名全部有！</a></span>
  105.         <span><a >世达印象机构，个人工作室338个人写真，真情放送</a></span>
  106.     </div>
  107.     <script type="text/javascript">
  108.             function showpics(num) {
  109.                         var othernum = num == 1 ? 2 : 1 ;
  110.                         $('pics_' + num).style.display = 'block';
  111.                         $('pics_' + othernum).style.display = 'none';
  112.                         $('picsbtn_' + num).className = 'on';
  113.                         $('picsbtn_' + othernum).className = '';
  114.                 }
  115.     </script>
  116.     <div class="box">
  117.             <div class="z leftmenu">
  118.                 <span id="picsbtn_1" class="on" onclick="showpics(1,this);">个人写真</span>
  119.             <span id="picsbtn_2" onclick="showpics(2,this);">婚纱写真</span>
  120.         </div>
  121.         <div id="pics_1" class="pics">
  122.                  <!--[diy=diy43]--><div id="diy43" class="area"></div><!--[/diy]--><!--婚嫁频道_个人写真-->       
  123.         </div>
  124.         <div id="pics_2" class="pics" style="display:none;">
  125.             <!--[diy=diy44]--><div id="diy44" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱写真-->       
  126.         </div>
  127.     </div>
  128. </div>
  129. <!--//页面整体图片框-->
  130. <!--[diy=diy51]--><div id="diy51" class="area"></div><!--[/diy]--><!--婚嫁频道_待嫁新娘广告位-->
  131. <!--//专题区域special-->
  132. <!--//待嫁新娘(waiting)-->
  133. <div class="wp cl special">
  134.         <div class="waiting_box cl">
  135.            
  136.         <!--//专题左侧-->
  137.             <div class="special_left">
  138.                 <div class="special_left_btn">
  139.                     <dl>商家推荐</dl>
  140.             </div>
  141.             <div class="special_left_box ">
  142.                    
  143.                 <!--[diy=diy20]--><div id="diy20" class="area"></div><!--[/diy]--><!--婚嫁频道_商家推荐-->         
  144.             
  145.                
  146.             </div>
  147.         </div>
  148.         <!--//专题左侧-->
  149.         
  150.         
  151.         <!--//专题右侧-->
  152.         <div class="special_right">
  153.                 <div class="special_nav">
  154.                         <a  class="more"><img src="archy_zhanhelp/empty_img.gif"  width="43" height="35"/></a>
  155.                 <div class="snav"><!--[diy=diy8]--><div id="diy8" class="area"></div><!--[/diy]--><!--婚嫁频道_待嫁新娘子栏目--></div>
  156.             </div>
  157.             <div class="special_box">
  158.             
  159.                     <div class="z">
  160.                     <div class="special_list cl">
  161.                         <div class="special_title">
  162.                             <!--[diy=diy60]--><div id="diy60" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  163.                         </div>
  164.                         <div class="cl">
  165.                                 <div class="imglist">
  166.                                                        
  167.                                                         <!--[diy=diy9]--><div id="diy9" class="area"></div><!--[/diy]--><!--婚嫁频道_钻石珠宝图片-->
  168.                                 </div>
  169.                                                        
  170.                                                        
  171.                             <div class="list z">
  172.                                                         <!--[diy=diy10]--><div id="diy10" class="area"></div><!--[/diy]--><!--婚嫁频道_钻石珠宝文章-->
  173.                                                        
  174.                             </div>
  175.                         </div>
  176.                     </div>
  177.                     
  178.                     
  179.                     <div class="special_list cl">
  180.                         <div class="special_title">
  181.                             <!--[diy=diy61]--><div id="diy61" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  182.                         </div>
  183.                         <div class="list">
  184.                                                 <!--[diy=diy11]--><div id="diy11" class="area"></div><!--[/diy]--><!--婚嫁频道_爱情告白文章-->
  185.                         </div>
  186.                     </div>
  187.                     
  188.                     
  189.                     <div class="special_list cl">
  190.                         <div class="special_title">
  191.                            <!--[diy=diy62]--><div id="diy62" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  192.                         </div>
  193.                         <div class="cl">
  194.                                 <div class="imglist">
  195.                                     <!--[diy=diy12]--><div id="diy12" class="area"></div><!--[/diy]--><!--婚嫁频道_美容美体图-->
  196.                                 </div>
  197.                             <div class="list z">
  198.                                 <!--[diy=diy13]--><div id="diy13" class="area"></div><!--[/diy]--><!--婚嫁频道_美容美体文章-->
  199.                             </div>
  200.                         </div>
  201.                     </div>
  202.                     
  203.                 </div>
  204.                
  205.                
  206.                 <div class="y">
  207.                
  208.                         <div class="special_list cl">
  209.                         <div class="special_title">
  210.                           <!--[diy=diy63]--><div id="diy63" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  211.                         </div>
  212.                         <div class="complex cl">
  213.                                 <div class="z">
  214.                                 <div class="list">
  215.                                     <!--[diy=diy14]--><div id="diy14" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱礼服文章-->
  216.                                 </div>
  217.                                 <div class="complex_title">婚纱款式</div>
  218.                                 <div class="complex_box cl">
  219.                                        
  220.                                             <!--[diy=diy15]--><div id="diy15" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱款式图-->
  221.                              
  222.                               
  223.                                 </div>
  224.                             </div>
  225.                             <div class="y">
  226.                                     <div class="top5">
  227.                                         <div class="title">婚纱关注排行</div>
  228.                                     <div class="top5list">
  229.                                             <!--[diy=diy16]--><div id="diy16" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱关注排行-->
  230.                                     </div>
  231.                                 </div>
  232.                             </div>
  233.                         </div>
  234.                     </div>
  235.                
  236.                         <div class="special_list cl">
  237.                         <div class="special_title">
  238.                             <!--[diy=diy64]--><div id="diy64" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  239.                         </div>
  240.                         <div class="complex cl">
  241.                                 <div class="z">
  242.                                 <div class="complex_imgbox">
  243.                                    <!--[diy=diy19]--><div id="diy19" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱写真幻灯-->
  244.                                 </div>
  245.                                 <div class="complex_box cl">
  246.                                 <!--[diy=diy17]--><div id="diy17" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱写真图片-->
  247.                                                                        
  248.                                 </div>
  249.                             </div>
  250.                            
  251.                            
  252.                             <div class="y">
  253.                                     <div class="top5">
  254.                                         <div class="title">婚纱关注排行</div>
  255.                                     <div class="top5list">
  256.                                     <!--[diy=diy18]--><div id="diy18" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱关注排行-->       
  257.                                                                                
  258.                                     </div>
  259.                                 </div>
  260.                             </div>
  261.                         </div>
  262.                     </div>
  263.                
  264.                
  265.                
  266.                 </div>
  267.             </div>
  268.         </div>
  269.         <!--//专题右侧-->
  270.         
  271.     </div>
  272.     <div class="special_bottom"></div>
  273. </div>
  274. <!--//待嫁新娘(waiting)-->



  278. <!--[diy=diy52]--><div id="diy52" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆服务广告位-->

  280. <div class="wp cl special">
  281.         <div class="service_box cl">
  282.            
  283.         <!--//专题左侧-->
  284.             <div class="special_left">
  285.                 <div class="special_left_btn">
  286.                     <dl>商家推荐</dl>
  287.             </div>
  288.             <div class="special_left_box ">
  289.                    
  290.          
  291. <!--[diy=diy21]--><div id="diy21" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆服务商家推荐-->       
  292.             </div>
  293.         </div>
  294.         <!--//专题左侧-->
  295.         
  296.         
  297.         <!--//专题右侧-->
  298.         <div class="special_right">
  299.                 <div class="special_nav">
  300.                         <a  class="more"><img src="archy_zhanhelp/empty_img.gif"  width="43" height="35"/></a>
  301.                 <div class="snav"> <!--[diy=diy22]--><div id="diy22" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆服务子栏目-->        </div>
  302.             </div>
  303.             <div class="special_box">
  304.             
  305.                     <div class="z">
  306.                     <div class="special_list cl">
  307.                         <div class="special_title">
  308.                            <!--[diy=diy65]--><div id="diy65" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  309.                         </div>
  310.                         <div class="cl">
  311.                                 <div class="imglist">
  312.                                      <!--[diy=diy23]--><div id="diy23" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱写真图-->       
  313.                                 </div>
  314.                             <div class="list z">
  315.                                  <!--[diy=diy24]--><div id="diy24" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱写真文章列表-->       
  316.                             </div>
  317.                         </div>
  318.                     </div>
  319.                     
  320.                     
  321.                     <div class="special_list cl">
  322.                         <div class="special_title">
  323.                            <!--[diy=diy66]--><div id="diy66" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  324.                         </div>
  325.                         <div class="list">
  326.                                  <!--[diy=diy25]--><div id="diy25" class="area"></div><!--[/diy]--><!--婚嫁频道_婚宴场地-->       
  327.                         </div>
  328.                     </div>
  329.                     
  330.                     
  331.                     <div class="special_list cl">
  332.                         <div class="special_title">
  333.                           <!--[diy=diy67]--><div id="diy67" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  334.                         </div>
  335.                         <div class="cl">
  336.                                 <div class="imglist">
  337.                                      <!--[diy=diy26]--><div id="diy26" class="area"></div><!--[/diy]--><!--婚嫁频道_婚礼婚俗图-->       
  338.                                 </div>
  339.                             <div class="list z">
  340.                                 <!--[diy=diy27]--><div id="diy27" class="area"></div><!--[/diy]--><!--婚嫁频道_婚礼婚俗列表-->       
  341.                             </div>
  342.                         </div>
  343.                     </div>
  344.                     
  345.                 </div>
  346.                
  347.                
  348.                 <div class="y">
  349.                
  350.                         <div class="special_list cl">
  351.                         <div class="special_title">
  352.                            <!--[diy=diy68]--><div id="diy68" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  353.                         </div>
  354.                         <div class="complex cl">
  355.                                 <div class="z">
  356.                                 <div class="list">
  357.                                     <!--[diy=diy28]--><div id="diy28" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆公司-->       
  358.                                 </div>
  359.                                 <div class="complex_title">花艺服务</div>
  360.                                 <div class="complex_box cl">
  361.                                         <div class="z">
  362.                                             <!--[diy=diy29]--><div id="diy29" class="area"></div><!--[/diy]--><!--婚嫁频道_花艺服务图-->       
  363.                                     </div>
  364.                                     <div class="z list">
  365.                                             <!--[diy=diy30]--><div id="diy30" class="area"></div><!--[/diy]--><!--婚嫁频道_花艺服务列表-->       
  366.                                     </div>
  367.                                 </div>
  368.                             </div>
  369.                             <div class="y">
  370.                                     <div class="top5">
  371.                                         <div class="title">婚纱关注排行</div>
  372.                                     <div class="top5list">
  373.                                             <!--[diy=diy31]--><div id="diy31" class="area"></div><!--[/diy]--><!--婚嫁频道_排行3-->       
  374.                                     </div>
  375.                                 </div>
  376.                             </div>
  377.                         </div>
  378.                     </div>
  379.                
  380.                         <div class="special_list cl">
  381.                         <div class="special_title">
  382.                            <!--[diy=diy69]--><div id="diy69" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  383.                         </div>
  384.                         <div class="complex cl">
  385.                                 <div class="z">
  386.                                 <div class="complex_imgbox">
  387.                                     <!--[diy=diy32]--><div id="diy32" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆热贴幻灯-->       
  388.                                 </div>
  389.                             </div>
  390.                             <div class="y desc cl">
  391.                                 <!--[diy=diy33]--><div id="diy33" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆热贴帖子标题+描述-->       
  392.                                   </div>
  393.                         </div>
  394.                         <div class="hot">
  395.                                 <div><em><a >SEO优化</a></em> <em><a >Discuz教程</a></em>
  396. <em><a >FlashFXP下载</a></em>  <em><a href="#">喜糖</a></em>  <em><a >如何选择域名</a></em>
  397.                                                         </div>
  398.                         </div>
  399.                     </div>
  400.                
  401.                
  402.                
  403.                 </div>
  404.             </div>
  405.         </div>
  406.         <!--//专题右侧-->
  407.         
  408.     </div>
  409.     <div class="special_bottom"></div>
  410. </div>
  411. <!--//婚庆服务(service)-->



  415. <!--[diy=diy53]--><div id="diy53" class="area"></div><!--[/diy]--><!--婚嫁频道_新婚之旅广告位-->

  417. <div class="wp cl special">
  418.         <div class="marry_box cl">
  419.            
  420.         <!--//专题左侧-->
  421.             <div class="special_left">
  422.                 <div class="special_left_btn">
  423.                     <dl>商家推荐</dl>
  424.             </div>
  425.             <div class="special_left_box ">
  426.                      <!--[diy=diy34]--><div id="diy34" class="area"></div><!--[/diy]--><!--婚嫁频道_新婚之旅商家-->       
  427.             </div>
  428.         </div>
  429.         <!--//专题左侧-->
  430.         
  431.         
  432.         <!--//专题右侧-->
  433.         <div class="special_right">
  434.                 <div class="special_nav">
  435.                         <a href="#" class="more"><img src="archy_zhanhelp/empty_img.gif"  width="43" height="35"/></a>
  436.                 <div class="snav"><!--[diy=diy35]--><div id="diy35" class="area"></div><!--[/diy]--><!--婚嫁频道_新婚之旅子目录-->        </div>
  437.             </div>
  438.             <div class="special_box">
  439.             
  440.                     <div class="z">
  441.                     <div class="special_list cl">
  442.                         <div class="special_title">
  443.                            <!--[diy=diy70]--><div id="diy70" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  444.                         </div>
  445.                         <div class="cl">
  446.                                 <div class="imglist">
  447.                                     <!--[diy=diy36]--><div id="diy36" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱写真图-->       
  448.                                 </div>
  449.                             <div class="list z">
  450.                                 <!--[diy=diy37]--><div id="diy37" class="area"></div><!--[/diy]--><!--婚嫁频道_婚纱写真列表-->       
  451.                             </div>
  452.                         </div>
  453.                     </div>
  454.                     
  455.                     
  456.                     <div class="special_list cl">
  457.                         <div class="special_title">
  458.                            <!--[diy=diy71]--><div id="diy71" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  459.                         </div>
  460.                         <div class="cl">
  461.                                 <div class="imglist">
  462.                                     <!--[diy=diy38]--><div id="diy38" class="area"></div><!--[/diy]--><!--婚嫁频道_婚礼婚俗图-->       
  463.                                 </div>
  464.                             <div class="list z">
  465.                                <!--[diy=diy39]--><div id="diy39" class="area"></div><!--[/diy]--><!--婚嫁频道_婚礼婚俗列表-->       
  466.                             </div>
  467.                         </div>
  468.                     </div>
  469.                     
  470.                 </div>
  471.                
  472.                
  473.                 <div class="y">
  474.                
  475.                         <div class="special_list cl">
  476.                         <div class="special_title">
  477.                             <!--[diy=diy72]--><div id="diy72" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  478.                         </div>
  479.                         <div class="list">
  480.                                 <!--[diy=diy40]--><div id="diy40" class="area"></div><!--[/diy]--><!--婚嫁频道_婚宴场地列表-->       
  481.                         </div>
  482.                     </div>
  483.                     
  484.                
  485.                         <div class="special_list cl">
  486.                         <div class="special_title">
  487.                             <!--[diy=diy73]--><div id="diy73" class="area"></div><!--[/diy]--><!--婚嫁频道_更多栏目-->
  488.                         </div>
  489.                         <div class="complex cl">
  490.                                 <div class="z">
  491.                                 <div class="complex_imgbox">
  492.                                    <!--[diy=diy41]--><div id="diy41" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆热帖图-->       
  493.                                 </div>
  494.                             </div>
  495.                             <div class="y desc cl">
  496.                                  <!--[diy=diy42]--><div id="diy42" class="area"></div><!--[/diy]--><!--婚嫁频道_婚庆热帖帖子-->       
  497.                                   </div>
  498.                         </div>
  499.                         <div class="hot red">
  500.                                 <div><a >网站建设</a> <a >站长杂谈</a> <a >站长互助</a> <a href="#">喜糖</a> <a >站长论坛</a>
  501.                                                         </div>
  502.                         </div>
  503.                     </div>
  504.                
  505.                
  506.                
  507.                 </div>
  508.             </div>
  509.         </div>
  510.         <!--//专题右侧-->
  511.         
  512.     </div>
  513.     <div class="special_bottom"></div>
  514. </div>
  515. <!--//新婚之旅-->
  516. <!--//专题区域-->
  517. <!--[diy=diy53]--><div id="diy53" class="area"></div><!--[/diy]--><!--婚嫁频道_底部广告位-->



  521. <!--{subtemplate common/footer}-->
复制代码
以下是css代码：
  1. /*婚嫁频道CSS*/
  2. /*Congyushuai create*/
  3. /*主体CSS*/
  4. .list li{background: url(../images/list_dot.jpg) no-repeat 2px center; text-indent:8px;}
  5.         .list li a:hover{ color:#863613;}
  6. .more{ float:right; width:40px;}
  7. .big_icon1{ background:url(../images/big_icon/01.gif) no-repeat 10px center;}
  8. .big_icon2{ background:url(../images/big_icon/02.gif) no-repeat 10px center;}
  9. .big_icon3{ background:url(../images/big_icon/03.gif) no-repeat 10px center;}
  10. .big_icon4{ background:url(../images/big_icon/04.gif) no-repeat 10px center;}
  11. .big_icon5{ background:url(../images/big_icon/05.gif) no-repeat 10px center;}
  12. .big_icon6{ background:url(../images/big_icon/06.gif) no-repeat 10px center;}
  13. .big_icon7{ background:url(../images/big_icon/07.gif) no-repeat 10px center;}
  14. .big_icon8{ background:url(../images/big_icon/08.gif) no-repeat 10px center;}
  15. .big_icon9{ background:url(../images/big_icon/09.gif) no-repeat 10px center;}
  16. .big_icon10{ background:url(../images/big_icon/10.gif) no-repeat 10px center;}
  17. .body_top{ margin-top:5px;}
  18. .body_top .bignews{ background:#ebe8e4; width:444px; height: 507px; border:1px #d0cece solid; overflow: hidden;}
  19.         .body_top .bignews .box div{display:none;}
  20.         .body_top .bignews .box div.on{display:block;}
  21.         .body_top .bignews .box_btn{ background:#ebe8e4 url(../images/bignews_btn_bg.gif) repeat-x 0 0;}
  22.         .body_top .bignews .box_btn div{ float:left; height:40px; line-height:20px; font-size:14px;}
  23.         .body_top .bignews .box_btn div.on{ background:url(../images/bignews_btn_on_bottom.gif) no-repeat center 28px;}
  24.         .body_top .bignews .box_btn div span{ background:#a77f74; color:#FFF; font-weight:bold; border-right:1px #b49389 solid; height:29px; line-height:29px; padding:0 5px; width:100px; overflow:hidden; text-align:center;cursor:pointer; display: block;}
  25.         .body_top .bignews .box_btn div.on span{ background:url(../images/bignews_btn_on.gif) repeat-x 0 0; }
  26.         .body_top .bignews .box_desc{ background:#ebe8e4; line-height:18px; color:#4e362c; padding-left:10px;}
  27.                 .body_top .bignews .box_desc p{ display:none;}
  28.                 .body_top .bignews .box_desc p.on{ display:block;}
  29.         .body_top_r{ margin-left:8px;display: inline; }
  30.        
  31.         /*navigation*/
  32.         .body_top .navigation{ width:503px; height:96px; background:url(../images/navigation_bg.jpg) no-repeat 0 0;}
  33.                 .body_top .navigation .navigation_box{ padding:37px 0 7px 103px;}
  34.                         .body_top .navigation .nav{ margin:6px 4px 4px 4px; padding-left:1px; width:122px;}
  35.                         .body_top .navigation .nav a:hover{ color:#ddeb33; }
  36.        
  37.         /*todayfocus*/
  38.         .body_top .todayfocus{ background:url(../images/focus_bg.gif) no-repeat; width:312px; height:363px; padding-top:45px; float:left;}       
  39.                 .body_top .todayfocus h2{ font-size:16px; font-weight:bold; text-align:center;}
  40.                         .body_top .todayfocus h2 a{color:#413c3d; text-decoration:none;}
  41.                                 .body_top .todayfocus .list{ margin:8px 2px 10px 5px;}
  42.                                         .body_top .todayfocus .list li{ width:49%; float:left; line-height:24px; height:24px;  margin-left:2px;}
  43.                                         .body_top .todayfocus .list li a{ color:#82746b; }
  44.                                         .body_top .todayfocus .list li a:hover{ color:#853713; }
  45.                                        
  46.                                 /*团购区域*/
  47.                                 .body_top .focus_btn{ margin-left:24px; margin-right:10px;}
  48.                                 .body_top .focus_btn span{ float:right; margin-right:10px; }
  49.                                 .body_top .focus_btn span a{ color:#b25d0a;}
  50.                                 .body_top .focus_btn dd{ width:55px; height:26px;line-height:26px; background:url(../images/focus_btn.gif) no-repeat -55px 0; float:left; text-align:center; color:#7f706a; font-weight:bold; margin-right:1px; cursor:pointer;}
  51.                                 .body_top .focus_btn dd.on{ background-position:0 0; color:#99593e;}
  52.                                 .body_top .focus_btn_bottom{ background:url(../images/focus_btn_bottom.gif) no-repeat 0 0; height:158px; padding:10px;}
  53.                                         .body_top .focus_btn_bottom a{ color:#82746e;}
  54.                                                 .body_top .focus_btn_bottom .list li{ width:97%;}
  55.                                                
  56.         /*top10*/               
  57.         .body_top .top10{ background:url(../images/top10_bg.jpg) no-repeat 0 0; width:185px; height:412px; float:right;}
  58.                
  59.                 .body_top .top10 .title{ margin-left:24px; color:#f0c478;}
  60.                 .body_top .top10 ul{ margin-top:5px;}
  61.                 .body_top .top10 ul li{ height: 36px; line-height:36px; margin-left:10px; padding-left:34px;}
  62.                         .body_top .top10 ul li a{ color:#735650;}
  63.                         .body_top .top10 ul li a:hover{ color:#863611;}

  65. /*picbox*/
  66. .picbox{ background:url(../images/picbox_bg.jpg) no-repeat 0 0; height:226px; margin-top:4px;}
  67.         .picbox .title em{ font-size:14px; font-weight:bold; color:#390608; margin-left:64px; padding-top:4px; display:inline-block;}
  68.                 .picbox .title em a{ color:#390608;}
  69.                 .picbox .title span{ color:#82746e; font-size:12px; font-weight:normal; margin-left:50px;}
  70.         .picbox .leftmenu{ width:69px; margin-top:36px;}
  71.         .picbox .leftmenu span{display:block; text-align:right; margin-left:10px; padding:3px; color:#543a2c; cursor:pointer;}
  72.                 .picbox .leftmenu span.on{background:#e3dde3;}
  73.                 .picbox .leftmenu span a{color:#82746e;}
  74.                 .picbox .pics{ padding:7px; float:left; width:870px;}
  75.                         .picbox .pics a img{ padding:7px 5px 7px 5px;}
  76.                        
  77. /*专题区域*/
  78. .special{ background:#fff url(../images/special_bg_loop.jpg) repeat-y 0 0; margin-top:10px;}
  79. .special_bottom{ background:url(../images/special_bg_bottom.jpg) no-repeat 0 0; height:8px; line-height:8px; font-size:0; margin-top:5px;}
  80. .special_left{ width:240px; float:left; padding-top:255px;}
  81.         .special_left .special_btn{}
  82.                 .special_left .special_left_btn dl{ background:url(../images/special_left_btn.gif) no-repeat 0 0; width:91px; height:25px; text-align:center; line-height:25px; color:#6f564f; font-weight:bold; margin-left:23px;}
  83.                 .special_left .special_left_box{ background:url(../images/special_left_bg.gif) no-repeat 0 0; margin:0 0 0 10px;; padding-top:24px;}
  84.                         .special_left .special_left_box dl{ border:1px #d0cece solid; float:left; width:88px; margin-left:12px; _margin-left:6px;}
  85.                                 .special_left .special_left_box dl p{ color:#FFF; background:#d2d0d0; text-align:center;}
  86.                                 .special_left .special_left_box .list{ margin:10px 5px 5px 10px; }
  87.                                 .special_left .special_left_box .list li{ line-height:26px;}
  88.                                 .special_left .special_left_box .list li a{ color:#82746e;}
  89.                                 .special_left .special_left_box .imgbox{ margin:15px 0 0 10px;}
  90.                                 .special_left .special_left_box .imgbox img{ border:1px #c8c0bc solid; }
  91.                                
  92.                                
  93. .special_right{ width:717px; float:left;}
  94.         .special_nav .snav{ line-height:36px; padding-left:45px;}
  95.         .special_nav .snav a:hover{ color:#fb6a00;}
  96.         .special_box{ padding:15px;}
  97.                 .special_box .z{ width:47%; margin-left:20px;}
  98.                 .special_list{ width:320px;}
  99.                 .special_list .special_title{ color:#390708; font-size:14px; background:url(../images/special_title_border.gif) no-repeat 0 bottom; padding:5px 14px 5px 3px; margin-bottom:10px; font-weight:bold;}
  100.                         .special_list .special_title .more{ font-size:12px; color:#82736e; font-weight:normal;}
  101.                         .special_list .imglist{ width:76px; float:left;}
  102.                                 .special_list .imglist a{ display:block; width:100%; margin:10px 0;}
  103.                         .special_list .list li{ line-height:34px; height:34px; font-size:14px; color:#82746e;}
  104.                                 .special_list .list li.half{ width:49%; float:left;}
  105.                                 .special_list .list li a{ color:#82746e}
  106.                                         .special_list .list li a:hover{color:#863613;}
  107.                                 .special_list .list.z{ width:200px;}
  108.                                 .special_list .complex .z{ margin-left:0; width:49%;}
  109.                                 .special_list .complex .y{ margin-left:5px; width:46%;}
  110.                                         .special_list .complex .desc{ color:#82746e; width:47%; margin-left:2px; margin-right:3px; text-align:left; line-height:20px;}
  111.                                         .special_list .complex .desc a{ color:#543a2c;}
  112.                                                 .special_list .complex .desc .title{ font-size:14px; padding:0;}
  113.                                         .special_list .complex .list li{ font-size:12px; line-height:30px; height:30px;}
  114.                                         .special_list .complex .complex_title{ font-size:12px; font-weight:bold; color:#390608; padding:0 5px; margin:5px 0;}
  115.                                         .special_list .complex .complex_box{ padding:2px;text-align:center;}
  116.                                         .special_list .complex .complex_box .z{ width:49%; padding-right:1px; float:left; height:70px;}
  117.                                                 .special_list .complex .complex_box .z img{ margin-top:5px;}
  118.                                                 .special_list .complex .complex_box .z p { line-height:24px; }
  119.                                                         .special_list .complex .complex_box .z p a{ color:#c82b2b;}
  120.                                                         .special_list .complex .complex_box .list li{ line-height:26px; height:26px; text-align:left;}
  121.                                         .special_list .complex .complex_imgbox {}
  122.                                                 .special_list .complex .complex_imgbox p{ background:url(../images/complex_imgbox_btn_bg.jpg) no-repeat right 0; margin-top:5px;text-align:right; height:20px; line-height:20px;}
  123.                                                 .special_list .complex .complex_imgbox p a{ margin-right:5px; color:#715c5d; font-size:11px;}
  124.                                                 .special_list .complex .complex_imgbox p a.on{ color:#db5f65;}
  125.                                         .special_list .hot{ background:url(../images/hot_blue_bg.jpg) no-repeat; width:318px; height:64px;}
  126.                                                 .special_list .hot div{ padding:16px 50px 10px 90px;}
  127.                                                         .special_list .hot div a{ margin-right:10px;}
  128.                                                 .special_list .hot a{ color:#a46ca8;}
  129.                                                 .special_list .hot.blue{background:url(../images/hot_blue_bg.jpg) no-repeat;}
  130.                                                 .special_list .hot.red{background:url(../images/hot_red_bg.jpg) no-repeat;}
  131.                                                         .special_list .hot.red div{padding:16px 10px 10px 90px;}
  132.                                                                 .special_list .hot.red a{ color:#a96b76;}
  133.                                         .top5{ background:url(../images/small_top5_bg.jpg) no-repeat 0 0; width:129px; height:220px;}
  134.                                         .top5 .title{ color:#715c5d; font-size:12px; text-align:center; height:24px; line-height:24px;}
  135.                                                 .top5 .top5list li{ border-top:1px #d0d0d0 solid; padding:5px 0 5px 2px; width:114px; margin-left:5px; line-height:17px;}
  136.                                                 .top5 .top5list li a{color:#82746e;}
  137.                                                 .top5 .top5list li a:hover{ text-decoration:none;}
  138.                                                 .top5 .top5list li img{ vertical-align:middle; margin-right:5px;}
  139.                                                
  140.                                                 .top5 .top5list li div{ display:none;}
  141.                                                 .top5 .top5list li.on div{ padding-left:14px; margin:1px 1px 1px 6px; display:block; }
  142.                                
  143. /*waiting*/
  144. .waiting_box{ background:url(../images/waiting_bg.jpg) no-repeat 0 0;}

  146. /*service*/
  147. .service_box{ background:url(../images/service_bg.jpg) no-repeat 0 0;}

  149. /*marry*/
  150. .marry_box{ background:url(../images/marry_bg.jpg) no-repeat 0 0;}

  152. /*block title*/
  153. .bm_h { background: url(../images/block_title_bj_long.jpg) no-repeat 0 0; border-top: 0;}
  154. #ft{border-top:0 none;}
  155. .temp{margin:0}
复制代码

本帖子中包含更多资源

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

x
回复

使用道具 举报

槟榔生活 发表于 2012-4-14 21:40:04 | 显示全部楼层
打上金额啊？要不然高手不来电的啊？
回复

使用道具 举报

wulong1688 发表于 2012-4-16 11:14:02 | 显示全部楼层
你好。。请加QQ530836019、
回复

使用道具 举报

90n.org 发表于 2012-6-1 16:14:49 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

wulong1688 发表于 2012-6-3 19:30:22 | 显示全部楼层
网址给的进不了．要改的话请加我QQ530836039
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-27 04:28 , Processed in 0.029359 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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