解析SupeSite7.0模板样式之资讯分类篇（3）

6、资讯内容页

1）资讯文章标题

#article h1 { margin:6px 0 12px 0; text-align:center; font-size:1.33em; }

// 常见修改为更改标题字体大小 font-size:1.33em ，如果需要修改标题颜色可在此添加相应的样式代码。

2）发布时间、作者、查看

#article_extinfo { padding-bottom:10px; color:#999; text-align:center; }

// 常见修改为更改字体颜色 color:#999 。

3）文章正文
#article_body { width:100％; overflow:hidden; clear:both; padding-top:10px; background:url(../images/dashed_bg.gif) repeat-x center top; font-size:1.17em; line-height:1.8em; clear:both; }

// 资讯文章正文整体样式控制，常见修改有更换上部的灰色虚线 /images/dashed_bg.gif，其他地方一般不需要修改。

#article_body strong { font-weight:700;}

// 开启 TAG 秀之后文章正文显示关键词的样式，常见修改有更改字体粗细 font-weight:700 以及添加字体颜色样式等。
#article img, #blog_body img { max-width:565px; width:expression(this.width > 565 ? 563: true);}

4）TAG

#article_tag { padding:20px 15px 10px; }

// TAG 的定位，一般不需要修改。

5）打印 | 收藏此页 | 推荐给好友 | 举报
#article_op { margin:15px; padding:5px 0 8px; background:url(../images/dashed_bg.gif) repeat-x scroll center top; text-align:right; }
// 常见修改为更换上方的灰色虚线 /images/dashed_bg.gif，其他无需修改。

6）上一篇/下一篇

#article_pn { height:40px; overflow:hidden; margin:0 15px; }

#article_pn a { color:#369; text-decoration:underline; }

// 常见修改为更改链接字体的颜色 color:#369 。

7）评分
#X-Space-rates { text-align:center; height:50px; background:#FFF; padding:20px 0; border-bottom:none; margin-bottom:0; }
#X-Space-rates-bg { width:210px; height:30px; margin:0 auto 5px; background:url(../../../images/base/rate_star.gif); }
#X-Space-rates-star { height:30px; background:url(../../../images/base/rate_star.gif) 0 -30px; margin:0 auto 0 0; }
// 这里如果想要更改评分星星图片直接替换 /images/base/rate_star.gif 文件即可，其他无需修改。

8）评论
#sign_msg input, #sign_msg textarea { padding:2px; border:1px solid; border-color:#666 #CCC #CCC #666; line-height:16px; }
// 如需修改评论框边框颜色在此修改即可。
.input_search { width:54px; height:24px; overflow:hidden; border:none; background:url(../images/btn_search_bg.gif) no-repeat; text-align:center; line-height:24px; color:#FFF; font-weight:700; letter-spacing:1px; }
// “提交”按钮样式控制，如果需要更换“提交”按钮的背景图片只需替换 /images/btn_search_bg.gif 文件即可。
#comment_op { height:30px; overflow:hidden; margin:0 15px; padding-top:15px; color:#999; background:url(../images/dashed_bg.gif) repeat-x scroll center top; line-height:24px; }
// “【已有0位网友发表了看法】”、“查看全部回复”处的样式，常见修改为更改字体颜色 color:#999 。
#comment_op a { display:block; float:right; width:108px; height:24px; overflow:hidden; margin-left:12px; background:url(../images/comment_btn_bg.gif) no-repeat; text-indent:29px; }
// “查看全部回复” 按钮样式控制，常见修改为替换按钮背景图片 /images/comment_btn_bg.gif 。

9）文章内容页图文资讯
.globalnews_piclist img { display:block; width:100px; height:70px; padding:1px; border:1px solid #D8D8D8; }
// 常见修改为更改图片边框样式 border:1px solid #D8D8D8 。