警告：您没有登录。如果您做出任意编辑，您的IP地址将会公开可见。如果您
登录或
创建一个账户，您的编辑将归属于您的用户名，且将享受其他好处。
该编辑可以被撤销。
请检查下面的对比以核实您想要撤销的内容，然后发布下面的更改以完成撤销。
| 最后版本 |
您的文本 |
| 第1行： |
第1行： |
| {{Art2008CMS top}} | | {{Art2008CMS top}} |
|
| |
|
| 我们可以通过标签辅助工具中的图文并茂标签打造各种新式的列表显示效果；
| |
|
| |
|
| ==个性的头条效果==
| |
|
| |
|
| [[Image:ARTszgxlb4.jpg|center]]
| |
|
| |
|
| 设置方法：
| |
|
| |
|
| [[Image:ARTszgxlb1.jpg|center]]
| |
|
| |
|
| <font color="red">注意：如果第一条设定了图片标题，系统会自动显示图片标题！</font>
| |
|
| |
|
| CSS代码：
| |
| <pre>
| |
| .toutiao{text-align:center;}
| |
| .toutiao a{ FONT-WEIGHT: 700; FONT-SIZE: 32px; COLOR: #08114c; FONT-FAMILY: "黑体"; LETTER-SPACING: -2px}
| |
| .topnews{text-indent:0px; padding-left:20px;}
| |
| .topnews A {FONT-SIZE: 14px; COLOR: #004181; LINE-HEIGHT: 22px}
| |
| </pre>
| |
|
| |
|
| ==个性的图文并茂列表==
| |
|
| |
|
| [[Image:ARTszgxlb2.jpg|center]]
| |
|
| |
|
| [[Image:ARTszgxlb3.jpg|center]]
| |
|
| |
|
| [[Image:ARTszgxlb5.jpg|center]]
| |
|
| |
|
| [[CSS]]代码：
| |
| <pre>
| |
| .list01 {margin-top:5px;}
| |
| .list01 li{line-height:24px; BACKGROUND:
| |
| url(../CusImage/point.gif) no-repeat left 10px;
| |
| padding-left:10px;margin-left:10px; margin-right:10px}
| |
| .list01 a{font-size:14px;color:#005599;}
| |
| .list01 img{border:#D8D8D8 1px solid;padding:2px;}
| |
| .list01 .NewsInfo_tab { border-bottom:1px dashed #999999; margin-bottom:5px;text-align:left}
| |
| .list01 .NewsInfo_tab li{BACKGROUND:; padding-left:0px; overflow:hidden;margin-left:0px; }
| |
| .list01 .NewsInfo_tab li .NewsInfo_title{ font-weight:bold}
| |
| .list01 .NewsInfo_title { float:left}
| |
| .list01 .NewsInfo_time{ float:rightright;color:#666}
| |
| ..list01.NewsInfo{ text-align:center;}
| |
|
| |
|
| </pre>
| |
|
| |
| 使用标签辅助工具设定不同参数，配合css样式，可以做出非常多的效果，大家可以在使用中灵活运用,多多实践。
| |
|
| |
|
| ==参考来源== | | ==参考来源== |
