智软工作室主要是为宁波公司提供宁波网站建设,宁波网站制作,宁波做网站公司,宁波外贸网站建设公司,宁波网站优化等项目,以优质的服务,优惠的价格,深的客户信赖。相信有你的加入我们的明天会更有动力!期待与你合作!
  • 宁波智软设计工作室,打造宁波网站制作工作室顶级品牌
  • 智软拥有专业的设计团队
  • 多年网站建设团队为你服务
  • 智软期待与你合作
  • 我们的技能
  • 我们掌握的技能有:dreamweaver,flash,photoshop
  • 宁波高端网站建设服务公司
    2014已经悄然到来,在新的一年我们恭贺所有客户事业蒸蒸日上,同事庆祝智软设计工作室成立5周年,在5周年为众多客户提供了保质量的网站设计与网站制作。 我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务!期待与你合作
  • 企业网站制作建设原因与服务介绍

    智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格,最优质的质量,最突出的设计!得到了客户的一致认可,我们的服务包括:宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!

  • 点击链接网站优化推广介绍

    点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解

  • 2014开幕,宁波网站设计服务全面优惠.

    2014开幕,宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格

  • 链接到网站案例展示平台
    智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新,让新老客户更好的看到我们做的案例,点击查看我们做的网站案例吧!
  • 我们宁波网络公司提供网站一站式解决方案
    智软(宁波网络公司)帮你轻松解决网络问题,网站一站式解决方案
你当前的位置:智软工作室 > 营销与网络 >

dedecms调用三级产品分类代码

2013-08-02 11:29

dedecms 调用二级比较方便。三级就有点麻烦。下面是代码。要的拿去吧

这个是标签{dede:channelartlist typeid=3 } 这里的typeid 是我们的顶级栏目  比如产品中心

  1.         {dede:channelartlist typeid=3 }  
  2.  
  3.  
  4.         <li> 
  5.       
  6.     <div class="my_left_category"> 
  7.         <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'"> 
  8.          <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a> 
  9.            
  10.          <div class="h3_cat" style="display:none;{dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17'}  
  11. [field:typedir runphp='yes']$cateid=@me;if($cateid=="")@me="";else @me="display:dds;";[/field:typedir]  
  12. {/dede:sql}  
  13. "> 
  14.                  <div class="shadow"> 
  15.                     <div class="shadow_border"> 
  16.                         <ul> 
  17.                         {dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17'}  
  18. <li><a href='[field:typedir/]' >[field:typename/]</a></li> 
  19. {/dede:sql}  
  20.  
  21.                         </ul> 
  22.                     </div> 
  23.                  </div> 
  24.             </div>        
  25.            
  26.         </div>   
  27. </div> 
  28.       
  29.     </li> 
  30. {/dede:channelartlist} 

CSS 代码:

大家看自己优化CSS

  1. /*二级菜单*/  
  2. .my_left_category{  
  3.     width:180px;  
  4.     font-size:12px;  
  5.     font-family:arial,sans-serif;  
  6. }  
  7. .my_left_category h1{  
  8.     height:20px;  
  9.     background-repeat:no-repeat;  
  10.     font-size:14px;  
  11.     font-weight:bold;  
  12.     padding-left:15px;  
  13.     padding-top:8px;  
  14.     margin:0px;  
  15.     color:#FFF;  
  16. }  
  17. .my_left_category .my_left_cat_list{  
  18.     width:178px;  
  19.     border-color:#b60134;  
  20.     border-style:solid;  
  21.     border-width:0px 1px 1px 1px;  
  22.     line-height:13.5pt;  
  23. }  
  24. .my_left_category .my_left_cat_list h2{  
  25.     margin:0px;  
  26.     padding:3px 5px 0px 9px;  
  27. }  
  28. .my_left_category .my_left_cat_list h2 a{  
  29.     color:#d6290b;  
  30.     font-weight:bold;  
  31.     font-size:14px;  
  32.     line-height:22px;  
  33. }  
  34. .my_left_category .my_left_cat_list h2 a:hover{  
  35.     color:#d6290b;  
  36.     font-weight:bold;  
  37.     font-size:14px;  
  38.     line-height:22px;  
  39. }  
  40. .my_left_category .h2_cat{  
  41.     width:178px;  
  42.     height:26px;  
  43.     background-repeat:no-repeat;  
  44.     font-weight:normal;  
  45.     color:#333333;  
  46.     position:relative;  
  47. }  
  48. .my_left_category .h2_cat_1{  
  49.     width:178px;  
  50.     height:26px;  
  51.     background-repeat:no-repeat;  
  52.     line-height:26px;  
  53.     font-weight:normal;  
  54.     color:#333333;  
  55.     position:relative;  
  56. }  
  57. .my_left_category a{  
  58.     font:12px;  
  59.     text-decoration:none;  
  60.     color:#333333;  
  61. }  
  62. .my_left_category a:hover{  
  63.     text-decoration:underline;  
  64.     color:#ff3333;  
  65. }  
  66. .my_left_category h3{  
  67.     margin:0px;  
  68.     padding:0px;  
  69.     height:26px;  
  70.     font-size:12px;  
  71.     font-weight:normal;  
  72.     display:block;  
  73.     padding-left:8px;  
  74. }  
  75. .my_left_category h3 span{  
  76.     color:#999999;  
  77.     width:175px;  
  78.     float:right;  
  79. }  
  80. .my_left_category h3 a{  
  81.     line-height:26px;  
  82. }  
  83. .my_left_category .h3_cat{  
  84.     display:none;  
  85.     width:204px;  
  86.     position:absolute;  
  87.     left:173px;  
  88.     margin-top:0px;  
  89.     cursor:auto;  
  90. }  
  91. .my_left_category .shadow{  
  92.     position:inherit;  
  93.     width:204px;  
  94. }  
  95. .my_left_category .shadow_border{  
  96.     position:inherit;  
  97.     width:200px;  
  98.     border:1px solid #959595;margin-top:1px;  
  99.     border-left-width:0px;  
  100.     background-color:#ffffff;  
  101.     margin-bottom:3px;  
  102. }  
  103.  
  104. .my_left_category .shadow_border ul{  
  105.     margin-top:0px;  
  106.     padding-bottom:0px;  
  107. }  
  108. /*  
  109. .my_left_category .shadow_border ul li{  
  110.     list-style:none;  
  111.     padding-left:10px;  
  112.     background-repeat:no-repeat;  
  113.     background-position:0px 8px;  
  114.     float:left;  
  115.     width:75px;  
  116.     height:26px;  
  117.     overflow:hidden;  
  118.     letter-spacing:0px;  
  119. }   
  120. */  
  121. .my_left_category .active_cat{  
  122.     z-index:99;  
  123.     background-position:0 -25px;  
  124.     cursor:pointer;  
  125. }  
  126. .my_left_category .active_cat h3{  
  127.     font-weight:bold;  
  128. }  
  129. .my_left_category .active_cat h3 span{  
  130.     display:none;  
  131. }   
  132. .my_left_category .active_cat div{  
  133.     display:block;  
  134. }  
更多

【责任编辑:小戴工程师】

上一篇:打开网站异常弹窗解答 名词《dns劫持》网络运营商问题 下一篇:解决Error(1133): Can’t find any matching row in the user ta

最新文章

2013-08-02 11:29

相关文章

2013-08-02 11:29
网站制作咨询:
QQ:277728291
电话:18668277799
邮箱:277728291@qq.com
期待你来电咨询
回顶部
Copyright 2010 智软工作室 版权所有    智软为宁波公司提供最优惠的网络服务【宁波网站建设,宁波网站制作公司,宁波做网站公司,宁波外贸网站建设公司】我们竭诚为你服务!