科讯6.0万能列表DIV+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,具体可以在模板中自己随意设计。
- ·09/08如何让JS广告不再影响网站打开速度?
- ·09/08孤风SEO:三大搜索引擎纵向对比
- ·09/04孤风:SEO是个什么玩意儿——关键词难易度
- ·08/29孤风:SEO是个什么玩意儿——目标关键词
- ·08/26孤风:SEO是个什么玩意儿——新站收录
- ·05/20历时5个季度,我转到了100块钱!
- ·04/30客户请勿注册“.中国”中文域名!
- ·04/02关于四月二日上午本网站打不开的解释
- ·03/27哪里来的砖家?看这帮傻逼砖家的网络闹剧!
- ·03/24全国各大域名注册商的域名管理地址