discuz 模塊模板標簽說明 DIY模塊模板語法詳解


基本語句

  • [loop]...[/loop]標簽來循環顯示模塊中的數據;如果要在模板中多處循環可以使用[loop1]...[/loop1]的方式擴展(只能擴展1-9個)
  • [order=N]...[/order]標簽來替代默認loop中的第N個位置數據的展示,你可以使用[order1=N]...[/order1]的方式來擴展(對應[loop1],只能擴展1-9個)
其中:[order=odd]為奇數行,[order=even]為偶數行
  • [index=N]...[/index]的方式來指定第N條數據的展示方式,由該語法指定的數據不再在loop循環中出現,可以通過[index1]...[/index1]的方式來擴展(只能擴展1-9個)以實現同一條數據多處展示

通用變量

  • 當前數據的鏈接地址:{url}
  • 當前數據的標題:{title}
  • 當前數據的圖片地址:{pic}
  • 當前數據的簡介:{summary}
  • 當前數據順序:{currentorder}
  • 當前數據是否在奇數行:{parity},奇數行為1,偶數行為0
  • 可設置打開方式的鏈接:<a href="{url}"{target}>{title}</a>
  • 可設置縮略圖大小的圖片:<img src="{pic}" width="{picwidth}" height="{picheight}" />

特殊字段變量

  • 在PHP數據類的fields方法中定義的變量都可以使用,如帖子類有{author},{authorid},{forumname},{dateline}等等
變量只在[loop]、[order]、[index]標簽內生效

百變幻燈片語法

幻燈片的HTML結構分為整體大結構和三個內部部分,你可以在自己的模板中使用,也可以在DIY模塊模板中使用

整體大結構

  • 幻燈片的識別樣式名為slidebox,可以使用任何容器類的HTML標簽,如div,table等
  • 屬性值
timestep 控制幻燈片播放的速度,單位是毫秒,默認是2500毫秒
slidenum 表示顯示數量,默認是0
slidestep 表示每點擊一次左右(上下)按扭 移動的個數,默認是0
當slidenum和slidestep同時有值時,幻燈片將不自動播放,需要配合左右(上下)按鈕來實現變動
  • 必須的JS代碼
<script type="text/javascript">
runslideshow();
</script>
  • 普通幻燈片示例代碼
<div class="module cl slidebox" timestep="3000">
...
</div>
  • 列表顯示示例代碼
<div class="module cl slidebox" slidenum="4" slidestep="1">
...
</div>

主體顯示部分

  • 識別樣式名為slideshow,slideshow元素下的每一個子節點元素(非空白節點)將做為一個顯示元素
  • 示例代碼
<ul class="slideshow">
[loop]
<li style="width: {picwidth}px; height: {picheight}px;"><a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a><span class="title">{title}</span></li>
[/loop]
</ul>

控制部分

  • 識別樣式名為slidebar、slidebarup、slidebardown
slidebar元素下的每一個子節點元素(非空白節點)將做為一個控制元素,
slidebarup為上一個按鈕,slidebardown為下一個按鈕,slidebarup和slidebardown這兩個不是必須的
  • 屬性值
mevent 控制元素鼠標響應事件,click或mouseover,默認為click
  • 示例代碼
<ul class="slidebar" mevent="mouseover">
[loop]
<li>{currentorder}<li>
[/loop]
</ul>

附加顯示部分

  • 識別樣式名為slideother,一個幻燈片里可以有多個slideother,slidebar元素下的每一個子節點元素(非空白節點)將做為一個附加顯示元素
  • 示例代碼
<ul class="slideother">
[loop]
<li>{summary}<li>
[/loop]
</ul>
<ul class="slideother">
[loop]
<li>{avatar_big}<li>
[/loop]
</ul>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM