FAQ首页 > 模板风格 > Discuz! > 查看文章
收起边栏
大字 小字 收藏 复制URL










6.1
Discuz! 6.1.0 风格模板说明(三)
2008-09-03┆17,294 Views┆24
Tags : 风格 模板

七、css_common.htm 文件简要介绍

    CODE: [COPY]
  • Common Style
  • * { word-wrap: break-word; }        //IE、Safari下强制换行
  • body { {BGCODE}; text-aligncenter; }        // {BGCODE}定义了<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%D2%B3%C3%E6">页面</SPAN>的背景
  • bodytdinputtextareaselectbutton color: {TABLETEXT}; font: {FONTSIZE}/1.6em {FONT}; }        //页面字体的大小以及颜色
  • bodyuldlddph1h2h3h4h5h6formfieldset margin0padding0; }        //元素初始化
  • h1h2h3h4h5h6 font-size1em; }         //标题字体大小初始化
  • #menu li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }        //去掉列表项目符号
  • color: {LINK}; text-decorationnone; }        //超级<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%C1%B4%BD%D3">链接</SPAN>字体样式
  •         a:hover text-decorationunderline; }        //鼠标经过链接的时候字体样式
  •         a img bordernone; }        //链接中的图片边框<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%C9%E8%D6%C3">设置</SPAN>
  • emcitestrongth font-stylenormalfont-weightnormal; }        //一些标签字体样式正常化
  • table { empty-cellsshowborder-collapsecollapse; }        //表格边框不重复,当单元格内容为空时显示边框
  • Layout Block Style
  • .wrap width: {MAINTABLEWIDTH}; text-alignleftmargin0 auto; }        //外表格样式设置,{MAINTABLEWIDTH}为<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%BA%F3%CC%A8">后台</SPAN>定义的页面宽度
  • #header { width: 100%; overflow: hidden; }        //头部样式
  •         #header h2 { float: left; padding: 5px 0; }        //<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=logo">logo</SPAN>样式
  • #footer { border-top: 1px solid {BORDERCOLOR}; background: {ALTBG2}; color: {TEXT}; padding: 12px 0; } //底部样式
  •         #footlinks { float: right; margin-top: -3px; text-align: right; }        //底部右侧链接样式
  •         #footer img { float: left; margin: 0 10px 0 0; }        //底部图片样式
  •         #copyright, #debuginfo { font: {SMFONTSIZE}/1.5em {SMFONT}; }        //底部左侧版权都信息样式
  • #menu { height: 31px; border: 1px solid {CATBORDER}; {HEADERMENUBGCODE}; background-repeat: repeat-x; }        //顶部菜单栏样式
  • #foruminfo { width: 100%; overflow: hidden; margin: 10px 0; color: {TEXT}; }        //页面导航部位样式
  •         #userinfo, #foruminfo #nav { float: left; padding-left: 5px; }        //<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%D3%C3%BB%A7">用户</SPAN>信息和内页菜单导航样式
  •         #forumstats, #headsearch { float: right; text-align: right; padding-right: 5px; }        //<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%C2%DB%CC%B3">论坛</SPAN><SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%CC%FB%D7%D3">帖子</SPAN>、<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%BB%E1%D4%B1">会员</SPAN>等信息和<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%CB%D1%CB%F7">搜索</SPAN>框的样式
  •         #foruminfo p { margin: 0; }
  •                 #foruminfo a{ color: {HIGHLIGHTLINK}; }        //导航内的超链接样式,颜色为后台的高亮链接颜色
  • #announcement { border-top: 1px dashed {CATBORDER}; line-height: 36px; height: 36px; overflow: hidden; }        //公告样式
  •                 #hottags a { white-space: nowrap; margin-right: 0.5em; }        //标签样式
  •                 #hottags h3 { clear:both; }
  • .headactions floatrightline-height1empadding10px 10px 0 0; }        //分类<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%B0%E6%BF%E9">版块</SPAN>右侧样式
  • .pages, .threadflow floatleftborder1px solid {CATBORDER}; background: {COMMONBOXBG}; height24pxline-height26pxcolor: {LIGHTTEXT}; overflowhidden; }        //分页样式
  • .tabs padding-bottom26pxmargin-bottom15pxbackground: {ALTBG2}; border-top1px solid {TABLEBG}; border-bottom1px solid {CATBORDER}; }        //切换tab标签样式
  • .smileytabs height28pxbackground: {ALTBG2}; positionrelativepadding-right24px; }        //表情切换样式
  • #headfilter { border: solid {BORDERCOLOR}; border-width: 1px 1px 0; }        //<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%D6%F7%CC%E2">主题</SPAN>列表页顶部全部、精华等tab切换的样式
  • #footfilter { padding: 10px; he\ight: 44px; height: 24px; line-height: 24px; background: {COMMONBOXBG}; border-color: {COMMONBOXBORDER}; font-family: Simsun, "Times New Roman"; }         //主题列表页底部排序所在位置的样式
  • .legend border1px solid {BGBORDER}; background: {ALTBG1}; padding10pxmargin10px autowidth500pxtext-aligncenterline-height35px; }        //页面<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%CD%BC%B1%EA">图标</SPAN>介绍的样式
  • #forumlinks {}        //联盟论坛那样式
  • #online {}        //<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%D4%DA%CF%DF">在线</SPAN>列表样式
  •                 #onlinelist { background: url({IMGDIR}/online.gif) no-repeat 10px 10px; border-top: 1px solid {COMMONBOXBORDER}; }        //在线列表处的左侧图标背景
  •         #bdayslist { padding: 10px 0 10px 55px; border-top: 1px solid {COMMONBOXBORDER}; background: url({IMGDIR}/bdays_cake.gif) no-repeat 10px 5px; }                //生日图标背景样式
  • .userlist overflowhiddenpadding5px 5px 0; }        //会员列表样式
  • #recommendlist { }        //主题推荐
  • Box Style
  • /*Main Box*/
  • .mainbox background: {TABLEBG}; border: {BORDERWIDTHsolid {BORDERCOLOR}; padding: {TABLESPACE}; margin-bottom: {BOXSPACE}; }        //主表格样式
  •         /*Tabel Footer: Button Operation*/
  •         .footoperation background: {CATCOLOR}; padding5pxborder-top1px solid {CATBORDER}; }        //底部操作样式
  •         /*Forum & Thread List*/
  •         .forumlist tbody th, .forumlist tbody td, .threadlist tbody th, .threadlist tbody td color: {TEXT}; padding1px 5pxborder-bottom1px solid {TABLEBG}; background-color: {ALTBG1}; }
  •                 .forumlist tbody th height40px; }
  •                 .forumlist th, .threadlist th text-alignleft; }
  •                                 .forumlist th padding-left55px !important; }        //<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%CA%D7%D2%B3">首页</SPAN>每个板块前新旧帖图标所占的宽度
  •                                         .forumlist h2 em color: {HIGHLIGHTLINK}; }
  •                                 .forumlist tbody th background-imageurl({IMGDIR}/forum.gif); background-repeatno-repeatbackground-position13px 50%; }        //首页版块前旧帖图标背景
  •                                         .forumlist tbody th.new { background-imageurl({IMGDIR}/forum_new.gif); }        //首页版块前新帖图标背景
  •                                         .moderators a color: {HIGHLIGHTLINK}; }        //<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%B0%E6%D6%F7">版主</SPAN>链接样式
  •                                         .moderators a strong font-weightboldcolor: {HIGHLIGHTLINK}; }        //继承下级版块版主的版主链接样式
  •                                 .threadlist th input floatleftmargin-right5px; }        //主题列表前复选框
  •                                 .threadlist th img.icon floatleftmargin-left: -22px; }        //主题列表前图标
  •                 .forumlist td.lastpost width260px; }        //版块列表最后回复框的宽度
  •                 .threadlist td.folder text-aligncenterwidth30px; }        //主题列表最前边图标样式
  •                 .threadlist td.icon text-aligncenterpadding3px 0width16px; }        //主题列表用户自定义图标样式
  •                 .threadlist td.author width120px; }        //主题列表作者所在单元格样式
  •                 .threadlist td.lastpost text-alignrightwidth120pxpadding-right15px; }        //主题列表最后回复所在单元格样式
  • /*Common Box*/
  • .box background: {TABLEBG}; border: {BORDERWIDTHsolid {CATBORDER}; padding: {TABLESPACE}; margin-bottom: {BOXSPACE}; }        //联盟论坛、在线列表所在表格样式
  • DropMenu 
  • .dropmenu padding-right15px !importantbackground-imageurl({IMGDIR}/arrow_down.gif) !importantbackground-position10050% !importantbackground-repeatno-repeat !importantcursorpointer; }
  • .popupmenu_popup text-alignleftline-height1.4empadding10pxoverflowhiddenborder1px solid {CATBORDER}; {PORTALBOXBGCODE}; background-repeatrepeat-xbackground-position0 1px;  }        //下拉菜单样式
  • Advertisments
  • #ad_headerbanner { float: right; margin-top: 15px; }        //头部logo右方banner
  • .ad_text border1px solid {CATBORDER}; margin-bottom: {BOXSPACE}; padding6px; {PORTALBOXBGCODE}; background-repeatrepeat-x; }        //页内文字<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%B9%E3%B8%E6">广告</SPAN>
  • .ad_textlink2 margin10px; }        //贴内广告
  • .ad_textlink1,.ad_textlink2 padding-left25pxbackgroundurl({IMGDIR}/ad_icon.gifno-repeat 0 50%; }        //贴内广告
  • .ad_footerbanner text-aligncenterclearbothmargin5px }        //页尾广告
  • Side list
  • #infoside { float: right; width: 20%; }        //主题列表、帖子列表开启分栏的时候右栏样式

24

满意

不满意

本篇文章用到的Tags : 风格 模板

没找到您想要的答案吗?建议您到我们的讨论区发帖寻求大家和 Comsenz 工作人员的帮助。