UBB布局说明：
常用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

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代码：

  /* 常用css属性说明： 背景：background 高度：height 宽度：width 边框：border 字体：font 外间距：margin 內间距：padding */ *{margin:0; padding:0;} /*------------------------------------UBB-Y=6类型样式↓↓↓------------------------------------*/ /*修改总体宽度可以改变图片显示一行多列，如：修改为320px，显示一行两列。↓↓↓*/ div.list6{width:[width]px; display:inline-block; padding:0; background:#202020;}/*总体宽度*/ div.list6 ul{ list-style-type:none; width:300px; margin:0 auto;} div.list6 ul li{ float:left; border:solid 1px #5B5B5B;margin:5px 9px 2px 9px; overflow:hidden; }/*列表内边框等属性*/ div.list6 ul li a{ text-decoration:none; color:#fff; text-indent:0; overflow:hidden;}/*超链接*/ div.list6 ul li a:hover{text-decoration: underline;} /*修改图片宽度高度可以改变一行多列效果↓↓↓*/ div.list6 ul li img{}/*图片样式*/ div.list6 ul li p{padding-top:2px; font:16px/24px "宋体"; text-align:center; background:#6D6C6C; margin-top:-4px;}/*说明文字*/

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代码：

  /* 常用css属性说明：背景：background; 高度：height; 宽度：width; 边框：border; 字体：font; 外间距：margin; 內间距：padding; */ *{margin:0; padding:0;} /*------------------------------------UBB-Y=7类型样式↓↓↓------------------------------------*/ /*修改总体宽度可以改变图片显示一行多列，如：修改为320px，显示效果较好↓↓↓*/ div.list7{width:100%; background:#202020; display:inline-block; padding:0; margin:0 auto; }/*总体宽度*/ div.list7 ul { list-style-type:none;} div.list7 ul li {padding-bottom:8px; padding-left:10px;}/*列表内边框等属性*/ div.list7 ul li p.cont7_tit{ color:#fff; font:800 14px/2 "宋体"; padding:0px;}/*内容标题*/ div.list7 ul li a{ text-decoration:none; color:#fff; font:800 16px/2 "宋体"; } div.list7 ul li a:hover{ text-decoration:underline;} /*修改内容宽度高度可以改变显示效果效果↓↓↓*/ div.list7 ul li a .cont{ padding:0;}/*内容的高度*/ /*修改图片宽度高度可以改变显示效果效果↓↓↓*/ div.list7 ul li a .cont img{ display:block; float:left; border: solid 2px #5D5D5D;}/*图片样式*/ div.list7 ul li a .cont span{ display:inline-block; width:170px; height:83px; background:url(/NetImages/model/model11/bg_cont.png) no-repeat; line-height:1.2; padding:5px 0 0 20px; word-wrap:break-word; color:#fff; font:400 16px/1.5 "宋体"; }/*缩略内容*/ div.list7 ul li a .cont span label{word-wrap:break-word; display:block;}/*时间的样式*/

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

【注意事项】

权限：超级管理员、站长
版本：企业版、标准版、个人版