自定义样式内容源码语法规范

首页内容模块添加自定义样式内容,要开通此功能请联系客服(您必需熟悉HTML、CSS、JS,开通后位于铺助模块列表中)

1、本地制作样式时,HTML、CSS、JS 代码请分别用三个不同文件保存,方便后期维护;

2、中英文分开写法:中文样式源码 [=en=] 英文样式源码, [=en=] 不写时将中英文版本同时显示;

3、自定义样式配图最多支持 6 张图片(不区分中英文版本),制作时请注意;超过6张图片时可多新建一个自定义模块专门用来上传图片,但需注意图片命名;

4、图片要求:源码中不要控制图片宽、高像素(响应式需自动缩放),命名规范:zrwimg998-?.jpg ;其中 998为自定义模块编号,[ ? ] 为数字0 - 5,最多6张图片;

5、PC端、手机端CSS样式本地调试好不同大小屏幕要求:(编号为998的模块自定义CSS样式写法)

/*css998*/
.skin998{???}.skin998 .txt{???}
@media only screen and (max-width:1024px){
.skin998{???}.skin998 .txt{???}
}
@media only screen and (max-width:900px){
.skin998{???}.skin998 .txt{???}
}
@media only screen and (max-width:800px){
.skin998{???}.skin998 .txt{???}
}
@media only screen and (max-width:700px){
.skin998{???}.skin998 .txt{???}
}
@media only screen and (max-width:600px){
.skin998{???}.skin998 .txt{???}
}
@media only screen and (max-width:500px){
.skin998{???}.skin998 .txt{???}
}
@media only screen and (max-width:400px) {
.skin998{???}.skin998 .txt{???}
}
/*css998end*/

6、HTML源码部分系统定义:(不支持ASP、PHP等脚本语言,套用ASP代码会适当收取人工费用)

<div class=clear></div>
<div class="auto mt60 skin998">
  <div class=row>
    <div class=col12>
      <div class=col6>50%宽区域样式1</div><div class=col6>50%宽区域样式2</div>
      上一行代码或替换为下一行代码(下方代码更适合列表类样式)
      <ul class=skin9981><li class=col6>50%宽区域样式1</li><li class=col6>50%宽区域样式2</li></ul>
    </div>
  </div>
</div>

A、auto为全屏,最大宽为 1920 像素,自动居中,上方的 clear 为防止与其它模块样式叠加冲突;
B、skin998 为自定义样式类名称,方便控制子类名样式,避免与系统样式冲突;
C、row 最大宽 1224 像素,自动居中(实际内容可显区域宽为 1184 像素,子类 col12 及 col? 两边各 padding:0px 20px);
D、col12 宽度为 100%,但两边距离 row 各 padding:0px 20px;
E、col1 至 col11 为 col12 平分 12 列(两边各 padding:0px 20px),宽度为百分比,如 col6 为宽 50%,
      如 col12 内可以套 col2 col3 col5 或 col6 col3 col3 或 3个 col4 表示1行3列 或 4个 col3 表示1行4列,列相加不超 12 便可;
F、修改 col3 或 col6 两边的 padding:0px 20px时,用父类控制如 .skin998 .col6{padding:0px 10px};
G、调节实际内容可显区域宽 .skin9981{margin:0 20px} 或 .skin9981{margin:0 -10px} ;
H、文字:tac居中、tar居右(如:<p class=tac>文字</p>)
I、mt10 至 mt60 :margin-top:10px 或 20px 或 50px(如:<p class=mt30>文字</p>,首页各模块间的距离为 mt60 )
J、定位:fl居左、md居中、fr居右(如:<p class=fr>文字</p>)
K、安全需要,系统限制了部分危险的脚本关键词(英文),提交代码时可能会提示代码不符!
L、制作好HTML样式后,打包文件发给客服!自定义样式需要调用系统数据时,将适当收取套用ASP代码人工费用(50-300元不等,如列表类50,首页整体类300)
M、调用系统默认图片时请自行查看网页源码确定图片文件名,如 LOGO 为 logo.png、BANN 为 ba-nn1.jpg
N、点击下载 -> 初始化开发文档

版权所有  ©  2017-2019    网站排版学习    HTTP://WWW.SITEAUTO.CN    浙ICP备19042921号-1    浙公网安备 33032802000143号