WAP/HTML5页面综合排版

1、页面综合排版:这部分是所见即所得的编辑器,分三部分,左边是编辑区,中间是操作属性区,右边是手机预览效果区。编辑区可以新增栏目、页面设置、UBB支持等等操作,方便站长快速建立手机网站。
操作:电脑登录后台【网站管理】→【WAP页面综合排版】→【页面综合排版】
2、内容管理:这部分是站长对自己网站的栏目内容的管理,左边以树型显示栏目,点击栏目后,系统会自动判断进入栏目对应的功能模块后台管理。如点击论坛栏目它会进入论坛系统后台管理,又如点击图片栏目则进入图片系统后台管理。 操作:电脑登录后台【网站管理】→【WAP页面综合排版】→【内容管理】
3、皮肤CSS样式: 这部分是皮肤CSS样式,站长可以导入系统样式,可以新增,修改等操作。
操作:电脑登录后台【网站管理】→【WAP页面综合排版】→【皮肤CSS样式】
4、模版向导: 这部分是站长对自己网站进行模版的导入,追加等操作。站长登录后,可以随时调用网站模板,方便站长快速建站。
操作:电脑登录后台【网站管理】→【WAP页面综合排版】→【模版向导】 分两步,第一步选择网站模板,第二步选择操作类型,最后执行。操作类型分重写和追加,重写是指先将你的网站清空,再将您选的模板导入;追加是指不清空你现有网站,直接导入你选择的模板。如果你是第一次建站建议用"重写"!
5、帮助: 提供一些页面综合排版的帮助参考。
操作:电脑登录后台【网站管理】→【WAP页面综合排版】→【↙帮助↘】
6、系统模版管理: 提供一些页面综合排版的帮助参考。
操作:电脑登录后台【网站管理】→【WAP页面综合排版】→【系统模版管理】;点击【创建】可以将某个已建好的网站设为模块!
7、系统CSS样式: 超级管理员配置的CSS样式,给站长调用的。
操作:电脑登录后台【网站管理】→【WAP页面综合排版】→【系统CSS样式】

常用UBB语法:

语法:[功能模块标识=N_M_X_Y_Z]
N为栏目ID: 1.为0时表示此功能模块所有内容; 2.具体栏目ID; 3.某个范围栏目ID,输入A-B,例a=1002栏目,a栏目下面b=1003,c=1004,d=1005,要显示a下面所有栏目标题用1003-1005; 另一方法指定多个栏目ID,输入用|区分:1003|1004|1005 4.不支持上级栏目ID,故用第3方法。
M为返回条数,最多20条
X为0为最新20条中随机,1为最新,2热点,3精华(论坛,友链,商店,约会),4为置顶,5为随机所有,6为按回贴量,7为回复时间,8为推荐
Y为标题长度,0为默认长度,小于5时不换行,反之换行。(其中图片和相册模块的 Y=-1 时显示图片不换行,-2显示图片换行)
Z为布局效果,范围0-100,如下载模块 0时只显示标题,1显示栏目+标题,2标题+日期,3时间+标题,4.序号+标题,5安桌下载效果,6列表图(自定义图长宽用:6*320*150),7图文(自定义图长宽用:7*320*150),8图片带数字滚动(自定义图长宽用:8*320*150)。注意有些模块无此功能只能设为0


查看更多请进入:【WEB后台】→【网站管理】→【页面综合排版】→【插】【顶】【底】 (查看
1、布局Z=1,以文章为例:
语法:[article=0_7_1_13_1],article表示文章的标识,0表示所有文章栏目,7表示返回7条,第一个1表示最新,13表示标题长度,最后一个1表示布局1。
  • 效果图:

    图1-1

2、布局Z=2,以文章为例: 语法:[article=0_7_1_13_2],article表示文章的标识,0表示所有文章栏目,7表示返回7条,1表示最新,13表示标题长度,最后一个2表示布局2。
  • 效果图:

    图2-1

3、布局Z=3,以文章为例: 语法:[article=0_7_1_13_3],article表示文章的标识,0表示所有文章栏目,7表示返回7条,1表示最新,13表示标题长度,最后一个3表示布局3。
  • 效果图:

    图3-1

4、布局Z=4,以文章为例: 语法:[article=0_7_1_13_4],article表示文章的标识,0表示所有文章栏目,7表示返回7条,1表示最新,13表示标题长度,最后一个4表示布局4。
  • 效果图:

    图4-1

5、布局Z=5(安卓下载),以下载为例(布局5只有下载模块可以使用): 语法:[download=0_7_1_13_5],download表示下载模块的标识,0表示所有下载栏目,7表示返回7条,1表示最新,13表示标题长度,最后一个5表示布局5。
  • 效果图:

    图5-1

6、布局Z=6,以文章为例: 语法:[article=0_6_1_5_6*130*180],article表示文章的标识,0表示所有文章栏目,6表示返回6条,1表示最新,5表示标题长度,最后一个"6*130*180",表示布局6,*130表示图片宽度,*180表示图片高度。注意外层不需要[div=xxx]yyy[/div]包住了哦。
  • 效果图:

    图6-1

  • CSS代码:

7、布局Z=7,以文章为例: 语法:[article=0_3_1_5_7*100*75],article表示文章的标识,0表示所有文章栏目,6表示返回6条,1表示最新,5表示标题长度,最后一个"7*100*75",表示布局7,*100表示图片宽度,*75表示图片高度。注意外层不需要[div=xxx]yyy[/div]包住了哦。
  • 效果图:

    图7-1

  • CSS代码:

8、布局Z=8,以文章为例: 语法:[article=0_4_1_0_8*320*240],article表示文章的标识,0表示所有文章栏目,4表示返回4条,1表示最新,0表示默认标题长度,最后一个"8*320*240",8表示布局8,*320表示图片宽度,*240表示图片高度。
  • 效果图:

    图8-1

9、布局Z=9,从右向左平滑滚动图片,以文章为例: 语法:[article=0_4_1_0_9*320*240],article表示文章的标识,0表示所有文章栏目,4表示返回4条,1表示最新,0表示默认标题长度,最后一个"9*320*240",9表示布局9,*320表示图片宽度,*240表示图片高度。
  • 效果图:

    图9-1

10、布局Z=9,带点滚动图片,以文章为例: 语法:[article=0_4_1_0_10*320*240],article表示文章的标识,0表示所有文章栏目,4表示返回4条,1表示最新,0表示默认标题长度,最后一个"10*320*240",10表示布局10,*320表示图片宽度,*240表示图片高度。
  • 效果图:

    图10-1