discuz自制模板的css放在哪个文件夹里

discuz自制模板的css放在哪个文件夹里,第1张

如果想在默认模板上简单的修改、附加扩展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。

哥你直接把diy写在模板中肯定不行啊,这样肯定解析不了啊。你可以这样,当然是特别小白的方法,如果你懂php可以自己写。

这里我认为你不懂,就说这种方式吧:

后台——门户——模块管理——数据调用——添加一个数据调用

然后点击内部调用会有诸如<!--{block/98}-->的短码,把这个短码放在模板中才行(在设置这个diy调用的时候,在数据模块中设置好html结构,也就是你现在直接放在模板中的代码)。

理论上是可以的,把标题代码提取出来放那就行,$_G[forum_thread][subject]。

但实际上比较复杂了,因为那个位置是当前位置路径的容器,不是给标题用的,你要放那需要改很多样式和判断,费劲巴力放了个当不当正不正的位置,划不来。

<div class="module cl xlxl1"><ul>[loop]<li><em style="float:right; padding-right:10px;">{dateline}</em><label><a href="{forumurl}"{target}style="color:#ff6600">[{forumname}]</a></label> <a href="{url}" title="{title}"{target}>{title}</a></li>[/loop]</ul></div>

把<!--{if $activity[aid]}--><!-- 输出活动 -->

<a href="forumphpmod=viewthread&tid=$tid" target="_blank"><img src="$activity[aid]" width="80" alt="$activity[subject]" /></a>

<!--{else}-->

<a href="forumphpmod=viewthread&tid=$tid" target="_blank"><img src="{IMGDIR}/nophotogif" width="80" alt="$activity[subject]" /></a>

<!--{/if}-->这一段去掉 就没了 但是你所说的{summary}是模块模板标签 不能在页面里使用的

他需要discuz模板引擎解析为原生php代码去执行的 活动主题里的红框是由 css定义的 没给css所以看不出来是哪个标签

(因为确实不需要改discuz原生的代码 你的模板也是在模块里的 只是你没有找到而已)

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » discuz自制模板的css放在哪个文件夹里

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情