SupeSite7.0默认模板样式解析之相册篇（3）

3、查看相册图片(imagedetail)

其在 common.css 样式表中对应的常见修改样式有：

.image_caption { width:900px; margin:0 auto; padding:5px 0; overflow:hidden; color:#999; }

// “第 x/x 张”、“返回该相册”、“上一张”、“下一张”样式控制，常见修改为更改字体颜色 color:#999 。

.image_caption a { color:#369; text-decoration:underline; margin-left:5px; }

// “返回该相册”、“上一张”、“下一张”文字链接样式控制，常见修改有更改链接字体颜色 color:#369 。

.image_bigshow { width:900px; margin:0 auto; padding:15px 0; background:#F8F8F8; text-align:center; }

// 相册图片展示外框样式控制，常见修改有修改图片展示宽度 width:900px 以及背景色 background:#F8F8F8 。

.image_bigshow img { max-width:870px; width:expression(this.width > 870 ? 870: true); }

// 相册图片样式控制，设定最大宽度为 870px，如果图片宽度大于 870px 则缩略为 870px 宽度，如果小于不缩略直接显示。

.u_comment_list { width:95％; overflow:hidden; margin:0 auto 10px; padding:8px; }

// 相册评论样式控制，常见修改为更改评论框宽度 width:95％ 。

.u_comment_list .u_avatar img { width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }

// 评论用户头像样式控制，常见修改有更改头像宽高，以及更改头像边框样式 border:1px solid #D8D8D8 。

.u_comment_list .u_title { padding-bottom:5px; color:#999; line-height:12px; }

// 评论头部样式控制，常见修改有更改字体颜色 color:#999 。

.u_comment_list .u_title a { color:#369;}

// 评论者用户名字体颜色控制。