css列表和图片样式.doc

列表调用样式1 - 纯文本列表(c1)纯文本列表只调用标题,适合标题比较长的列表形式,长度约为26个中文字符.dede:arclist row=8field:title /dede:arclistcss样式：/*- c : 纯文本列表 -*/.c1/* 纯文本链接列表 */padding:4px 0px;clear:right;.c1 liheight:27px;line-height:27px;overflow:hidden;padding-left:16px;background:url(./images/ico-2.gif) 7px 11px no-repeat;.c1 acolor:#585858;.c2/* 水平切分的两列纯文本链接列表 */width:100%;padding:4px 0px;overflow:hidden;clear:both;.c2 liwidth:44%;margin-right:1%;float:left;height:27px;line-height:27px;overflow:hidden;padding-left:16px;background:url(./images/ico-2.gif) 7px 11px no-repeat;列表调用样式2 - 带日期的长标题列表(d1)可以调用23个中文字符的长标题和短日期dede:arclist row=8field:pubdate function=MyDate(m-d,me)/field:title /dede:arclistcss样式：.d1/* 前置时间日期的小列表 */padding:4px 0px;.d1 liheight:27px;line-height:27px;overflow:hidden;.d1 li spancolor:#ABA9A2;margin-right:5px;float:left;.d1 li a列表调用样式3 - 带日期的短标题列表(d2)可以调用19个中文字符的长标题和短日期dede:arclist row=8field:pubdate function=MyDate(Y-m-d,me)/field:title /dede:arclist.d2/* 后置时间日期的小列表 */padding:4px 0px;.d2 liheight:27px;line-height:27px;overflow:hidden;.d2 li spancolor:#777;float:right;padding-right:10px;margin-left:10px;.d2 li aoverflow:hidden;列表调用样式4 - 图文混排列表1(e5,c1)左侧调用图片,右侧调用文字标题列表dede:arclist row=2 type=image/dede:arclistdede:arclist row=6field:title /dede:arclist.e5/* 竖排小图列表 102*70 (仅供首页图文混排列表使用) */padding-left:8px;width:112px;float:left;font-size:0px;line-height:0px;.e5 lidisplay:block;width:104px;overflow:hidden;padding-top:8px;.c1/* 纯文本链接列表 */padding:4px 0px;clear:right;.c1 liheight:27px;line-height:27px;overflow:hidden;padding-left:16px;background:url(./images/ico-2.gif) 7px 11px no-repeat;.c1 acolor:#585858;列表调用样式5 - 图文混排列表2(e6,d2)上部调用图片,下部调用文字标题加长日期列表dede:arclist row=3type=image/dede:arclistdede:arclist row=3field:pubdate function=MyDate(Y-m-d,me)/field:title /dede:arclist.e6/* 横排小图列表 102*70 (仅供首页图文混排列表使用) */height:81px;padding-left:6px;clear:both;overflow:hidden;.e6 lidisplay:block;width:104px;padding-top:8px;padding-right:8px;overflow:hidden;float:left;.e5 li a,.e6 li awidth:102px;height:70px;overflow:hidden;display:block;border:1px solid #676767;.e5 li a img,.e6 li a imgdisplay:block;width:102px;height:70px;.e5 li a:hover,.e6 li a:hoverborder:1px solid #333;.d2/* 后置时间日期的小列表 */padding:4px 0px;.d2 liheight:27px;line-height:27px;overflow:hidden;.d2 li spancolor:#777;float:right;padding-right:10px;margin-left:10px;.d2 li aoverflow:hidden;列表调用样式6 - 图文混排列表3(e6,c2)上部调用图片,下部调用两列文字列表dede:arclist row=3type=image/dede:arclistdede:arclist row=6field:title /dede:arclist.e6/* 横排小图列表 102*70 (仅供首页图文混排列表使用) */height:81px;padding-left:6px;clear:both;overflow:hidden;.e6 lidisplay:block;width:104px;padding-top:8px;padding-right:8px;overflow:hidden;float:left;.e5 li a,.e6 li awidth:102px;height:70px;overflow:hidden;display:block;border:1px solid #676767;.e5 li a img,.e6 li a imgdisplay:block;width:102px;height:70px;.e5 li a:hover,.e6 li a:hoverborder:1px solid #333;.c2/* 水平切分的两列纯文本链接列表 */width:100%;padding:4px 0px;overflow:hidden;clear:both;.c2 liwidth:44%;margin-right:1%;float:left;height:27px;line-height:27px;overflow:hidden;padding-left:16px;background:url(./images/ico-2.gif) 7px 11px no-repeat;推荐内容 dede:arclist flag=c titlelen=42 row=6 field:title/ field:description function=cn_substr(me,80)/. /dede:arclist.d4/*带内容简介的小列表*/padding:0px 0px;.d4 lipadding:4px 8px;overflow:hidden;.d4 li adisplay:block;line-height:23px;overflow:hidden;text-indent:14px;background:url(./images/ico-3.gif) 4px 9px no-repeat;.d4 li pcolor:#888;line-height:17px;height:33px;overflow:hidden;推荐商品 dede:arclist flag=c titlelen=42 row=8field:title/好评:field:scores/人气:field:click/ /dede:arclist.f1/* 带数字ICO的排行榜列表 */background:url(./images/number-range.gif) 5px 5px no-repeat;overflow:hidden;.f1 liheight:38px;display:block;padding:3px 0px 4px 0px;border-bottom:1px dashed #DCEBD7;padding-left:38px;overflow:hidden;.f1 li aheight:21px;line-height:21px;overflow:hidden;display:block;.f1 li spanline-height:15px;color:#666666;margin-left:5px;.f1 li span smallfont-size:12px;color:#999;.f1 li span adisplay:inline;line-height:15px;color:#666666;color:#690;dede:list pagesize=10 field:array runphp=yesme = (empty(melitpic) ? : ); /field:arrayfield:typelink/field:title/日期：field:pubdate function=GetDateTimeMK(me)/点击：field:click/好评：field:scores/field:description/./dede:list.e2 liwidth:100%;overflow:hidden;clear:both;padding:12px 0px;border-bottom:1px solid #EEE;color:#aaa;.e2 li b acolor:#555;.e2 li a.previewwidth:84px;float:left;margin-right:7px;margin-bottom:3px;margin-left:10px;display:inline;.e2 li a.preview imgwidth:80px;/*height:60px;*/display:block;padding:1px;border:1px solid #EEE;.e2 li a.preview:hover imgborder:1px solid #AAA;.e2 li a.titleoverflow:hidden;line-height:25px;font-weight:bold;font-size:14px;margin-left:2px;.e2 display:block;line-height:23px;color:#555;padding-left:12px;.e2 smallcolor:#AAA;font-size:12px;margin-left:3px;.e2 acolor:#690;.e2 rocolor:#776955;line-height:20px;margin-left:5px;padding-left:10px;padding-right:10px; dede:list pagesize=20 field:title/field:pubdate function=GetDateTimeMK(me)/ /dede:list.d5/* 后置时间日期的大列表 */padding:8px;border-bottom:1px solid #EEE;.d5 liheight:41px;line-height:41px;background:url(./images/ico-2.gif) 2px 17px no-repeat;padding-left:16px;.d5 li afont-size:14px;.d5 li spanmargin-left:10px;color:#777; 最近登陆的会员 dede:memberlist row=6 signlen=30 field:uname/ /dede:memberlist .index .latestloginpadding-top:16px;.index .latestlogin strongwidth:102px;padding-left:6px;letter-spacing:1px;color:#555;display:block;line-height:21px;background:#FFF;position:relative;z-index:5;.index .latestlogin ulwidth:224px;border-top:1px solid #DDDDDD;padding-top:20px;z-index:3;margin:-12px auto 0px;*/clear:both;overflow:hidden;.e7 liwidth:60px;height:86px;float:left;overflow:hidden;padding-left:11px;.e7 li adisplay:block;margin:0px auto;text-align:center;.e7 li a imgwidth:52px;height:52px;display:block;margin:0px auto 6px;padding:2px;border:1px solid #DDD;.e7 li a:hover imgborder:1px solid #AAA;热点图集 dede:arclist row=5 type=image. orderby=clickfield:title/更新:field:pubdate function=GetDateMK(me)/ /dede:arclistclear:both;overflow:hidden;.e3 liheight:50px;overflow:hidden;padding:6px;border-bottom:1px dashed #DCEBD7;.e3 li a.previewwidth:58px;height:48px;float:left;display:block;margin-right:6px;overflow:hidden;.e3 li a.preview imgwidth:58px;height:48px;.e3 li a.titleheight:21px;display:block;line-height:21px;overflow:hidden;.e3 li .introcolor:#777;display:block;float:left;line-height:23px;推荐图集 dede:arclist row=8 type=mend.field:title/ /dede:arclist.e9/* 右侧小图列表 */width:100%;clear:both;overflow:hidden;padding-top:4px;.e9 liwidth:106px;height:110px;float:left;text-align:center;overflow:hidden;margin-left:6px;display:inline;.e9 li acolor:#777;.e9 li a imgwidth:102px;height:76px;display:block;padding:1px;border:1px solid #DDD;.e9 li a span.titledisplay:block;height:29px;line-height:29px;overflow:hidden; dede:list pagesize=12field:title/最后更新：field:pubdate function=GetDateMK(me)/ /dede:list.e8/*图集列表专用大图列表*/width:100%;overflow:hidden;clear:both;margin-left:12px;margin-top:16px;.e8 liwidth:168px;height:184px;float:left;display:block;overflow:hidden;margin-right:8px;text-align:center;.e8 li .picwidth:160px;height:120px;display:block;background:url(./images/picbox-listbg.gif) no-repeat;text-align:left;overflow:hidden;.e8 li .pic imgwidth:152px;height:112px;display:block;margin-left:3px;margin-top:3px;border:none;.e8 li .titleheight:31px;display:block;line-height:31px;font-weight:bold;overflow:hidden;.e8 li .datecolor:#666;.e8 li .date smallline-height:17px;font-size:12px;color:#999; 栏目列表 dede:channel type=son currentstyle=typenamefield:typename/dede:channel /*list_nav-*/.d6width:100%;overflow:hidden;padding-bottom:6px;clear:both;display:inherit;.d6 lifloat:left;margin:6px 0 1px 8px;display:inline;.d6 li awidth:87px;padding-left:20px;height:26px;line-height:26px;display:block;background:url(./images/green_skin.png) -42px -222px no-repeat;color:#316301;.d6 li a:hovertext-decoration:none;.d6 li a.thisclassbackground:url(./images/green_skin.png) -42px -249px no-repeat;dede:channel currentstyle=typenamefield:typename/dede:channel/*- frame : channel-nav -*/.channel-nav margin-top:8px;padding-left:6px;height:24px;width:950px;overflow:hidden;.channel-nav .sonnav width:830px;line-height:26px;float:left;color:#256DB1;.channel-nav .sonnav span margin-right:10px;float:left;.channel-nav .sonnav span apadding:0 4px;border:1px solid #BADAA1;height:22px;line-height:21px;background:url(./images/channel_bg.png) repeat-x;display:inline-block;.channel-nav .sonnav span a.thisclassborder:1px solid #3aa21b;.channel-nav .sonnav a color:#428C5B;text-decoration:none;.channel-nav .sonnav a:hover color:#287212; dede:arclist flag=h limit=0,1 infolen=230 field:title/ field:info/.查看全文 /dede:arclist Css样式：.index .bignewswidth:424px;height:400px;float:right;border:1px solid #BADAA1;overflow:hidden;.index .bignews acolor:#555;.index .bignews .onenewsmargin:0 3px 0 3px;padding:7px 6px;border-bottom:1px dashed #EBEBEB;.index .bignews .onenews h2text-align:center;display:block;height:32px;line-height:28px;.index .bignews .onenews h2 afont-size:16px;.index .bignews .onenews pline-height:19px;color:#666;dede:channelartlist dede:field name=typename/更多. dede:arclist titlelen=60 row=8 field:pubdate function=MyDate(m-d,me)/field:title / /dede:arclist /dede:channelartlist width:720px;overflow:hidden;float:left;clear:both;overflow:hidden;.channel .listbox dlwidth:352px;margin-right:8px;margin-top:8px;float:left;.channel .listbox ul acolor:#666;.tboxmargin:0 0 8px 0;border-bottom:1px solid #BADAA1;overflow:hidden;background:url(./images/green_skin.png) 0 -294px repeat-x;.tbox dtheight:24px;border:1px solid #BADAA1;overflow:hidden;clear:both;.tbox ddborder-left:1px solid #BADAA1;border-right:1px solid #BADAA1;/*padding:4px 4px 0px;*/overflow:hidden;.tbox dt strongheight:24px;line-height:24px; !important;line-height:25px;padding-left:8px;padding-right:4px;display:block;float:left;color:#316301;letter-spacing:1px;.tbox dt strong acolor:#316301;.tbox dt strong a:hovercolor:#596F37;text-decoration:none;.tbox dt span.morefloat:right;position:relative;line-height:25px;padding-right:8px;color:#596F37;.tbox dt span.more acolor: