编辑“FoosunCMS-标题下的分隔线设置”

<span style="border:1px solid #000; float:right; text-align:center; padding:6px;"><strong>导航：</strong>[[FoosunCMS教程|返回上一页]]</span>
<div style="clear:both;"></div>
[[FoosunCMS]]-标题下的分隔线设置



== 第一种思路 ==


简单思路，在样式里建立table 表格，在设置2列。 第一列高度24，显示新闻标题，第二列高度1 显示间距背景

[[Image:标题下的分隔线1.png]]




== 第二种思路 ==


*[[CSS]]样式表设置为

/*表格列表线-无底色*/
<pre>
.table-line1 {
border: 5px solid #FFF;
border-top: none;
border-bottom: none;
list-style: none;
line-height: 22px;
background: url(/article/templets/images/dotline_list.gif);
overflow: hidden;
}
*在DW中制作一张表格：
<TABLE cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD class=table-line>在这乱写几个文字</TD></TR></TBODY></TABLE>
</pre>

*在样式管理中新建一个样式如：最新文章样式，并把把步骤2中的代码复制到样式“最新文章样式”中的样式内容中（要用代码编辑方式）

*转换到“设计”样式，再把“在这乱写几个文字”换成你想要的东东。如我的：

→<A href="{NS:FS_NewsURL}">{NS:FS_NewsTitle}</A>&nbsp;&nbsp; 06-10-07 15:41:17

*在建[[标签]]时，选择刚才的样式就OK了

[[Image:标题下的分隔线2.png]]




== 参考来源 ==


*[http://www.foosun.net/ 参考来源]


[[category:FoosunCMS|F]]