<td> 列表分页界面自定义布局，在HTML5源码插件中输入你要循环的内容，只能在二级页面（即列表分页布局）中【更多栏目属性】中配制。 </td>
</tr>
</tbody></table>
<br><br>
<h4>应用一：任意页面万能UBB调用列子： </h4>
<pre>&lt;style type="text/css"&gt;
/*重置默认样式*/
* { padding: 0; margin: 0; list-style: none; text-decoration: none; border: none; }
/*例子样式*/
.lz-list-4 { overflow: hidden; }
.lz-list-4 li { border-bottom: 1px solid #dcddde; padding: 15px 75px 15px 15px; position: relative; }
.lz-list-4 li h2 { font-size: 14px; color: #333333; line-height: 22px; height: 44px; overflow: hidden; }
.lz-list-4 li a { color: #4C4C4C; }
.lz-list-4 li p { font-size: 12px; color: #a2a3a5; line-height: 24px; }
.lz-list-4-click { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAnCAYAAACsTw7IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2RTBCQkVCODU0NUVFMzExQjVDNTg0M0NBNjJDMjI1OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTdBOUI1QjBDQzgxMUU0QUEzQjkyOUNFQzBCNzM3QSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTdBOUI1QTBDQzgxMUU0QUEzQjkyOUNFQzBCNzM3QSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMERFRjVBMjg0RkJFMzExOEFBODhGNTE0M0Y0NENGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RTBCQkVCODU0NUVFMzExQjVDNTg0M0NBNjJDMjI1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmf5e6QAAAQCSURBVHja7JphSBRREMefGcHBQRCIgiEIhSIIycWFcWEoyoGgFIFhGIZRFIUhBIWBFUJSKAoSJImldRREkhQJoSUJkiREkl8SAkk6OZAEQQjEZnAWtuPN3Loa++5w4Mdx+97u3v1v3ryZ2UtbW1tT28ZbGgo08CTynt4/Bh79r5tlZmYaL0hFedk/73fS61F6/bDtM0orUDJYIRAGSoAsYA+QS2MxYA5YAcaIUWA11QXaBzQBJ4AMYV6GbTwENJNYw0AHMO72A+wwVJgg8BL4DlxIIA5nPuAY8BH4DNSkgkD4pdqBT/TltsoCwDPgLZCTrAIVA99oSTm1P8DiBuaH6R4NyRaDwrSkfMKceeAFxRMkGjfup/gTousFmOvgvIdANnA7GTwIA/ArQRzckY4De4ErJFJUM2+ZgvIN4CBwCBgQdrJbQKfpAoUoNuzSjOHWfZJytEEX154ETpNQ08ycRuCqqQLtBvqBdObL5QPPHVwjO8GcKaAI6GXGW4Xl6KlAnbZEz26Y4JUJwTeXhMUU4DfwE/gFvKYkUme4zM4CbZox9N6n3BL3SiD8xeo1x2co3iwz550DvgJ1lERahpl1JZVK7UI8uw5ENMfz6NrGCNTI/MoYM5aYczBWPKBdSLImimucXWSCfKNuuXshkI9JAgcpXuisALizgXtUMR6q6AfoZpZusQkCBRgvkNos15hgLlmzMNbDbP+lJghUyCyvMeGcSpeFbgEzFmO8tcAEgXSF56IQmK3WhhvLE8Z+OPlsXgiUzniQErZoz8wLgWLML+cT5q+4vNesMJbDBHDPBZpmvKpYOOeNi/vMCSUGZuAHNMe/mCDQJOMR9cI5HS7u0yWMNTAeO2aCQCjOkOZ4rRBUJ5jcRbmYjynGJc3xqNK0Zr3KpLuZZdbPVPaKWh29Dj20Wq0303R2n6kBu3QbglcCjTMtjKAgklVwVpMI8TZPIh5hNgKrDKlj4pXW47zsKJ6nwJwVd7yG8p5qJlYNEdmEn5bHTIL7tTLZNQp/isvDvGx3xKg41Vk5Ve2lwvnz5EmjCcTB5TQilB5tSngs5HVH8R150ipTKoxQrybo4tqY59xV6016Tmis/1qki5jQtO8h9+5jYk8tMUlxa1iXr9hEDVG3oMrBRnE50Ycz5alGhOqxPk1MsgfwoK3tsWTLlLNU4tarZbi7YWP/nqmlBmfoGflK3/HjsuEA4VQc9MIip+KYJpDlFbijVKhNPE9najJcTocd7HZGC2QP3pjP4POtgU0Uq7jDYY97P8WcDXcGTP93xxSlAmfU+hOLEtqR/Jpic5Y8cIKEGVV8fztlBLInc9aXbkn1flBSmeVBN7lyfyttYWEh6QRK2/6Xq2x/BRgAeZ/YAVG/i8YAAAAASUVORK5CYII=") 8px center no-repeat; background-size: 24px 13px; padding-left: 35px; }
.lz-list-4-user { position: absolute; right: 15px; top: 15px; width: 60px; font-size: 12px; color: #a2a3a5; text-align: center; height: 65px; overflow: hidden; line-height: 16px; }
.lz-list-4-user img { border-radius: 44px; }
.lz-list-4-author { color: #a2a3a5; }
&lt;/style&gt;
&lt;ul class="lz-list-4"&gt;
[bbs=0_20_1_15*40*1_100*
&lt;li&gt;
&lt;h2&gt; &lt;a href="{linkurl}"&gt; {title}&lt;!--数据标题--&gt; &lt;/a&gt; &lt;/h2&gt;
&lt;p&gt;
&lt;a href="/{function}/list.aspx?classid={classid}"&gt; {classname}&lt;!--数据栏目名称--&gt; &lt;/a&gt;
&lt;span class="lz-list-4-click"&gt;{bookclick}&lt;!--数据点击量--&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div class="lz-list-4-user"&gt; [ui={makerid}] &lt;!--获取到会员id，支持嵌套UBB哦--&gt;
&lt;img width="44" height="44" src="{18}"&gt;&lt;!--会员头像--&gt;
&lt;div class="lz-list-4-author"&gt;{1}&lt;/div&gt;&lt;!--会员昵称--&gt;
[/ui] &lt;/div&gt;
&lt;/li&gt;
/bbs]
&lt;/ul&gt;


</pre>

<br>
<h4>应用二：二级页面列表（有上一页下一页的界面）自定义布局语法：</h4><br>
----------代码开始--------------<br>
html代码<br>
[forlist]<br>
<!--循环列表-->
{数据变量}<br>
[/forlist]<br>
html代码<br>
----------代码结束--------------<br>
<h4>使用说明</h4>
<p>将下面代码粘贴到WML/HTML5模块，然后到【添加删除内容】点击列表栏目名称，【栏目更多属性】设置布局100，然后将你添加代码对应的id放到该配置中</p>
<h4>自定义布局调用列子： </h4>
<pre>&lt;style type="text/css"&gt;
/*重置默认样式*/
* { padding: 0; margin: 0; list-style: none; text-decoration: none; border: none; }
/*例子样式*/
.lz-list-4 { overflow: hidden; }
.lz-list-4 li { border-bottom: 1px solid #dcddde; padding: 15px 75px 15px 15px; position: relative; }
.lz-list-4 li h2 { font-size: 14px; color: #333333; line-height: 22px; height: 44px; overflow: hidden; }
.lz-list-4 li a { color: #4C4C4C; }
.lz-list-4 li p { font-size: 12px; color: #a2a3a5; line-height: 24px; }
.