discuz自制模板的css放在哪个文件夹里
如果想在默认模板上简单的修改、附加扩展css,只需要在你对应的模板套系下手动添加一个对应的扩展css文件就可以了,例如你想修改或者添加commoncss中的代码,只需要在自己创建的模板套系目录的对应位置:common文件夹下新建一个extend_commoncss文件,然后将自己要修改或者扩展的css代码。将在生成缓存css时,自动追加到默认模板的css文件tmplate/default/common/commoncss解析成你当前的模板id缓存文件。
CSS 继承规范:
Discuz! X系列产品中 CSS 文件会在缓存时按照以下顺序进行合并:
template/default/css 文件。
当默认模板是非默认模板时,template/模板目录/extend_css 文件 或 template/模板目录/css。
当某插件启用时,source/plugin/插件目录/template/extend_css 文件。
因此非默认模板目录中的 CSS 属性将继承默认模板中的 CSS 属性,插件目录中的 CSS 文件将继承前二者的 CSS 属性。
CSS 自身的集成顺序为:当 CSS 属性名称相同时,CSS 文件中,写在后面的替换前面的代码。
CSS书写规范:
属性写在一行内,属性之间、属性名和值之间以及属性与“{}”之间须有空格,例如:class { width: 400px; height: 300px; } 。
属性的书写顺序:
位置:position,left,right,float
盒模型属性:display,margin,padding,width,height
边框与背景:border,background
段落与文本:line-height,text-indent,font,color,text-decoration,
其他属性:overflow,cursor,visibility,
针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
按照元素模型由外及内,由整体到细节书写,大致分为五组:
谨慎添加新的选择符规则,尤其不可滥用 id,尽可能继承和复用已有样式
选择符、属性、值均用小写(格式的颜色值除外),缩写的选择符名称须说明缩写前的全称,例如 cl -> Clearfix
勿使用冗余低效的 CSS 写法,例如:ul li a span { }
慎用 !important
建议使用在 class/id 名称中的词语
表示状态:a->active
表示结构:h->header,c->content,f->footer
表示区域:mn->main,sd->side,nv-navigation,mu->menu
表示样式:l-list,tab,p_pop
常用css实例:
兼容IE浏览器css hack
所有 IE浏览器适用:
ie_all foo { }
IE6 专用:
ie6 foo { }
IE7 专用:
ie7 foo { }
IE8 专用:
ie8 foo { }
浮动样式及浮动元素父元素高度自适应样式代码:
z/y 浮动 left/right z { float: left; } y { float: right; }
cl:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } cl { zoom: 1; }
大标题字体:
wx, ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; }
外边距样式:
mtn { margin-top: 5px !important; }
mbn { margin-bottom: 5px !important; }
mtm { margin-top: 10px !important; }
mbm { margin-bottom: 10px !important; }
mtw { margin-top: 20px !important; }
mbw { margin-bottom: 20px !important; }
文字字体大小:
xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; }
xs1 { font-size: 12px !important; }
xs2 { font-size: 14px !important; }
xs3 { font-size: 16px !important; }
内边距样式:
ptn { padding-top: 5px !important; }
pbn { padding-bottom: 5px !important; }
ptm { padding-top: 10px !important; }
pbm { padding-bottom: 10px !important; }
ptw { padding-top: 20px !important; }
pbw { padding-bottom: 20px !important; }
modulecss文件架构解析(此文件必须按照格式编写):
/ group::index /
/ 群组 index 模块使用的CSS /
/ end /
/ group::index,forum::index /
/ 群组 index 和 论坛 index 模块使用的CSS /
/ end /
/ forum /
/ 论坛 所有模块使用的CSS /
/ end /
实现模块化css分部加载!格式固定多个模块用”,“隔开例如:
/ misc::invite,group,forum::viewthread,portal::view,home::space /
这个文件的分部加载是对应程序地址例如:forumphpmod=forumdisplay,应当按照CURSCRIPT::$mod格式写即:forum::forumdisplay。
dis c uz 论坛用的几个模板文件有
1、 heade r htm ----
-------﹣页面头部
2、 discus htm --------
论坛首页
3、 footer htm ----
﹣一一一一
页面底部
4、 viewthrea d -----
查看帖子内容 discuz ,论坛的页面通常是几个模板文件共同作用下达到的效果。
扩展资料
dis cu z 论坛搭建及模板修改过程﹣﹣仅限给新手
此文谨献给新手,请高手飘过 d is c u z 论坛搭建及模板修改过程
看此文前提要懂点 html 跟 css 。不然看了估计也不会太懂。建站就要有源程序,有了源程序要让别人看到,怎样才能看到呢?买域名空间。买了域名空间别人还是看不到、要怎么做,上传源程序,安装、调试,工作正常就是一站了。、此处是废话、看下边。
第一步。域名空间就不说了。最好备案哈。貌似论坛也得备案。弄源程序传到空间内,确定是 gbk 还是还是utf8的。下面有用、前提域名解析好,
第二步。输入域名类似、 install /转到 install 目录下,按提示安装、要是不会配置就到官网看下、其实很明白的,只是本文的重点不在这里。
第三步,安装成功后会有提示。下面就是模板了,这个是本文的重点、以下不再分步骤了、别用鸡蛋砸我、从小作文不好。语句不连贯。
一般安装好后都是那个蓝色的模板。我看起来感觉不是太好看、相信大多人也有想换皮肤的感觉。好。我们这就找皮肤去一般来说我们会在 c hina z 上找或者到 dz 上找、 dz 上好的大多收费、所以我们 go o gle 下 dz 论坛风格,应该还能搜出来不少的,呵呵,看你喜欢哪一种,下载前看好版本号。本
文以dz7为例,版本号不对是不成的、需要修改好多地方。所以还是先看好版本号再下、另外看是 gbk 还是utf8的,这个影响也比较大,都会出现乱码。让你找不到北。所以还是谨慎点。,模板覆盖前做好备份、省的出现问题了不好补救、。我的论坛是utf8的、风格还真不好找、找了好几天也没找到合适的、最后自己在别的基础上修改了一个、哎。想来想,还是劝大家直接装 gbk 的吧,不然后期麻烦多多。
说说几个重要的文件、
header htm 这个文件跟名字一样包含了头部的信息, meta 标签信息,及 js 代码包含还有个人信息导航、可根据需要修改。这个一般不需修改。 meta 额外标签可以在后台直接添加, js 这个可以根据需要在模板里添加。
css _ common htm 这个文件是整体的
样式表,基本上都集中在这里,可以
根据需要自己修改、如果想给 body 的
scrollba r 加点颜色,在指定 html 的
doctype 的情况下是没有作用的。
0条评论