发源地·开源项目分享社区

 找回密码
 立即注册
查看: 25|回复: 0
收起左侧

[建站基础] 论坛版块帖子列表左侧边栏宽度调整及论坛相关CSS含义对...

[复制链接]

活雷锋

207

主题

1228

帖子

2667万

积分

管理员

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

UID
1
性别
银票
8889374
铜板
8891177
钢镚
8894177
好友
1
记录
1
日志
0
相册
54
帖子
1228
主题
207
精华
114
分享
0
注册时间
2019-5-13
最后登录
2020-5-29
在线时间
267 小时
卖家信用
买家信用
听众
1
收听
1
居住地
江苏省 苏州市 太仓市 太仓经济开发区
职业
山贼
自我介绍
他们都是叛徒,但我从没恨过他们...
兴趣爱好
IT/互联网/硬件/软件
发表于 2020-5-21 16:03:46 | 显示全部楼层 |阅读模式

作者:青花
转载请注明:https://wdc.store/
管理后台——界面——界面设置——主题列表页——左侧版块导航宽度,建议值:120-130。

此外附上该页面关于论坛样式控制的主要部分CSS样式对照表

位置:/template/模板位置/common/module.css.在文件中搜索:.bdl
以默认模板为例,一些列出部分论坛相关的CSS含义对照表

版块列表样式结果如下:469
  1. /** forum::forumdisplay **/
  2. /*
  3.         Name:                        mod_board_navigation
  4.         Level:                        Function
  5.         Explain:                看贴页左侧的版块导航。宽度在CSS里没有默认值,宽度在后台设置
  6.         Last Modify:        Jane
  7. */
  8. .bdl { float: left; overflow: hidden; border: 1px solid #BDD7E3; background-color: #F5F9FB; }
  9.         .ie6 .bdl { position: relative; }
  10.         .bdl_h { height: 32px; line-height: 22px; }
  11. .bdl .tbn { margin: 10px; }
  12.         /* 分区 */
  13.         .bdl dl { margin: -1px -10px 0; }
  14.                 .bdl dt { overflow: hidden; height: 27px; line-height: 27px; border: solid #CCE0EB; border-width: 1px 0; background: #F5F9FB url({IMGDIR}/titlebg_sd.png) repeat-x 100% 0; }
  15.                         .bdl dt a { display: block; padding: 0 15px 0 10px; }
  16.                                 .bdl dt a:hover, .bdl_a a:hover { text-decoration: none; }
  17.         /* 版块,默认收起 */
  18.         .bdl dd { display: none; }
  19.                 .bdl dd a { display: block; margin: 0 3px; padding: 0 7px; height: 26px; line-height: 26px; overflow: hidden; }
  20.         /* 展开的分区 */
  21.         .bdl dl.a { padding-bottom: 4px; background-color: #FFF; }
  22.                 .bdl dl.a dt { margin-bottom: 3px; background-position: 100% -27px; }
  23.                 .bdl dl.a dd, .bdl_fav dd { display: block; overflow: hidden; zoom: 1; }
  24.                         /* 当前版块 */
  25.                         .bdl dd.bdl_a a { background-color: #F5F9FB; font-weight: 700; color: {HIGHLIGHTLINK}; }

  26.         .previewPost { width: 100%; font-size: 14px; }
  27.         /* 点击加载下一页按钮样式 */
  28.         #autopbn { display: block; margin-bottom: 10px; border: 1px solid rgb(194, 213, 227); border-radius: 3px; text-align: center; }
  29.         #autopbn:hover { background: #fff; text-decoration: none; }
  30.         /* 上涨和下降图标样式 */
  31.         .ico_increase, .ico_fall { display: inline-block; width: 16px; height: 16px; margin: 0 5px; background: url({IMGDIR}/increase.png) no-repeat left center; vertical-align: middle; text-indent: -999em; }
  32.         .ico_fall { background: url({IMGDIR}/fall.png) no-repeat left center; }
  33.         /* 版块热帖日历样式 */
  34.         #ReTie_review h6 { padding: 0 10px; line-height: 27px; }
  35.         .review_this { padding: 5px 0 10px; }
  36.         .review_this li { float: left; width: 7.5%; text-align: center; }
  37. /*
  38.         Level:                        Channel
  39.         Explain:                板块新帖提醒
  40.         Last Modify:        Max.Cong
  41. */
  42.         #forumnew{ position: absolute; right: 0; top: 0; z-index: -1; }
  43.         .tl #forumnewshow { background: #FFFAF3; font-size: 12px; text-align: center; }
  44.         .tl #forumnewshow th, .tl #forumnewshow td { padding: 0; border: 0; }
  45.         .tl #forumnewshow th:hover, .tl #forumnewshow td:hover{ background: #FFFFE9; }
  46.         .tl #forumnewshow a { display: block; border-top: 1px solid #F4E4B4; border-bottom: 1px solid #F4E4B4; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
  47.         .tl #forumnewshow a:hover { text-decoration: none; }
  48.         #checknewline tr td, #checknewline tr th { background: #FFFFEB; text-align: center; color: #666; }

  49.         .newthread tr th, .newthread tr td { background: #FFFAF3; }
  50.         .newthread .new em { margin-right: 4px; }
  51.         .newthread .new em, .newthread .new em a { color: #007CD5; font: {FONTSIZE} {FONT}; }
  52.         /*
  53.         .tl .newthread tr:hover th, .tl .newthread tr:hover td{ background-color: transparent; }
  54.         */

  55. .forumrefresh { padding-right: 14px; background: url({IMGDIR}/refresh.png) no-repeat 100% 50%; }
  56. /** end **/


  57. /** forum **/
  58. /*
  59.         Name:                        mod_forum_jump
  60.         Level:                        Function
  61.         Explain:                快速跳转菜单
  62.         Last Modify:        Pony 11080915
  63. */
  64. #fjump_menu { overflow-x: hidden; max-height: 600px; }
  65.         #fjump_menu dl { width: 200px; }
  66.                 #fjump_menu dt { font-weight: 700; }
  67.                 #fjump_menu dd { text-indent: 1em; }
  68.                 #fjump_menu li.a a { background-color: {SPECIALBG}; }
  69. /** end **/
复制代码
主题列表样式如下:558
  1. /* ------------------------------------------------------------------------ 主题列表样式 */
  2. /** forum::forumdisplay,forum::viewthread,forum::modcp,forum::collection,group,home::space,home::task,home::follow,search::forum,search::group,member::groupexpiry,misc::ranklist,misc::stat,misc::tag,forum::guide,portal::block **/
  3. /* fct --> froumatction 板块功能按钮 */
  4.         .fct a { float: left; margin-left: 8px; }
  5.         .fa_fav_0, .fa_fav, .fa_rss, .fa_achv, .fa_bin, .fa_ivt { padding-left: 20px; background: no-repeat 0 50%; }
  6.                 .fa_fav_0 { background-image: url({IMGDIR}/fav_grey.gif); }
  7.                 .fa_fav { background-image: url({IMGDIR}/fav.gif); }
  8.                 .fa_rss { background-image: url({IMGDIR}/feed.gif); }
  9.                 .fa_achv { background-image: url({IMGDIR}/clock.gif); }
  10.                 .fa_bin { background-image: url({IMGDIR}/recyclebin.gif); }
  11.                 .fa_ivt { background-image: url({IMGDIR}/user_add.gif); }

  12. /* 主题列表相关 */
  13.         /*.tl .th th a { float: left; margin-right: 10px; padding-right: 17px; background: url({IMGDIR}/arw_d2.gif) no-repeat 100% 50%; }*/
  14.         #fh { width: 644px; }
  15.                 .mw #fh { width: 100%; }
  16.         #fh .bm { padding-top: 5px; padding-bottom: 0; }
  17.         #nv_group #fh { margin-bottom: 1em; }
  18.                 #fh #gh { padding-top: 10px; }
  19.                 #fh .h { margin-top: 10px; }
  20.                         #fh .h * { float: left; }
  21.                         #fh h1 { margin-right: 10px; font-size: 16px; }
  22.                         #fh .h .y { float: right; }
  23.                         #fh .o a { float: left; margin-right: 10px; }
  24.         #fh.m { padding-top: 0; background-color: {COMMONBG}; }
  25.         .xst { font-family: {THREADTITLEFONT}; font-size: {THREADTITLEFONTSIZE}; }
  26.                 .xst i { font-style: italic; }
复制代码
帖子类型相关样式:578
  1. /* threadtype 帖子类型 */
  2.         .ttp { margin-bottom: 5px; padding-top: 10px; border-width: 2px 0 0; background: transparent; }
  3.                 .ttp li { float: left; padding-bottom: 5px; }
  4.                 .ttp a, .ttp strong { float: left; margin-right: 5px; padding: 4px 8px 3px; height: 18px; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; white-space: nowrap; }
  5.                         .ttp a:hover { border-color: {HIGHLIGHTLINK}; color: {HIGHLIGHTLINK}; text-decoration: none; }
  6.                 .ttp .a a { padding-right: 12px;  padding-left: 12px; border-color: {HIGHLIGHTLINK}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; }
  7.                 .ttp .pipe { float: left; margin-right: 10px; padding: 0; width: 2px; height: 27px; background: {SPECIALBORDER}; text-indent: -9999px; }
  8.         /* 版块有大量主题分类时的展开收起样式 by Pony */
  9.         .cttp { overflow: hidden; padding-right: 35px; height: 32px; }
  10.                 .cttp .unfold, .cttp .fold { float: right; display: inline; margin: 5px -35px 9px 0; padding: 0 0 0 10px; width: 25px; height: 18px; background-color: transparent; color: {HIGHLIGHTLINK}; font-weight: 400; }

  11.         /* tl --> Thread list modify by lushnis */
  12.         .tl .bm_c { padding-top: 0; }
  13.         .tl table { width: 100%; table-layout: fixed; border-collapse: separate; }
  14.                 .tl th, .tl td { padding: 5px 0; border-bottom: 1px solid {CONTENTSEPARATE}; }
  15.                         .emptb th, .emptb td { padding: 0; border-bottom: none; }
  16.                         .tl tr:hover th, .tl tr:hover td { background-color: {COMMONBG}; }
  17.                         .tl .threadpre td, .tl .threadpre:hover td { background-color: #FCFCFC; }
  18.                         .tl .threadpre .threadpretd { border-left: 1px solid {CONTENTSEPARATE}; border-right: 1px solid {CONTENTSEPARATE}; }
  19.                         .tl th .tdpre, .tl td.fn .tdpre { visibility: hidden; display: inline; width: 31px; height: 17px; margin-top: 3px; background-image: url({IMGDIR}/preview.png); text-indent: -999em; overflow:hidden; }
  20.                         .tl th:hover .tdpre, .tl td.fn:hover .tdpre  { visibility: visible; }
  21.                         .ie6 .tl th .tdpre, .ie6 .tl td.fn .tdpre { display: none; }
  22.                         .fastpreview { position: relative; }
  23.                         .icon_preview { position: absolute; display: block; left: 80px; top: -13px; width: 11px; height: 8px; background: url({IMGDIR}/icon_preview.png); overflow: hidden; }
  24.                         a.icon_up { display: block; margin:0 10px; height: 25px; background: #F2F2F2 url({IMGDIR}/arrow_up.png) no-repeat 50% 50%; overflow: hidden; border:1px dashed rgb(194, 213, 227); border-radius: 3px; }
  25.                         a.icon_up:hover { background:#FFF url({IMGDIR}/arrow_up_hover.png) no-repeat 50% 50%; }
  26.                                 .fastpreview td { border-bottom: none!important; }
  27.                         .tl th, .tl td.fn { padding-right: 1.5em; zoom: 1; }
  28.                                 .tl th a:visited, .tl td.fn a:visited { color: {MIDTEXT}; }
  29.                                 .fromg { visibility: hidden; }
  30.                                 .ie6 .fromg, tr:hover .fromg { visibility: visible; }
  31.                         .tl .icn { padding-left: 5px; width: 25px; text-align: left; }
  32.                                 .tl .icn a:hover { text-decoration: none; }
  33.                         .tl .new {}
  34.                         .tl .comm {}
  35.                         .tl .frm { width: 150px; }
  36.                         .tl .o { width: 20px; }
  37.                         .tl .num { width: 60px; line-height: 14px; }
  38.                         .tl .by { width: 105px; line-height: 14px; }
  39.                                 .tl cite, .tl .num em { display: block; }
  40.                                 .tl th em { margin-right: 4px; zoom: 1; }
  41.                                         .tl th em, .tl th em a { color: #007CD5; }
  42.                                 .tl td em { font-size: 11px; font-family: Arial, Psimsun, sans-serif; -webkit-text-size-adjust: none; }
  43.                                         .tl td em, .tl td em a { color: {LIGHTTEXT}; }
  44.                         /*.tl .th th, .tl .th td { padding: 8px 0; background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; }*/
  45.                         .tl .ts th, .tl .ts td { padding: 3px 0; border-bottom-color: {COMMONBORDER}; background: {COMMONBG}; }
  46.         .tl .th { margin-top: 1px; padding: 0 10px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; }
  47.                 .tl .th table { border: none; }
  48.                 .tl .th td, .tl .th th { height: 20px; border: none; vertical-align: baseline; }
  49.         .tl .tf { padding: 3px 0; }
  50.                 .tf .showmenu:hover { border-color: {SPECIALBORDER}; }
  51.                
  52.                

  53.         .tl_reply { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 7px; }
复制代码
回收站样式如下:628
  1. /* recy --> recyclebin 主题列表的回收站主题样式 by shuaishuai*/
  2.         .recy { text-decoration: line-through; }
复制代码
主题分页样式如下:633
  1. /* 主题分页 */
  2.         .tps { white-space: nowrap; }
  3.                 .tps a { padding: 2px 4px; color: {TABLETEXT}; }
  4.                         .tps a:hover { background-color: {COMMONBG}; color: #007CD5; }
复制代码
分类信息索检样式:639
  1. /*
  2.         Name:                        mod_thread_type_index
  3.         Level:                        Function
  4.         Explain:                分类信息检索
  5.         Last Modify:        Pony 12020309
  6. */
  7. .tsm { overflow: hidden; margin-bottom: -10px; width: 100%; border-collapse: collapse !important; }
  8.         .ie6 .tsm, .ie7 .tsm { margin-bottom: 0; }
  9.         .tsm th { padding: 5px 0 5px 10px; border: none; vertical-align: top; }
  10.         .tsm td { padding: 5px 10px 5px 0; border: none; vertical-align: top; }
  11.         .tsm tr:hover th, .tsm tr:hover td { background: none !important; }
  12.         .tsm li { float: left; margin-right: 4px; padding: 0 4px; white-space: nowrap; }
  13.         .tsm .a a { color: {TABLETEXT}; font-weight: 700; }
  14.                 .tsm .a a:hover { text-decoration: none; }
  15.         .subtsm { margin-top: 5px; padding: 5px; border: 1px dotted {SPECIALBORDER}; }
复制代码
  1. /*
  2.         Name:                        mod_thread_type_search
  3.         Level:                        Function
  4.         Explain:                分类信息搜索
  5.         Last Modify:        Pony 11050314
  6. */
  7.         .mfm .mtm { margin-right: 10px; }
  8.         .mfm span { height: 26px; }
  9. /** end **/
复制代码

群组帖子相关样式如下:665
  1. /** forum::forumdisplay,group::forumdisplay,group::my **/
  2. /*
  3.         Name:                        mod_thread_type
  4.         Level:                        Function
  5.         Explain:                论坛群组的帖子主题分类分类信息等的筛选样式
  6.         Author:                        lushnis
  7.         Last Modify:        Pony
  8. */
  9.         .ttp .a a:hover { background: {SPECIALBG} url({IMGDIR}/close-s.png) no-repeat 100% 11px; }
  10.         #ttp_all a:hover { background-image: none !important; }
  11. /** end **/
复制代码
帖子及看帖内容样式如下:679
  1. /* ----------------------------------------------------------------------- 帖子内容区域样式 */
  2. /** forum::viewthread,group::viewthread **/
  3. .plh { line-height: 46px; }
  4.         .plh .plc { padding-bottom: 0; }

  5. /*
  6.         Name:                        mod_viewthread_header
  7.         Level:                        Function
  8.         Explain:                看帖页标题区域
  9.         Last Modify:        Pony 201201181105
  10. */
  11.         .vwthd { padding-right: 80px !important; }
  12.                 .vwthd div.y { display: inline; margin-right: -60px; }
  13.                 .ts { display: inline; font: 700 16px 'Microsoft Yahei', 'Hei', Tahoma, 'SimHei', sans-serif; }

  14. #nv_forum #ct { border-color: {SPECIALBORDER}; }

  15. .pattl_c .tip { margin-top: 30px; padding: 5px; width: 88px; }
  16. .pattimg { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; overflow: hidden; }
  17. .pattimg_zoom { position: absolute; display: block; width: 100px; height: 100px; line-height: 300px; overflow: hidden; }
  18.         .ie_all .pattimg_zoom { background-color: #FFF; filter:alpha(opacity=0); opacity:0; }
  19. .attl_g, .attl_m { margin-left: 10px; padding-left: 16px; background: url({IMGDIR}/attl_icon.png) no-repeat 0 3px; }
  20.         .attl_m { background-position: -100px 3px; }
复制代码
默认分类信息样式如下:
  1. /* 默认分类信息 by michael */
  2. .ie6 .cgtl { width: auto; }
  3.         .cgtl { overflow: hidden; }
  4.         .cgtl td, .cgtl th, .cgtl caption { padding: 5px; border-bottom: 1px solid {SPECIALBORDER}; }
  5.         .cgtl caption { background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; font-size: 14px; font-weight: 700; }
  6.         .cgtl th { width: 16%; }
复制代码
楼层、帖子、帖子大图相关样式如下:729
  1. /*
  2.         Name:                        mod_cp_pls
  3.         Level:                        Function
  4.         Explain:                帖子页每个楼层用户信息下方的管理链接
  5.         Author:                        Pony 12010414
  6. */
  7. .cp_pls a { float: left; margin-right: 4px; line-height: 1.231; }
  8. #scrollleftinfo { position: fixed; left: auto; top: auto; width: 5px; height: 200px; border-radius: 0 5px 5px 0; background: url({IMGDIR}/sidecontrol.png) no-repeat -9px 0; cursor: pointer; }
  9. #scrollleftinfo.open { width: 9px; background-position: 0 0; }

  10. .img_tit_t .xi1 { color:#444; }
  11. .img_tit_t .ph { font-weight:700; font-size:16px; }
  12. .ph_r_con { padding: 20px 0 0; }
  13. a.thread_mod { background: url({IMGDIR}/bigimg.png) no-repeat 0 -38px; padding-left:25px; height:19px; display:inline-block; color:#444; }
  14.         a.thread_mod:hover { background: url({IMGDIR}/bigimg.png) no-repeat 0 -57px; color:#369 !important; text-decoration:none; }
  15.         a.thread_mod span { color:#444; font-weight:700; }
  16.         a.thread_mod:hover span { color:#539BCB !important; }

  17. /*
  18.         Name:                        mod_cp_pls
  19.         Level:                        Function
  20.         Explain:                贴子大图样式
  21.         Author:        Alice 201303281607
  22. */
  23. #imagelist_nav { background: none repeat scroll 0 0 #DDD; margin-top: 20px; height: 150px; width: 780px; }
  24.         #imagelist_nav .imagelist_album { color: #FFFFFF; font-size: 12px; overflow: hidden; width: 780px; }
  25.         #imagelist_nav .imagelist_album div.left { height: 110px; margin-top: 18px; overflow: hidden; position: relative; width: 730px; float: left; }
  26.         #imagelist_nav .imagelist_album div.left ul { left: 0; position: absolute; z-index: 2; margin: 0 0; }
  27.         #imagelist_nav .imagelist_album div.left li { float: left; height: 110px; text-align: center; margin-top: 5px; list-style: none outside none; }
  28.         #imagelist_nav .imagelist_album a.left { background: url({IMGDIR}/imagelist_nav.png) no-repeat -21px 0px; height: 63px; margin-top: 42px; margin-left: 1px; width: 24px; float: left; }
  29.         #imagelist_nav .imagelist_album a.left:hover { background: url({IMGDIR}/imagelist_nav.png) no-repeat 2px -70px; }
  30.         #imagelist_nav .imagelist_album a.right { background: url({IMGDIR}/imagelist_nav.png) no-repeat 2px 0px; height: 63px; margin-top: 42px; margin-right: 1px; width: 24px; float: right; }
  31.         #imagelist_nav .imagelist_album a.right:hover { background: url({IMGDIR}/imagelist_nav.png) no-repeat -21px -70px; }
  32.         #imagelist_nav .imagelist_album div.left a.mask { background-color:#333; display: block; height: 110px; overflow: hidden; position: absolute; width: 110px; z-index: 1; }
  33.         #imagelist_nav .imagelist_album div.left li div { height: 110px; position: relative; overflow: hidden; cursor: pointer; width: 110px; }
  34.         #imagelist_nav .imagelist_album div.left li div span { background-color: #000000; bottom: 2px; color: #FFFFFF; display: block; font-size: 12px; height: 14px; line-height: 14px; position: absolute; right: 5px; text-align: center; top:86px; width: 33px; }
  35.         .photo_pic { width:780px; }
  36.         .ie6 #photo_pic img { width: expression(this.width > 620 ? 620:true); }
  37.         .ie6 .photo_pic { width:780px; margin:0 auto; }
  38.         .album_side_r { border-left:1px dashed #CDCDCD; }
  39.         .album_side { padding:20px 10px; font-size:12px; }
  40.         .album_side .hm { padding:0 0 10px; }
  41.         .album_info h3 { color:#999; margin:10px 0; }
  42.         .album_side .date { color:#999; }
  43.         .album_info p { text-indent:2em; }
  44.         .tit_author { display:block; }
  45.         .tit_author a { color: #369; font-size:14px; font-weight:700; }
复制代码
作者指向信息相关样式如下:758
  1. /* 作者指向时全部展开 by Alice */
  2.         .authi .none { display:inline-block; }
  3.         .authi .show { display:none; }
  4.         .authi:hover .none { display:none; }
  5.         .authi:hover .show { display:inline-block; }
  6.         .ie6 .authi .none { display:none; }
  7.         .ie6 .authi .show { display:inline-block; }
复制代码
帖子样式、模式的样式如下:768
  1. /** forum::forumdisplay,group::forumdisplay **/
  2. /* 帖子列表“新窗”、“图片模式”等按钮样式 modified by Pony */
  3.         #atarget, .unchk, .chked { padding-left: 15px; line-height: 16px; background: url({IMGDIR}/atarget.png) no-repeat 0 3px; color: {HIGHLIGHTLINK}; cursor: pointer; }
  4.                 .ie_all #atarget, .ie_all .unchk, .ie_all .chked { display: inline-block; height: 20px; line-height: 20px; }
  5.                 #atarget.atarget_1, .chked { background-position: 0 -37px; }
  6.                 .unchk:hover, .chked:hover { text-decoration: none; }

  7. #a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; }
  8.                 /* 重定义 tab 标签样式分类数字 by alice 13032514 */
  9.                 .ttp .num { background:#999; padding:0 5px; margin-left:5px; border-radius:3px; color:#FFF !important; }
  10.                 .ttp .a .num { background:#91BDD3; }
  11.                 /* 重定义 贴子更多分类标签 by alice 13032614 */               
  12.                 .pop_moremenu li { display:block; border-bottom:1px solid #E5EDF2; line-height:24px; }
  13.                 .pop_moremenu a { display:inline; text-decoration:none; border-bottom:0; }
  14.                 .pop_moremenu li:last-child { border-bottom:none; }
  15.                 .pop_moremenu .pipe { margin:0; }
  16.                 .pop_moremenu a.xw1 { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; font-weight:normal; }
  17. /*
  18.         Name:                        mod_media_list_thread
  19.         Level:                        Global
  20.         depentend:                .ml
  21.         Explain:                图片模式的帖子列表
  22.         Author:                        lushnis
  23.         Last Modify:        Pony 11121511
  24. */
  25.         .mlt {}
  26.                 .mlt li { display: inline; margin: 0 4px 10px; padding-top: 5px; border: 1px solid {SPECIALBG}; border-bottom-color: {SPECIALBORDER}; background: #FFF; text-align: left; }
  27.                         .mlt .sum { display: inline-block; padding: 0 5px; height: 16px; line-height: 16px; border-radius: 5px; background: {SPECIALBG}; }
  28.                                 .mlt .pin { background: #7B3; color: #FFF; }
  29.                                 .mlt .digest { background: #0BC; color: #FFF; }
  30.                         .mlt .c .nopic { display: block; background:{WRAPBG} url({IMGDIR}/nophototiny.png) no-repeat 50% 50%; cursor: pointer; }
  31.                         .mlt img.vm { display: inline; }

  32.                         .mlt h3 { height: 30px; line-height: 30px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  33.                         .mlt li .cl { height: 18px; overflow: hidden; }
  34.                                 .mlt li .c { height: auto !important; }
  35.                         .mlt li span { display: inline; color: {TABLETEXT}; }

  36. /*
  37.         Name:                        mod_threadlist_last-child
  38.         Level:                        Function
  39.         Explain:                帖子列表页支持 last-child 的浏览器不显示最后一条线
  40.         Last Modify:        Pony
  41. */
  42. .tl tbody:last-child th, .tl tbody:last-child td { border-bottom: none; }
  43. .tl tbody:last-child .threadpre .threadpretd { border: 1px solid {CONTENTSEPARATE};}
  44. /*
  45.         Name:                        showhide
  46.         Level:                        Function
  47.         Explain:                帖子列表页隐藏置顶帖的按钮样式
  48.         Last Modify:        Jane
  49. */
  50. .showhide { width: 12px; height: 12px; background: url({IMGDIR}/close.gif) no-repeat 0 0; text-indent: -999em; cursor: pointer; overflow: hidden; margin: 5px 5px 0px 5px; }
  51. .showhide:hover { background-position: 0 -12px; }
  52. .ie6 .showhide { display: none; }
  53. .pcb .jammer { font-size: 10px; color: {WRAPBG}; }
  54. /* 屏蔽提示 */
  55. #hiddenthread { border-top: 1px solid #C2D5E3; border-bottom: 1px solid #C2D5E3; line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; }
  56. #hiddenthread.last, .ie6 #hiddenthread, .ie7 #hiddenthread, .ie8 #hiddenthread { border-top: none; }
  57. #hiddenthread a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
  58. #hiddenthread a:hover { text-decoration: none; }
  59. /** end **/


  60. /** forum::viewthread,group::viewthread,forum::trade,forum::misc **/
  61. #a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; }

  62. .pl {}
  63.         .pl table { table-layout: fixed; width: 100%; }
  64.                 .pl .dt { width: 100%; }
  65.         .plm { vertical-align: bottom !important; }
  66.         .plc, .pls { vertical-align: top; }
  67.                 .plc { padding: 0 20px; }
  68.                 .pls { width: 160px; background: {SPECIALBG}; overflow: hidden; border-right: 1px solid {CONTENTSEPARATE}; }
  69.                 .pls .avatar { margin: 10px 15px; }
  70.                         .pls .avatar img { padding: 5px 5px 8px; background: #FFF url({IMGDIR}/midavt_shadow.gif) 0 100% repeat-x; width:120px; }

  71.                         .pls .favatar { background: transparent; height: auto; border-width: 0px; overflow: visible; }

  72.                 .pls p, .pls .pil, .pls .o { margin: 5px 10px 5px 20px; }
  73.                         .pls p em, .pls dt em { color: {NOTICETEXT}; }
  74.                         .pls dd, .pls dt { float: left; overflow: hidden; height: 1.6em; line-height: 1.6em; }
  75.                                 .pls dt { margin-right: 3px; width: 55px; }
  76.                                 .pls dd { width: 70px; }
  77.                                         .pls dd img { margin-top: -2px; max-width: 65px; }
  78.                                                 .ie6 .pls dd img, .ie7 .pls dd img { margin-top: 2px; width: expression(this.width > 65 ? 65 : true); }
  79.         .ad .pls { background: {CONTENTSEPARATE}; padding: 0; height: 4px; }
  80.         .ad .plc { background: {SPECIALBG}; padding: 0; overflow: hidden; }
  81.         .pl .pnv .pls { background: {SPECIALBG}; border: solid {SPECIALBORDER}; border-width: 0 1px 1px 0; line-height: 16px; }
  82.                 .pl .pnv .tns p { font-size: 12px; }
  83.         .pl .pnv .plc { border-bottom: 1px solid {SPECIALBORDER}; }

  84.         .pnh { padding: 11px 20px; }
  85.         .tnv { text-align: center; vertical-align: middle; } /* Threads navigation by lushnis */

  86.         #threadstamp { position: relative; width: 100%; height: 0; overflow: visible; }
  87.                 #threadstamp img { position: absolute; top: -20px; right: 170px; }

  88.         #pl_top .ad .pls, #pl_top .ad .plc { height: 1px;overflow: hidden; }
  89.                 #pl_top .pls { text-indent: 15px; }
复制代码
帖子作者、时间、楼层等一些属性所在区块的样式如下:869
  1. /* 帖子作者、时间、楼层等一些属性所在区块 */
  2.         .pi { overflow: hidden; margin-bottom: 10px; padding: 10px 0; height: 16px; border-bottom: 1px dashed {COMMONBORDER}; }
  3.                 .pi strong a { float: right; margin-top: -6px; padding: 4px 6px; border: 1px solid {WRAPBG}; font-weight: 400; }
  4.                         .pi strong a:hover { border-color: {COMMONBORDER}; }
  5.                 .pls .pi { padding-left: 15px; }
  6.                 .pi em {}
  7.                 .pti {}
  8.                         .authicn { cursor: pointer; width:16px; }
复制代码
掌上论坛弹窗样式如下:878
  1. /* 贴子掌上论坛弹窗 */
  2.         .code_bg {background: url({IMGDIR}/code_bg.png) no-repeat 0 0; display:inline-block; padding:4px; margin:10px 20px; }
复制代码
帖子正文样式如下:881
  1. /* 帖子正文区块 */
  2.         .pcb { clear: left; margin-right: 130px; }
  3.                 .ie6 .pcbs table, .ie6 .t_fsz table { width: auto; }
  4.                 .pcb h1, .pcb h2 { margin: 8px 0; font-size: 1.17em; }
  5.                         .pcb h1 a { font-weight: 400; }
  6.                         .pcb h2 em { float: right; font-size: 12px; font-weight: 400; }
  7.                         #ph { padding: 17px 0 0; }
  8.                                 #ph h1 { font-size: 20px; }
  9.                         #fj { margin-left: 5px; }
  10.                                 #fj label, #fj input { margin-right: 4px; padding: 0; height: 16px; line-height: 16px; }
  11.                 .pcb .jammer { font-size: 10px; color: {WRAPBG}; }

  12.                 .pcb strong { font-weight: 700; }
  13.                 .pcb em { color: {MIDTEXT}; }
  14.                 .pcb span.t_tag { cursor: pointer; border-bottom: 1px solid red; white-space: nowrap; }
  15.                         .pcb span.t_tag:hover { border-bottom: 1px solid {NOTICETEXT}; }
  16.                 .pct { padding-bottom: 1em; }
  17.                 .t_fsz { min-height: 100px; }
  18.                         * html .t_fsz { height: 100px; overflow: visible; }
  19.                 .t_f, .t_f td { font-size: {MSGFONTSIZE}; }
  20.                         .t_f a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
  21.                 .t_f ul { margin-left: 14px; }
  22.                         .t_f li { margin-left: 2em; }
  23.                         .t_f ul li { list-style-type: disc; }
  24.                                 ul.litype_1 li { list-style-type: decimal; }
  25.                                 ul.litype_2 li { list-style-type: lower-alpha; }
  26.                                 ul.litype_3 li { list-style-type: upper-alpha; }
  27.                 .t_f i { font-style: italic; }
  28.                 .sign { overflow: hidden; margin-bottom: 10px; padding-top: 20px; line-height: 1.6em; background: url({IMGDIR}/sigline.gif) no-repeat 0 0; }
  29.                         * html .sign { height: expression(signature(this)); }
  30.                         .sign * { line-height: normal; }
  31.                 .po { border-top: 1px dashed {COMMONBORDER}; }
  32.                         .po .y { margin: 8px 0 0 5px; }
  33.                         .po p { float: right; }
  34.                                 .po p a, .po p label { margin-right: 6px; }
  35.                 .hin { opacity: 0.2;}
  36.                         .plhin:hover .hin { opacity: 1; }
  37.                 .pob { line-height: 36px; }
  38.                         .pob em { float: left;}
  39.                                 .pob em a { padding: 5px 10px 5px 25px; }
  40.                         .cmmnt { background: url({IMGDIR}/cmmnt.gif) no-repeat 0 50%; }
  41.                         .fastre { background: url({IMGDIR}/fastreply.gif) no-repeat 0 50%; }
  42.                         .followp { background: url({IMGDIR}/rt.png) no-repeat 0 50%; }
  43.                         .sharep { background: url({IMGDIR}/oshr.png) no-repeat 0 50%; }
  44.                         .req { background: url({IMGDIR}/repquote.gif) no-repeat 0 50%; }
  45.                         .editp { background: url({IMGDIR}/edit.gif) no-repeat 4px 50%; }
  46.                         .appendp { background: url({IMGDIR}/icon_append.png) no-repeat 4px 50%; }
  47.                         .psave { background: url({IMGDIR}/pubsave.gif) no-repeat 4px 50%; padding: 3px 10px 3px 25px; border:1px dotted {COMMONBORDER}; margin-left:5px; }
  48.                         .push { background: url({IMGDIR}/push.png) no-repeat 4px 50%;}
  49.                         .replyadd { background: url({IMGDIR}/rec_add.gif) no-repeat 0 50%; }
  50.                         .replysubtract { background: url({IMGDIR}/rec_subtract.gif) no-repeat 0 50%; }
  51.                 .modact { display: block; height: 32px; text-align: center; padding:30px 0 0; }
  52.                         .modact, .modact a { line-height: 32px !important; }
  53.                 /* 按钮 by alice */
  54.                 #p_btn { line-height: 24px; padding:3em 0; text-align:center; }
  55.                         #p_btn a { display:inline-block; margin-right: 3px; padding-right: 4px; padding-left: 8px; background: url({IMGDIR}/share_btn.png) no-repeat 0 0; vertical-align: top; white-space: nowrap; }
  56.                                 #p_btn a:hover { text-decoration: none; }
  57.                                 #p_btn i { display: block; padding:4px 8px 4px 0;background: url({IMGDIR}/share_btn.png) no-repeat 100% 100%; font-style: normal; cursor: pointer; }
  58.                                         #p_btn img { float: left; margin: 4px 4px 0 0; }
  59.                                         #p_btn span { padding-left: 2px; color: {LIGHTTEXT}; }
  60.                         .tshare { padding-bottom: 10px; }
  61.                                 .tshare strong { float: left; margin-right: 10px; }
  62.                                 #p_btn .tshare a, #p_btn .tshare i { padding: 0; background-image: none; }
  63.                                         #p_btn .tshare a { margin-right: 10px; color: {HIGHLIGHTLINK}; }
  64.                                         #p_btn .tshare a:hover { text-decoration: underline; }
  65.                 .rate { margin: 20px 0; font-size: 12px; }
  66.                         .rate dt { float: left; padding-top: 7px; width: 80px; text-align: center; }
  67.                                 .rate dt strong { padding: 12px 8px; height: 46px; font-size: 24px; background: #FFF4DD; }
  68.                                 .rate dt p { padding-top: 10px; }
  69.                                         .rate dt strong a, .rate dt strong a em { line-height: 48px; height: 48px; color: {NOTICETEXT}; }
  70.                         .rate dd { margin-left: 80px; }
  71.                                 .rate dd ul li { float: left; overflow: hidden; margin:0 4px; width: 67px; height: 84px; text-align: center; }
  72.                                 .rate .ratt { border-bottom: 1px dotted {WRAPBORDERCOLOR}; padding: 6px 0; }
  73.                                 .ratl th, .ratl td, .ratc { overflow: hidden; padding: 5px 2px; height: 24px; line-height: 24px; border-bottom: 1px dashed {WRAPBORDERCOLOR}; white-space: nowrap; }
  74.                                 .ratl img { height: 24px; width: 24px; vertical-align: middle; }
  75.                         .rate_collapse .ratl_l,.rate_collapse .ratc { display: none; }
  76.                                 .rate_collapse .txt_h { visibility: hidden; }
  77.                                 .rate .op { padding-right: 16px; background: url({IMGDIR}/arrow_top.gif) no-repeat 100% 50%; }
  78.                                         .rate_collapse .op { background-image: url({IMGDIR}/arrow_down.gif); }
  79.                         .rate i { font-style: normal; }
  80.                         .ratl .xw1 .xi1 { background:#FFF4DD; border-radius:3px; padding:2px 3px; }
  81.                         
  82.                         .icon_ring { background:#FFF4DD; display: inline-block; width:8px; height:8px; margin-right:5px; border:2px solid #F26C4F; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); overflow: hidden; }
  83.                         .icon_ring:hover { background:#F26C4F; border:2px solid #FFF; }

  84. /* 回帖推荐 post sticklist by dfox */
  85.         .psth { margin: 2em 0 2em -20px; padding: 5px 45px 5px 20px; width: 240px; background: #FFF4DD url({IMGDIR}/arw.gif) no-repeat 100% 50%; color: {NOTICETEXT}; font-size: 14px; }
  86.         .tpst .psth { margin-left: -15px; }
  87.         .pstl { clear: left; padding: 0.5em 0;}
  88.                 .psta { float: left; width: 120px; line-height:24px; overflow:hidden; }
  89.                         .psta img { width: 24px; height: 24px; vertical-align:midden; }
  90.                 .psti { margin-left: 120px; line-height:24px; }

  91. /* 点评 by monkeye */
  92.         .f_c .cm { overflow: hidden; }
  93.         .cm .psth { background-color: #FFF4DD; color: {NOTICETEXT}; background-position: 100% 50%; font-size: 12px; }
  94.                 .cm .pg { float: none; }
  95.                         .cm .pg a, .cm .pg strong { margin: 0 4px 0 0; }
  96.                 .cm i { color: #F30; font-style: normal; }
  97.                 .cmstar { display: block; margin-top: 5px; width: 100px; height: 16px; background: url({IMGDIR}/starlevel.gif) no-repeat 10px 0; cursor: pointer; }
  98.                         .cmstarv { padding-right: 100px; width: 100px; height: 16px; background: url({IMGDIR}/starlevel.gif) no-repeat 12px 0; }
  99.                         .cmm .cmstar { margin-top: 0; }
  100.                         .cmstar em { float: left; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; }

  101. /* 屏蔽提示 */
  102.         #hiddenpoststip { line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; }
  103.         #hiddenpoststip a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
  104.         #hiddenpoststip a:hover { text-decoration: none; }

  105. /*
  106.         Name:                        mod_viewthread_author
  107.         Level:                        Function
  108.         Explain:                第二页以后显示主题作者
  109.         Author:                        lushnis
  110.         Last Modify:        Pony 11042913
  111. */
  112.         #tath { padding: 0 10px 0 15px; width: 130px; line-height: 24px; white-space: nowrap; word-break: keep-all; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; }
  113.                 #tath img { width: 24px; height: 24px; vertical-align: middle; }

  114. #f_pst .plc { padding: 20px; }
  115.         #f_pst .fpp label { zoom: 1; }
  116.         #f_pst .avatar { margin-top: 15px; }

  117. i.pstatus { display: block; margin-bottom: -30px; font-size: 12px; text-align: center; font-style: normal; line-height: 32px; color: {LIGHTTEXT}; }

  118. /* 用户详细信息 */
  119.         .bui { position: absolute; margin: -1px 0 0 -1px; padding: 15px 0 15px 20px; width: 430px !important; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -webkit-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -moz-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; }
  120.                 .bui dl { margin: 5px 0 10px; }
  121.                         .bui dt { width: 4.5em; }
  122.                         .bui dd { margin-right: 10px; width: 75px; }
  123.                 .bui .m img { margin-bottom: 12px; width: 120px; }
  124.                 .bui .i { width: 290px; }
  125.                         .imicn img { vertical-align: middle; margin-right: 8px; }
  126.                                 .imicn .xi2:hover { text-decoration: none; }
  127.                                 .imicn .xi2 img { margin-right: 0; }
  128.                                 .card_gender_0 { background: #efefef url({IMGDIR}/nosexbg.png) no-repeat bottom right; }
  129.                                 .card_gender_1 { background: #bbebf9 url({IMGDIR}/gentlemanbg.png) no-repeat bottom right; }
  130.                                 .card_gender_2 { background: #fce0df url({IMGDIR}/ladybg.png) no-repeat bottom right; }

  131.         /*
  132.                 Name:                        mod_user_interaction
  133.                 Level:                        Function
  134.                 Explain:                帖子左侧用户互动操作
  135.                 Last Modify:        Pony
  136.         */
  137.         .pls .o li { background-position: 0 50%; background-repeat: no-repeat; text-indent: 18px; }
  138.                 .pls .o .callon { background-image: url({IMGDIR}/home.gif); }
  139.                 .pls .o .buddy { background-image: url({STATICURL}image/feed/friend.gif); }
  140.                 .pls .o .poke2 { background-image: url({STATICURL}image/feed/poke.gif); }
  141.                 .pls .o .pm2 { background-image: url({IMGDIR}/pmto.gif); }
  142.                 .pls .o .addflw { background-image: url({IMGDIR}/flw_ico.png); }
  143.         /* 帖子左侧用户组升级提示细微调整 Last Modify Pony */
  144.         .pls .tip_4 { margin-left: -5px; }

  145.         /*
  146.                 Name:                        mod_thread_attr
  147.                 Level:                        Function
  148.                 Explain:                帖子中类似“游客,如果您要查看本帖隐藏内容请”等地方的样式
  149.                 Last Modify:        Pony 11060209
  150.         */
  151.         .locked { overflow: hidden; margin: 10px 0; padding: 8px 8px 8px 24px; border: 1px dashed #FF9A9A; background: {WRAPBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; font-size: 12px; zoom: 1; }
  152.                 .locked:hover background-color: #F7F7F7; }
  153.                 .locked strong { color: {NOTICETEXT}; }
  154.                 .locked a, .attach_nopermission a { color: {HIGHLIGHTLINK}; }
  155.         .attach_nopermission { margin: 10px 0; width: 600px; border: 1px dashed #AAAA92; background: #FFFFEE url({IMGDIR}/attach_nopermission_bg.png) no-repeat 100% 0; font-size: 12px; }
  156.                 .attach_nopermission div { padding: 20px 0 20px 70px; border: 3px solid #FFF; background: url({IMGDIR}/attach_nopermission.png) no-repeat 15px 15px; }
  157.                 .attach_nopermission:hover div { border-color: #DADAB1; }
  158.                 .attach_tips { margin-bottom:15px; position: relative; }
  159.                 .attach_tips h3 strong { color: #8CA226; font-size:15px; display:block; margin-bottom: 10px; margin-top: -10px; }
  160.                         .attach_tips .atips_close { position: absolute; top: 5px; right: 10px; width: 10px; height: 10px; cursor: pointer; color: #ccc; }
  161.                                 .attach_tips:hover .atips_close { color: #333; }
  162.                                 .attach_tips .atips_close:hover { font-weight: bold; }
  163.         .viewpay { overflow: hidden; margin: 0 6px; padding: 1px 0 1px 24px; background: url({IMGDIR}/viewpay.gif) no-repeat 6px 60%; color: {HIGHLIGHTLINK}; font-weight: 700; zoom: 1; }
  164.         .showhide { overflow: hidden; border: 1px dashed #FF9A9A; margin: 8px 0; padding: 10px; zoom: 1; }
  165.                 .showhide h4 { margin-bottom: 10px; color: #F66; font-size: 12px; text-align: center; }
复制代码
代码、引用显示效果样式如下:1057
  1. /*
  2.                 Name:                        mod_thread_code_quote
  3.                 Level:                        Function
  4.                 Explain:                帖子代码/引用等样式
  5.                 Author:                        lushnis
  6.                 Last Modify:        Pony 1205241556
  7.         */
  8.         .pl .quote, .pl .blockcode { margin: 10px 0; padding: 10px 10px 10px 65px; zoom: 1; }
  9.         .pl .quote { padding-bottom: 5px; background: #F9F9F9 url({IMGDIR}/icon_quote_s.gif) no-repeat 20px 6px; }
  10.                 .pl .quote blockquote { display: inline-block; margin: 0; padding: 0 65px 5px 0; background: url({IMGDIR}/icon_quote_e.gif) no-repeat 100% 100%; line-height: 1.6; zoom: 1; }
  11.                         .ie6 .pl .quote blockquote, .ie7 .pl .quote blockquote { display: inline }

  12.         .pl .blockcode { padding: 10px 0 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; background: #F7F7F7 url({IMGDIR}/codebg.gif) repeat-y 0 0; overflow: hidden; }
  13.                 .pl .blockcode ol { margin: 0 0 0 10px !important; padding: 0 !important; }
  14.                         .pl .blockcode ol li { padding-left: 10px; list-style-type: decimal-leading-zero; font-family: Monaco,Consolas,'Lucida Console','Courier New',serif; font-size: 12px; line-height: 1.8em; }
  15.                                 .pl .blockcode ol li:hover { background: {WRAPBG}; color: {HIGHLIGHTLINK}; }
  16.                         * html .pl .blockcode ol li { font-family: 'Courier New',serif; }
  17.                 .pl .blockcode em { margin-left: 43px; color: {HIGHLIGHTLINK} !important; font-size: 12px; cursor: pointer; }
  18.                 .pl .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; }
  19.                         .pl .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; }
  20.                         .pl .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; }
复制代码
投票样式:1080
  1. /*投票 poll optionvessel by dfox */
  2.         .pcht { margin-bottom: 15px; }
  3.         .polltd { padding: 4px; border: 1px #dfdfdf solid; border-radius: 3px; }
  4.                 .pcht h4 a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
  5.                 .pcht table { table-layout: fixed; }
  6.                 .pcht table td { padding: 4px; vertical-align: top; }
  7.                         .pslt { width: 20px; vertical-align: middle !important; }
  8.                         .pvt { width: auto; }
  9.                                 .pvt label { cursor: pointer; }
  10.                         .pvts { width: 100px; }
  11.                                 .pcht table tr.ptl td { padding: 8px 2px; border-bottom: 1px solid {WRAPBORDERCOLOR}; }
  12.                 .pcht { width: 600px; }
  13.                 .pinf { margin: 15px 0; color: {LIGHTTEXT}; }
  14.                         .pinf strong { color: {MIDTEXT}; }
  15.                         .pinf a { color: {HIGHLIGHTLINK}; }
  16.                 .ptmr { margin: -10px 0 15px; }
  17.                 .imgf2 { position: relative; height: 20px; background: #e9e9e9; border-radius: 0 10px 10px 0; }
  18.                 .jdt { display: block; width: 1px; height: 20px; background: #f2a61f; border-radius: 0 10px 10px 0;}
  19.                 .imgfc { position: absolute; left: 0; top: 0; padding: 0 5%; width: 90%; line-height: 20px; }
  20.         /*
  21.                 Name:                        mod_voter_list
  22.                 Level:                        Function
  23.                 Explain:                投票者列表样式
  24.                 Last Modify:        Pony
  25.         */
  26.         .voterlist { width: 495px; height: 195px; overflow: auto; }
  27.                 .voterlist .ps { max-width: 495px; }
  28.         .voterl li { padding: 0 5px 5px 0; width: 90px; text-align: left; }

  29.         /*
  30.                 Name:                        mod_thread_trade_activity
  31.                 Level:                        Function
  32.                 Explain:                spvimg,spi 为活动、商品公用部分
  33.                 Author:                        dfox
  34.                 Last Modify:        Pony 11082511
  35.         */
  36.         .act {}
  37.                 .act .c { line-height: 28px; font-size: 14px; }
  38.                 .spvimg { float: left; position: relative; width: 300px; background: #FAFAFA; text-align: center; border: 1px solid {COMMONBORDER}; }
  39.                 .spvimg em.hot { width: 120px; height: 102px; background-position: 0 -104px; }
  40.                 .spi { margin-left: 315px;}
  41.                         .spi dl { font-size: 14px; }
  42.                                 .spi dl dt { float: left; padding: 2px 0; width: 80px; height: 1em; }
  43.                                 .spi dl dd { margin-left: 90px; padding: 2px 0; min-height: 21px; height: auto !important; height: 21px; }
  44.                                 .spi dl dd em { color: #F30; }
  45.                         dl.nums {}
  46.                                 .spi dl.nums dt { padding-top: 15px; }
  47.                                 .spi dl.nums dd em { font-size: 26px; }
  48.                 .actl { table-layout: fixed; width: 320px; border-top: 3px solid {COMMONBORDER}; }
  49.                         .actl th, .actl td { padding: 8px 2px; border-top: 1px dashed {COMMONBORDER}; }
  50.                         .actl th { width: 60px; }
  51.                 .actfm { height: auto !important; height: 220px; max-height: 220px; overflow-x: hidden; overflow-y: auto; }
  52.                 .actl_pop { overflow: auto; max-width: 200px; max-height: 300px; }
  53.                         .ie6 .actl_pop { width: 200px !important; height: expression(this.offsetHeight > 300 ? 300 : 'auto'); }
  54.                         .actl_pop li { display: block; padding: 3px 0; border-bottom: 1px dashed {COMMONBORDER}; }
  55.                         /* 重定义弹窗里的链接 */
  56.                         .actl_pop a { display: inline; position: static; padding: 0; border: none; white-space: normal; }
  57.                                 .actl_pop a:hover { background: transparent; text-decoration: underline; }
复制代码
悬赏样式如下:1139
  1. /* 悬赏 by dfox */
  2.         .rwd {}
  3.                 .rsld, .rusld { width: 90px; height: 118px; background: url({IMGDIR}/rwd.gif) no-repeat 0 0; text-align: center; color: #F30; }
  4.                 .rsld { background-position: 0 -118px; color: {LIGHTTEXT}; }
  5.                         .rsld cite, .rusld cite { display: block; margin: 26px auto 6px; _margin-bottom: -6px; height: 30px; font-size: 28px; }
  6.                 .rwdn { margin-left: 110px; }
  7.         .rwdbst {}
复制代码
辩论显示效果样式如下:1147

  1. /* 辩论观点样式 by michael */
  2.         .pdbt { float: right; margin: -5px 10px 0 0; }

  3.         .pdbts { float: left; overflow: hidden; height: 25px; line-height: 25px; background: url({IMGDIR}/pdbt.gif) no-repeat 0 0; }
  4.                 .pdbts a { float: left; margin: 0; height: 25px; line-height: 25px; }
  5.                         .pdbts a:hover { text-decoration: none; }
  6.                 .pdbts .v { padding-right: 3px; width: 39px; color: {LIGHTLINK}; text-align: center; font-weight: 700; }
  7.                 .pdbts .b { padding: 0 10px; background: url({IMGDIR}/pdbt.gif) no-repeat 100% -25px; }
  8.         .pdbts_0 { background-position: 0 -100px; }
  9.                 .pdbts_0 a { width: 110px; text-align: center; }
  10.         .pdbts_2 { background-position: 0 -50px; }
  11.                         .pdbts_2 .b { background-position: 100% -75px; }
复制代码
商品样式如下:1160
  1. /* 商品 trade by michael & dfox*/
  2.         .trdc { margin-top: 20px; background: #09C; height: 30px; line-height: 30px; color: {LIGHTLINK}; }
  3.                 .trdc a { margin: 0 6px; height: 30px; line-height: 30px; color: {LIGHTLINK}; }
  4.                 .trdc em { float: right; padding-right: 6px; line-height: 30px; color: {LIGHTLINK}; }
  5.         .trdb { border-bottom: 1px dashed {WRAPBORDERCOLOR}; }
  6.                 .trdb .y * { vertical-align: middle; }
  7.                 .trdb .c { clear: both; padding: 10px; font-size:14px; }
  8.                         .trdb .c .pattl { border: none !important; }
  9.                 .spi h4 { font-size: 18px; font-weight: 700; padding: 4px 2px 8px; }

  10.                 .trdl { padding: 10px 0; }
  11.                         .trdl .tt { float: left; position: relative; width: 90px; text-align: center; }
  12.                                 .trdl .tt img { vertical-align: middle; cursor: pointer; }
  13.                                 .trdl .tt .hot { width: 43px; height: 37px; }
  14.                         .ta { margin-left: 100px; overflow: hidden; }
  15.                                 .ta h4 { padding: 2px; font-size: 14px; font-weight: 700; }
  16.                                 .ta dl { margin: 0; width: 200px; }
  17.                                 .ta strong { font-size:16px; color: #F30; }

  18.                 .torder .spvimg { width: 90px; }
  19.                 .torder .spi { margin-left: 110px; }
  20.                         .torder .spi strong { color: #F30; }
复制代码
门户 viewthread 显示样式如下:1183
  1. /* 门户 viewthread 显示 */
  2. .vw .pcb { margin-right: 0; }
  3.         .vw dd .pcb { width: 640px; }
  4.         .vw dd .rate { padding-left: 0; }
  5.         .vw .pcb table { table-layout: fixed; width: 100%; overflow: hidden; }
  6.                 .vw .t_fsz { min-height: 30px; }
  7.                         .ie6 .vw .t_fsz { height: 30px; }
  8.         .vw .pstl { margin-bottom: 1.4em; }
  9.                 .vw .psth { margin-left: 0; }
  10.         .vw .pdbts { margin-right: 10px; height: 20px; line-height: 20px; background: url({IMGDIR}/pdbtm.gif) no-repeat 0 0; }
  11.                 .vw .pdbts a { height: 20px; line-height: 20px; }
  12.                 .vw .pdbts .b, .vw .pdbts .b:hover { padding: 0 5px; background: url({IMGDIR}/pdbtm.gif) no-repeat 100% -20px; }
  13.                 .vw .pdbts .v { width: 30px; }
  14.         .vw .pdbts_0 { background-position: 0 -80px; }
  15.                 .vw .pdbts_0 a { width: 90px; text-align: center; }
  16.         .vw .pdbts_2 { background-position: 0 -40px; }
  17.                         .vw .pdbts_2 .b, .vw .pdbts_2 .b:hover { background-position: 100% -60px; }

  18.         .vw .dr .sr_2 h5, .vw .dr h5 { width: 172px; }

  19. #modopt, #modopttmp { margin-left:5px; }
  20. /** end **/

  21. /** forum::forumdisplay,group::forumdisplay **/
  22. .previewPost .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; }
  23.         .previewPost .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; }
  24.         .previewPost .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; }
  25. /** end **/
复制代码
返回列表、快速表情样式如下:1214
  1. /** forum::viewthread,group::viewthread,forum::forumdisplay,group::forumdisplay **/
  2. /*
  3.         Name:                        mod_visited_t&b
  4.         Level:                        Function
  5.         Explain:                返回列表中显示的访问过的帖子和版块
  6.         Last Modify:        Pony
  7. */
  8. #visitedforums_menu { width: 150px; }
  9.         #visitedforums_menu li { display: block; float: none; }
  10.         #visitedforums_menu td { padding: 5px 10px; vertical-align: top; }
  11.         #visitedforums_menu a { white-space: normal !important; display: inline-block; overflow: hidden; height: 1.5em; }
  12.         #v_forums { width: 120px; }
  13. #v_threads li, #v_forums li { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 7px; }

  14. /* 快速表情 */
  15. #fastsmilies { text-align: right; }
  16.         #fastsmilies table { table-layout: auto; width: 160px; height: 133px; }
  17.         #fastsmilies td { text-align: right; vertical-align: middle; cursor: pointer; }
  18.                 #fastsmilies img { vertical-align: middle; }
  19. /** end **/
复制代码
帖子以及交易单中的商品列表
  1. /** home::space,forum::viewthread,forum::trade **/
  2. /*
  3.         Name:                        mod_trade_list
  4.         Level:                        Function
  5.         Explain:                帖子以及交易单中的商品列表
  6.         Last Modify:        Pony 11060710
  7. */
  8. .tradl {}
  9.         .tradl li { padding: 10px; width: 138px; height: 235px; }
  10.                 .pg_trade .tradl li { float: none; padding: 10px 0; width: auto; height: 224px; }
  11.         .tradl .u { text-align: left; }
  12.         .tradl h4 { overflow: hidden; height: 38px; font-weight: 400; }
  13.         .tradl .tn { display: block; position: relative; margin: 5px auto; padding: 1px; width: 130px; height: 130px; border: 1px solid {COMMONBORDER}; }
  14.                 .tradl .tn em.hot { width: 53px; height: 46px; background-position: 0 -48px; }
  15.                 .tradl img { max-width: 130px; max-height: 130px; }
  16.                         * html .tradl img { width: expression(this.width > 130 && this.width>=this.height ? 130 : true); height: expression(this.height > 130 && this.width<=this.height ? 130 : true); }
  17.         .tradl .p { font-family: Arial, sans-serif; font-size: 16px; color: {LIGHTTEXT}; }
  18.         .tradl .stat { background: url({IMGDIR}/closed.png); color: {LIGHTLINK}; }
  19. /** end **/
复制代码
其它的不一一列举,在该文件里都有注释。








本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
哎...今天够累的,签到来了4...
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|kedoutd.cn|wdc.store|fll.store|zuz.store|newbe.store|pvp.store ( 苏ICP备14054272号 )

GMT+8, 2020-5-29 20:41

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表