关闭顶部展开顶部

文章列表怎样加虚线方法二_动易Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

问题:文章列表怎样加虚线呢?

样式如下:

图片点击可在新窗口打开查看

解决方法:

动易标签提供了两个参数,我们可以利用这两个参数来制作。

列表中奇数行的CSS效果的类名
列表中偶数行的CSS效果的类名

大家来动手做吧,先把下面CSS放在风格最后面,然后保存,刷新风格。

以下是CSS代码

.lbxx, .lbxx2 {border-bottom: #ccc 1px dashed;} /* 定义虚线,可以修改 #ccc ,可以修改虚线颜色*/

.lbxx {background:#FFFFFF;} /* 定义列表奇数行背景颜色,白色*/
.lbxx a:link {color: #000000;} /* 未访问的链接,黑颜色*/
.lbxx a:visited {color: #000000;} /*已访问的链接, 黑颜色*/
.lbxx a:hover{COLOR: #FF0000;} /* 鼠标在链接上,red颜色*/
.lbxx a:bb:active {color: #FF0000;} /* 点击激活链接,黑颜色*/

.lbxx2 {background:#FFFFFF;} /* 定义列表偶数行背景颜色,白色*/
.lbxx2 a:link {color: #000000;} /* 未访问的链接,黑颜色*/
.lbxx2 a:visited {color: #000000;} /*已访问的链接, 黑颜色*/
.lbxx2 a:hover{COLOR: #FF0000;} /* 鼠标在链接上,red颜色*/
.lbxx2 a:active {color: #FF0000;} /* 点击激活链接,黑颜色*/

  

第一行CSS是定义虚线的,“#ccc ” 为虚线的颜色;“1px”为虚线的像素;其他上面都有注释了。

然后我们就可以在标签调用就可以了,下面举个例:

大家注重一下有两个CSS的样式,一个是“lbxx”, 一个是“lbxx2”,在下面标签调用的时候只要把两个风格样式填上去就可以了。

如:<!--{$GetArticleList(0,0,false,0,0,11,false,false,"",0,3,2,56,0,false,1,false,false,0,false,false,false,false,false,false,0,1,,lbxx,lbxx2)}-->

其他标签也是一样。

假如是编辑标签的时候也是把这两个风格填上去即可。

查看更多 动易Cms教程  动易Cms模板

共2页上一页12下一页
来源:模板无忧//所属分类:动易Cms教程/更新时间:2007-09-27
loading.. 评论加载中....
相关动易Cms教程
闁汇埄鍨遍悺鏇綖閸℃稒鈷掓い鏇楀亾妞わ綇鎷�
婵炲濮崑鎾斥槈閺傝法澧涙俊鑼€濋柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶嬪殧鐎瑰嫭澹嗙换涔侀柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶婄闁诡垎鍕槬闁诲酣娼уΛ娑㈡偉閿燂拷
闂佺ǹ绻愰幊搴ㄥ焵椤掑倸甯堕幖瀛樼矒瀹曟繈鏁撻敓锟�
闂佺ǹ绻愰幊搴ㄥ焵椤掆偓閸氬绮婇敂鍓х煓閻庯絺鏅濋惌娆戠磽娓氬﹥瀚�
闂佽 鍋撴い鏍ㄧ☉閻︻噣鏌涘┑鎰胺缂併劍妞藉銊╊敍濞嗘垵绗¢梺鍝勫€婚幊鎾舵閿燂拷
闂佸搫鍟版慨椋庣礊婢舵劖鐓i悹杞拌濞层倕霉閿濆棙绀€闁告ɑ鐗犲畷鎰版晸閿燂拷
濠碘槅鍨崜婵嗩熆濡吋瀚绘い鎾寸箖鐎氾拷
婵犵鈧啿鈧绱炲鍥ㄥ妞ゆ挻绻冪€氳櫕淇婇妤€澧叉繝顫嫹
濠碘槅鍨崜婵嗩熆濮椻偓瀹曨剟顢欓崗鐓庘偓鐢告煛閸繄孝濠殿噯鎷�
濠碘槅鍨崜婵嗩熆濮椻偓閺屽懘鍩€椤掆偓閳诲酣骞戦幇闈涙闂佸搫瀚搁幏锟�
濠碘槅鍨崜婵嗩熆濮椻偓瀹曪綁骞嬪┑鍫紝
婵犵鈧啿鈧绱炲澶婄煑闁瑰瓨绻勯瀛樹繆椤栨澧叉繝顫嫹
闁诲骸鍘滈崜婵嬫偋閹惰棄鐭楀┑鐘插暙閼靛綊鏌ら懞銉ュ闁绘牭缍佸畷娆撴晸閿燂拷
UB闂佸湱绮崝妤呯嵁閸モ晜瀚氶悗娑櫳戦~锟�
闂佽壈椴稿濠氭焾鐎电硶鍋撻獮鍨仾婵犫偓閿燂拷
闁诲骸绠嶉崹鍝勶耿閸㈢嚜
闂佸憡姊绘慨椋庣礊婢跺瞼鍗氭繛鍡楀閸炲绻涚紙鐘哄厡闁稿骏鎷�
缂傚倷鐒﹂悷锕傚垂濠婂嫮顩锋い鎺嶇缁插湱鈧偣鍊濈紓姘额敊閿燂拷
列表中奇数行的CSS效果的类名