服务帮助

当前位置:地方网站工作室 >> 工作室动态 >> 服务帮助 >> 浏览文章

科讯6.0万能列表DIV+CSS教程

文章来源:菏泽网站建设  文章作者:我是地方啦  日期:2009年11月12日
科讯6.0实在是太牛B了,尤其是其中的万能列表标签!虽然一开始我还没有适应,但适应之后,我发现,这简直是太牛B了,因此,我制作了一个万能标签,可以用在你全站的任何地方的这样一套CSS和标签代码。废话不说,上教程!

科讯6.0实在是太牛B了,尤其是其中的万能列表标签!虽然一开始我还没有适应,但适应之后,我发现,这简直是太牛B了,因此,我制作了一个万能标签,可以用在你全站的任何地方的这样一套CSS和标签代码。废话不说,上教程!

CSS代码:

/*控制LI,行高22像素,高度22像素,颜色为橙色(用于前面的点),隐藏溢出(防止字数过多折行)*/
.link_date li{ line-height:22px; height:22px; color:#f60; overflow:hidden;}
/*控制日期,居右,颜色(自行调整),解决IE6\7的BUG(hack)*/
.link_date li span { float:right; color:#9CA1C0; *margin-top:-22px;}
/*去掉文章列表中的[图文]之类的显示,如果你有需要,可以去掉这一行*/
.link_date font { display:none;}

循环代码一(带日期,带小点):

< ul class="link_date" >[loop={@num}]
< li >·< span >{@adddate}< /span >< a href="{@linkurl}" target="_blank" >{@title}< /a >< /li >[/loop]
< /ul >

循环代码二(不带日期,带小点)

< ul class="link_date" >[loop={@num}]
< li >·< a href="{@linkurl}" target="_blank" >{@title}< /a >< /li >[/loop]
< /ul >

循环代码三(带栏目,带日期,带小点)

< ul class="link_date" >[loop={@num}]
[loop=22]
< li >·< span >{@adddate}< /span >< a href="#" >[{@classname}]< /a > < a href="{@linkurl}" target="_blank" >{@title}< /a >< /li >[/loop]
< /ul>

这里需要注意的是,那个中括号需要放在链接里面,否则中括号的颜色会和小点的颜色一样。栏目链接和文章标题之间有一个空格,否则会连在一次,不好看。

不带点的可以把点去掉。

至于控制几行可以在标签中设置。

控制几列可以为外面的DIV加一个CLASS或者ID,用那个来控制几列。实例代码如下:

#about_m_1_b_list .link_date { width:464px; overflow:hidden;}
#about_m_1_b_list .link_date li { float:left; width:49%;}

#about_m_1_b_list 就是外面的DIV的ID,具体可以在模板中自己随意设计。

追求卓越 精心缔造 菏泽网站建设 地方网络工作室
上一篇:优化网站内容编辑工具下载
下一篇:看菏泽百度代理之电话营销 上
相关文章

我们能为菏泽企业做什么?

菏泽企业网站建设
DIV+CSS布局技术、底层SEO规划设计、菏泽地方网络工作室为您提供优质网站建设服务!
SEO网站推广策划
菏泽唯一SEOwhy认证的SEOER,全面的SEO推广方案,为您量身定制SEO网站推广策划!
国内顶级服务器
新网互联、中国频道、美国主机、韩国主机、地方网络工作室只提供最优质的服务器主机!
《书生商友》商机群发软件
Booksir,一步到位彻底解决中小企业网络整合营销的书生商友营销引擎!

公告

怎么联系我们?

手机:18651363941
地址:由于菏泽生存压力巨大,本人现未居菏泽,在北京就值。如有业务需要,请直接电联。
联系人:刘峰 高娜
QQ:61572536
微信:61572536
邮箱:guf521@163.com

服务宗旨

因为执着 所以专业 追求卓越 精心缔造
售后为先 宁得罪新客户  不拖拉老客户
诚信为本 新互顶级域名空间  畅爽速度