首页
站长论坛BBS
救助
投稿
discuz视频教程
discuz技术支持
版块
登录
快速注册

借Discuz-X开发者工具【debug】提高模板的执行效率

   本版置顶
ARCHY 2015-5-24 [Discuz开发] 来自PC 复制链接
10091178
零之小落 发表于 2015-9-2 09:13:16 来自PC
discuz使用视频教程
31idc
感谢楼主无私的分享与奉献
lk0607 发表于 2015-9-5 10:02:30 来自PC
很给力,希望分享更多给力的帖子啊。
http://www.hyxsq.com 洪雅新社区
1514582970 发表于 2015-9-14 18:01:06 来自PC
不错的插件 ,我要用啊
linekite 发表于 2015-9-24 09:25:48 来自PC
看看有没有用 强烈支持,站帮网有你更精彩
ntl4423 发表于 2015-10-12 09:58:52 来自PC
强烈支持,站帮网有你更精彩,好得不得了
ershuai 发表于 2015-10-14 11:44:29 来自PC
强烈支持,站帮网有你更精彩
passer 发表于 2015-10-31 02:10:39 来自PC
很给力,希望分享更多给力的帖子啊。
lizuchun 发表于 2015-11-1 23:09:06 来自PC
好资源,谢谢分享!
hepanpanpan 发表于 2015-11-8 04:04:46 来自PC
xuyao这个
123aaa 发表于 2015-11-10 12:13:56 来自PC
一、CSS书写规范  1、属性写在一行内,属性之间、属性名和值之间以及属性与“{}”之间须有空格,例如:.class { width: 400px; height: 300px; }  2、属性的书写顺序:  针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;  3、按照元素模型由外及内,由整体到细节书写,大致分为五组:  位置:position,left,right,float  盒模型属性:display,margin,padding,width,height  边框与背景:border,background  段落与文本:line-height,text-indent,font,color,text-decoration,...  其他属性:overflow,cursor,visibility,...  4、谨慎添加新的选择符规则,尤其不可滥用 id,尽可能继承和复用已有样式。  选择符、属性、值均用小写(格式的颜色值除外),缩写的选择符名称须说明缩写前的全称,例如 .cl -> Clearfix  5、勿使用冗余低效的 CSS 写法,例如:ul li a span { ... }  6、慎用 !important  7、建议使用在 class/id 名称中的词语  表示状态:a->active  表示结构:h->header,c->content,f->footer  表示区域:mn->main,sd->side,nv-navigation,mu->menu  表示样式:l-list,tab,p_pop  8、命名方式尽量不通用,使用自己的前缀。例如:(.header => .archy_hd / .footer => .archy_ft / ......)  二、CSS多IE下兼容HACK写法  所有 IE浏览器适用:        .ie_all .foo { ... } IE6 专用:                .ie6 .foo { ... } IE7 专用:                .ie7 .foo { ... } IE8 专用:                .ie8 .foo { ... }  三、常用CSS  1、左浮动、右浮动 .z { float: left; } .y { float: right; } 复制代码 2、因为左右浮动造成的父级浮动溢出,及使用方法 .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }  <div class="cl">     <div class="z"></div> </div> 复制代码 3、大标题字体 .wx, .ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; } 复制代码 4、行内分割竖线 .pipe { margin: 0 5px; color: #CCC; } 复制代码 5、文字字体大小 .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; } 复制代码 6、灰色文字 .xg1, .xg1 a { color: {LIGHTTEXT} !important; } .xg1 .xi2 { color: {HIGHLIGHTLINK} !important; } .xg2 { color: {MIDTEXT}; } 复制代码 7、高亮文字,1为橙色,2为蓝色 .xi1, .onerror { color: {NOTICETEXT}; } .xi2, .xi2 a, .xi3 a { color: {HIGHLIGHTLINK} ; } 复制代码 8、文字粗体 .xw0 { font-weight: 400; } .xw1 { font-weight: 700; } 复制代码 9、层下边线 .bbda { border-bottom: 1px dashed {COMMONBORDER}; } .bbs { border-bottom: 1px solid {COMMONBORDER} !important; } 复制代码 10、去除边框 .bw0 { border: none !important; } .bw0_all, .bw0_all th, .bw0_all td { border: none !important; } 复制代码 11、去除背景 .bg0_c { background-color: transparent !important; } .bg0_i { background-image: none !important; } .bg0_all { background: none !important; } 复制代码 12、外边距样式 .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; } 复制代码 13、内边距样式 .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; } 复制代码
lm959680 发表于 2015-11-26 22:52:19 来自PC
学习一下 看看是否懂用
iwiilbeback 发表于 2015-12-4 02:25:53 来自PC
后面加什么啊  回帖不支持下,期待更多分享。
鲱鱼 发表于 2015-12-8 15:31:36 来自PC
我只是路过站帮网打酱油的,顺便支持下
响应式是dz统一各终端的唯一出路!
1026 发表于 2016-2-3 08:50:11 来自PC
$_config['remote']['cron'] = 1; 强烈支持,站帮网有你更精彩
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表