Discuz! 6.0模板风格系列教程-- css.htm简要说明
Discuz! 6.0采用了Xhtml标准,模板各方面调整较大,为了方便更多的朋友更快的了解Discuz! 6的模板机制,特制作了此系列教程,
这里对Discuz! 6.0 默认模板中的 css.htm进行简要说明,希望对风格制作者能有一些帮助。
如对css.htm有什么疑问,请在帖内提出。
下面为部分内容,详见附件
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Common Style ~~~~ */
- /* 通用css部分,
- 主要定义基础元素,重新初始化一些在不同浏览器下容易产生兼容问题的元素 */
- * { word-wrap: break-word; }
- body { {BGCODE}; text-align: center; }
- body, td, input, textarea, select, button { color: {TABLETEXT}; font: {FONTSIZE}/1.6em {FONT}; }
- body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
- h1, h2, h3, h4, h5, h6 { font-size: 1em; }
- #menu li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }
- a { color: {LINK}; text-decoration: none; }
- a:hover { text-decoration: underline; }
- a img { border: none; }
- em, cite, strong, th { font-style: normal; font-weight: normal; }
- table { empty-cells: show; border-collapse: collapse; }
- /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout & Block Style ~~~~ */
- /* 基础层元素和块元素(容器)定义 -- Part 1
- .wap -- 最外层块容器,其宽度对应后台中外表格宽度,页面的最外层宽度。
- .notice -- 提示型信息块元素定义
- .message --
- #header -- header容器,包含logo和头部banner
- #footer -- footer 容器,包含版权信息和debug信息
- #menu -- 顶部菜单容器,包含顶部菜单,左右分栏开关
- #foruminfo -- 顶部论坛信息容器,包含论坛导航(#nav),用户快速登录(#loginform)、用户信息(#userinfo)、论坛状态信息(#forumstats)、顶部搜索(#headsearch)
- #nav -- 论坛导航容器
- #announcement -- 论坛公告容器
-
- */
复制代码 |