Art2008CMS/设置个性的列表效果：修订间差异

来自站长百科
跳转至： 导航、​ 搜索
（新页面: {{Art2008CMS top}} ==参考来源== *http://www.art2008cms.com/html/install/ {{Art2008CMS}} A）
 
无编辑摘要
 
（未显示同一用户的1个中间版本）
第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样式，可以做出非常多的效果，大家可以在使用中灵活运用,多多实践。


==参考来源==
==参考来源==

2011年7月27日 (三) 12:10的最新版本

Art2008CMS | 安装与配置 | 系统功能使用 | 常见问题 | Art2008CMS其他

我们可以通过标签辅助工具中的图文并茂标签打造各种新式的列表显示效果；

个性的头条效果[编辑 | 编辑源代码]

ARTszgxlb4.jpg

设置方法：

ARTszgxlb1.jpg

注意：如果第一条设定了图片标题，系统会自动显示图片标题！

CSS代码： 

    .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}

个性的图文并茂列表[编辑 | 编辑源代码]

ARTszgxlb2.jpg
ARTszgxlb3.jpg
ARTszgxlb5.jpg

CSS代码： 

    .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;}

使用标签辅助工具设定不同参数，配合css样式，可以做出非常多的效果，大家可以在使用中灵活运用,多多实践。

参考来源[编辑 | 编辑源代码]

Art2008CMS使用手册导航

安装与配置：

系统安装说明 | 安装架设站点配置IIS | WindowsXP用户设置目录权限 | WindowXP用户安装教程 | 在不同环境下安装与配置IIS | Art008CMS(Free)v4.x的安装

系统功能使用：

模版文件与功能说明 | Art2008CMS模板使用 | Art2008CMS模版的CSS设计 | 评选功能的使用 | 设置个性的列表效果 | 管理员权限的设置 | 文章阅读权限的设置 | 文章评选功能的设置 | 视频插入 | 调用图片标题 | 其他功能

常见问题：

服务器常规设置页面无法显示 | FLV视频在服务器上无法播放 | 系统提示不允许父路径 | IIS6.0服务器架站系列问题 | ART2008其他常见问题

Art2008CMS其他：

程序安全设置 | 系统建站流程图 | 常用标签列表 | 函数标签参数说明 | 把ACCESS数据导入到SQL数据库
取自“https://www.zzbaike.com/wiki/Art2008CMS/设置个性的列表效果?oldid=86435”