本文目录一览:
- 1、discuz! x3.1模板文件是哪个
- 2、discuz自制模板的css放在哪个文件夹里
- 3、如何找到discuz论坛 手机模板 的某一个模板是哪一个文件?我想修改一些代码
discuz! x3.1模板文件是哪个
在空间的template文件夹里面。不同模板的文件夹不一样,要自己按照名称去识别。默认模板是default文件夹。模板名不一定跟文件夹名一样。这时候就可以打开文件夹通过里面的一个xml文件来识别名称。用记事本打开xml文件就能看见真正的模板名了。
文件夹里面的子文件夹名对应着其功能所在。例如forum管理的就是论坛主页面的模板,还有space就是空间的,member就是用户成员相关的。portal就是门户相关的。
这么多的文件和文件夹都是缺一不可的。除非你能利用接口打造更完善的方案。但是通常没有这样犀利的解决方法。
模板编辑一般是从当前版本的默认模板开始编辑,这些就要去参考模板制作的教程了。
这是我写的一个简单入门的教程你可以自己去看看。
注意,分析页面构造要从common/header.htm开始分析。discuz的页面包含多重的嵌套。光看discuz.htm肯定无法达到令人满意的效果
discuz自制模板的css放在哪个文件夹里
如果想在默认模板上简单的修改、附加扩展css,只需要在你对应的模板套系下手动添加一个对应的扩展css文件就可以了,例如你想修改或者添加common.css中的代码,只需要在自己创建的模板套系目录的对应位置:common文件夹下新建一个extend_common.css文件,然后将自己要修改或者扩展的css代码。将在生成缓存css时,自动追加到默认模板的css文件tmplate/default/common/common.css解析成你当前的模板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; }
module.css文件架构解析(此文件必须按照格式编写):
/** 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 **/
这个文件的分部加载是对应程序地址例如:forum.php?mod=forumdisplay,应当按照CURSCRIPT::$mod格式写即:forum::forumdisplay。
如何找到discuz论坛 手机模板 的某一个模板是哪一个文件?我想修改一些代码
模板都在template文件夹里,看你手机用的什么主题风格,名字和文件夹是对应的。