分类树

2016-07-07 14:55 来源：www.chinab4c.com 作者：ecshop专家



我作出来怎么少了分类栏的字？？？求解！！！！！菜鸟敬上！！！！！！！！！




  1. /*商品分类树*/CSS

  3. .my_left_category{
  4. width:211px;
  5. font-size:12px;
  6. }


  9. .my_left_category h1{
  10. background-image:url(images/spring_06.jpg);
  11. height:20px;
  12. background-repeat:no-repeat;
  13. font-size:14px;
  14. font-weight:bold;
  15. padding-left:15px;
  16. padding-top:8px;
  17. margin:0px;
  18. color:#FFF;
  19. }

  21. .my_left_category .my_left_cat_list{
  22. width:209px;
  23. border-color:#ce2020;
  24. border-style:solid;
  25. border-width:0px 1px 1px 1px;
  26. line-height:13.5pt;
  27. }
  28. .my_left_category .my_left_cat_list h2 {
  29. margin:0px;
  30. padding:3px 5px 0px 9px;
  31. }
  32. .my_left_category .my_left_cat_list h2 a{
  33. color:#d6290b;
  34. font-weight:bold;
  35. font-size:14px;
  36. line-height:22px;
  37. }

  39. .my_left_category .h2_cat{
  40. width:209px;
  41. height:26px;
  42. background-image:url(images/my_menubg.gif);
  43. background-repeat:no-repeat;
  44. line-height:26px;
  45. font-weight:normal;
  46. color:#333333;
  47. position:relative;
  48. }

  50. .my_left_category a{
  51. font:12px;
  52. text-decoration:none;
  53. color:#333333;
  54. }
  55. .my_left_category a:hover{
  56. text-decoration:underline;
  57. color:#ff3333;
  58. }

  60. .my_left_category h3{
  61. margin:0px;
  62. padding:0px;
  63. height:26px;
  64. font-size:12px;
  65. font-weight:normal;
  66. display:block;
  67. padding-left:8px;
  68. }
  69. .my_left_category h3 span{color:#999999; width:145px; float:right;}
  70. .my_left_category h3 a{ line-height:26px;}

  72. .my_left_category .h3_cat{
  73. display:none;
  74. width:204px;
  75. position:absolute;
  76. left:184px;
  77. margin-top:-26px;
  78. cursor:auto;
  79. }

  81. .my_left_category .shadow{
  82. position:inherit;
  83. background:url(images/shadow_04.gif) left top;
  84. width:204px;
  85. }

  87. .my_left_category .shadow_border{
  88. position:inherit;
  89. width:200px;
  90. border:1px solid #959595; margin-top:1px;
  91. border-left-width:0px;
  92. background:url(images/shadow_border.gif) no-repeat 0px 21px;
  93. background-color:#ffffff;
  94. margin-bottom:3px
  95. }
  96. .my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px}
  97. .my_left_category .shadow_border ul li {
  98. list-style:none;
  99. padding-left:10px;
  100. background-image:url(images/my_cat_sub_menu_dot.gif);
  101. background-repeat:no-repeat;
  102. background-position:0px 8px;
  103. float:left;
  104. width:75px;
  105. height:26px;
  106. overflow:hidden;
  107. }

  109. .my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;}
  110. .my_left_category .active_cat h3 { font-weight:bold}
  111. .my_left_category .active_cat h3 span{ display:none;}
  112. .my_left_category .active_cat div{display:block;}
复制代码







商品分类树代码：
  1. <meta http-equiv="Content-Type" content="text/html; charset=gbk">
  2. <div class="my_left_category">
  3. <h1>商品分类</h1>
  4. <div class="my_left_cat_list">
  5. {assign var="pre_item_level" value=-1}
  6. <!--{foreach from=cat_list(0,0,false,3,false) item=cat}-->
  7. {if $cat.level lt 2 && $pre_item_level gt 0}
  8. </ul></div></div></div></div>
  9. {/if}

  11. {if $cat.level eq 0}
  12. <h2><a href="{$cat.url}">{$cat.name|escape:html}</a></h2>
  13. {elseif $cat.level eq 1}
  14. <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
  15. <h3><SPAN> - {$cat.cat_desc|escape:html}</SPAN><a href="{$cat.url}" title="{$cat.name|escape:html}">{$cat.name|escape:html}</a></h3>
  16. <div class="h3_cat">
  17. <div class="shadow">
  18. <div class="shadow_border">
  19. <ul>
  20. {elseif $cat.level eq 2}
  21. <li><a href="{$cat.url}" title="{$cat.name|escape:html}">{$cat.name|escape:html}</a></li>
  22. {/if}

  24. {assign var="pre_item_level" value=$cat.level}
  25. <!--{/foreach}-->
  26. {if $pre_item_level gt 0}
  27. </ul></div></div></div></div>
  28. {/if}

  30. </div>
  31. </div>
复制代码

回答：
做个记号备用

有人解答嘛？

老大CSS里边的图片在那里？

图有下载的。自已去下载。