Discuz! 6.0采用了Xhtml标准,模板各方面调整较大,为了方便更多的朋友更快的了解Discuz! 6的模板机制,特制作了此系列教程,
这里对Discuz! 6.0 默认模板中的 css.htm进行简要说明,希望对风格制作者能有一些帮助。
如对css.htm有什么疑问,请在帖内提出。
下面为部分内容,详见附件
CODE:
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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 -- 论坛公告容器
*/
css_readme.rar
(2007-08-13 14:38:44, Size: 10.5 KB, Downloads: 950)

最新回复
大都会-引领都市潮流 你必须看的BBS
哭一格
QUOTE:
.....................................