天下网吧 >> 网吧天地 >> 网吧技术 >> 网吧软件 >> 正文

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

n:middle; }

  // 相册封面图片样式控制,设定最大宽高都为 100px,超过则缩略到 100px,纵向居中显示。

  .image_gallery_list dd h6 a { color:#333!important; }

  // 相册名称字体颜色控制。

  .image_gallery_list dl a { color:#369; }

  // 相册所属说明“XX 的相册”字体颜色控制。  

  2、相册列表(imagelist)

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

  .image_list_userinfo dl dt div { display:table-cell; width:50px; height:52px; *height:50px; overflow:hidden; border:1px solid #E0E9F2; text-align:center; vertical-align:middle; *display: block; *font-size:42px; }

  // 相册封面缩略图样式控制,常见修改有更改边框样式 border:1px solid #E0E9F2,缩略图大小等。

  .image_list_userinfo dd h2 { color:#333; }

  // 相册名称字体颜色控制。

  .image_list_userinfo dd a { color:#369; }

  // “查看 XX 的全部相册”字体颜色控制。

  .global_piclist li{ position:relative; display:inline; float:left; width:106px; height:123px; overflow:hidden; margin-left:7px; }

  // 相册图片列表缩略图外框样式控制,常见修改为更改边框大小。  

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

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

 

 

 

 

9 7 3 1 2 4 8 :

本文来源:华军资讯 作者:厂商投递

声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。文章是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 Email:support@txwb.com,系统开号,技术支持,服务联系微信:_WX_1_本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下
  • 本周热门
  • 本月热门
  • 阅读排行