• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > CMS教程 > Zblog教程 >

zblog2.1页面边栏的网站分类美化

来源: www.dedecms8.com 编辑:织梦吧 时间:2013-05-18点击:

zblog2.1页面边栏的网站分类栏,其子类<ul></ul>标签及内容包含在父类的<li></li>标签中,不方便CSS设置。
修改如下:
■《zb_system\function\c_system_base.asp》文件中找到【Function BlogReBuild_Catalogs()】函数,

If bolHasSubCate And strSubcate<>"" Then strSubcate="<ul class=""ul-subcates"">" & strSubcate & "</ul>"以及下一句,
修改为:
【If bolHasSubCate And strSubcate<>"" Then strSubcate="" & strSubcate & ""

If c>0 Then strPrecata="<li class=""li-cate cate-"& Categorys(aryCateInOrder(i)).ID &"""><a href="""& Categorys(aryCateInOrder(i)).Url & """>"+Categorys(aryCateInOrder(i)).Name + "<span class=""article-nums""> (" & c & ")</span>" +"</a></li>"& strSubcate &""】

这样,实现父类与子类是平级的<li></li>标签。

<li>父类1</li>
   <li>子类</li>
   <li>子类</li>
<li>父类2</li>

■同时修改css文件的.li-subcate即可美化,使得该处的li限宽限高,美化页面,防止标题过长时溢出。
.li-subcate{padding-left:20px;}    表示子类相对父类向右退缩20px;
li{height:22px;overflow:hidden;}    边栏统一限制<li></li>标签中显示一行高度22px,防止分类名、最近留言、最新发表等过长而分两行显示。

■■■■■■■请注意咯
<dl class="function" id="divCatalog">
<dt class="function_t">网站分类</dt>
<dd class="function_c">
<ul><#CACHE_INCLUDE_CATALOG#></ul>
</dd>
</dl>
本人在这里说的仅仅是<#CACHE_INCLUDE_CATALOG#>系统自动生成的东西哦。

标签: zblog边栏

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1170734538@qq.com ,  QQ