问题:文章列表怎样加虚线呢?
样式如下:
解决方法:
动易标签提供了两个参数,我们可以利用这两个参数来制作。
| CSS类名: | 列表中文字链接调用的CSS类名,可选参数 |
| 风格样式1: | 列表中奇数行的CSS效果的类名,可选参数 |
| 风格样式2: | 列表中偶数行的CSS效果的类名,可选参数 |
第一步,准备一张小图片,图片是一条线,越短越好,我这里提供了一张下载,不过做得不好看请多多原谅。
小图片(line.gif)下载---->下载文件
下载回来后记得把图片名称改为:line.gif ,并放在网站Skin目录下:Skin/line.gif
第二步,先把下面CSS放在风格最后面,然后保存,刷新风格。
| 以下是代码片段: a.bb:link {color: #000000;} /* 未访问的链接,黑颜色*/ a.bb:visited {color: #000000;} /*已访问的链接, 黑颜色*/ a.bb:hover{COLOR: #FF0000;} /* 鼠标在链接上,red颜色*/ a.bb:active {color: #FF0000;} /* 点击激活链接,黑颜色*/ .lbxx{background:url(/Skin/line.gif) bottom repeat-x} /* 定义背景虚线*/ |
到了这步,基本工作就差不多了,现在在标签调用就可以了,下面举个例:
大家注意一下两个CSS的类名,一个是“bb” 一个是“lbxx”在下面标签调用的时候只要把两个类名填上去就可以了。
如:{$GetArticleList(0,0,false,0,0,10,false,false,"",0,1,1,30,0,false,6,false,false,0,false,false,false,false,false,false,0,1,bb,lbxx,lbxx)}
其他标签也是一样。
如果是编辑标签的时候也是把这两个类名填上去即可。
| CSS类名: | 列表中文字链接调用的CSS类名,可选参数 |
| 风格样式1: | 列表中奇数行的CSS效果的类名,可选参数 |
| 风格样式2: | 列表中偶数行的CSS效果的类名,可选参数 |
现在大家知道怎么做了吧。分别有什么作用?你看看旁边红色字不就清楚了!
其实风格样式1、风格样式2还可以在CSS里面改,改为奇、偶行背景颜色不同也可以的,只要修改一下lbxx的CSS即可。
注意:标签的显示样式 一定要是“表格式”,否则无效。即参数为“2”:
ShowType -----显示方式,1为普通样式,2为表格式,3为各项独立式,4为智能多列式,5为输出DIV,6为输出RSS
更多: 文章列表怎样加虚线方法二