pbootcms建站常用的一些組合調用代碼
作(zuo)者:PB模板網(wang)
時間:2020-10-10 18:14:02
瀏覽:9622
點(dian)贊(zan):432
通用
? 文本換行調用實現換行
加上decode=1即可,decode=1 解(jie)碼數據(ju)html字符,如果(guo)等于0.則不解(jie)碼(包括(kuo)源(yuan)碼已經解(jie)碼的),此標(biao)簽一(yi)般不使用
{pboot:companyaddress decode=1}
頭部&尾部
? 二(er)級欄(lan)(lan)目做(zuo)頭部導航,以下二(er)級欄(lan)(lan)目為固定寫死方(fang)法
<div class="nav"> <div class="container"> <ul> <li class="{pboot:if(0=='{sort:scode}')}active{/pboot:if}"><a href="{pboot:sitepath}/">網站首頁</a></li> <li class="{pboot:if(13=='{sort:scode}')}active{/pboot:if}"> {pboot:sort scode=13} <a href="[sort:link]">[sort:name]</a> {/pboot:sort} </li> <li class="{pboot:if(14=='{sort:scode}')}active{/pboot:if}"> {pboot:sort scode=14} <a href="[sort:link]">[sort:name]</a> {/pboot:sort} </li> {pboot:nav num=8 parent=0} <li class="{pboot:if('[nav:scode]'=='{sort:tcode}' && '{sort:scode}'!=13 && '{sort:scode}'!=14)}active{/pboot:if}"><a href="[nav:link]">[nav:name]</a></li> {/pboot:nav} </ul> </div> </div>
? 內頁頭部(bu)欄目封(feng)面圖①(調用(yong)頂級(ji)欄目的封(feng)面和標(biao)題(ti))
{pboot:sort scode={sort:tcode}} <img src="[sort:pic]" alt="[sort:name]"> {/pboot:sort}
? 內頁頭部欄(lan)(lan)目封面(mian)(mian)圖②(如果(guo)當前(qian)欄(lan)(lan)目有封面(mian)(mian)圖就調用當前(qian)的(de),否則調用頂級欄(lan)(lan)目的(de)封面(mian)(mian))
{pboot:sort scode={sort:tcode}} {pboot:if('{sort:pic}'!='')} <img src="{sort:pic}" alt="{sort:name}"> {else} <img src="[sort:pic]" alt="[sort:name]"> {/pboot:if} {/pboot:sort}
首頁
? 調用某個欄目(mu)的子欄目(mu)以及(ji)對應匹配(pei)的內(nei)容列表
以下以首頁新聞分類切換效果為例介紹,具體調用參數按需修改。
首先新聞分類調用
<ul class="news-cate"> {pboot:nav num=3 parent=7} <li {pboot:if('[nav:i]'==1)}class="on"{/pboot:if}>[nav:name]</li> {/pboot:nav} </ul>
接著對應新聞(wen)分類的內容(rong)列(lie)表調用
{pboot:nav num=3 parent=7} <div class="news-item"> <div class="item-list news-list"> {pboot:list scode=[nav:scode] num=3 order=sorting} <div class="item clearfix"> <div class="pic pic-scale oh"> <a href="[list:link]"> <img src="[list:ico]" alt="[list:title]"> </a> </div> <div class="cont"> <h4 class="elp"><a href="[list:link]">[list:title]</a></h4> <p>[list:description lencn=85]</p> <div class="date-mini">[list:date style=m-d]</div> <a href="[list:link]" class="swp-more"><i class="iconfont icon-changyongicon-"></i></a> </div> </div> {/pboot:list} </div> </div> {/pboot:nav}
列表頁
詳情頁
單頁
內容待整理補充,文章將持續更新
文章鏈接://bilinxiyi.cn/170.html
文章標題:pbootcms建站常用的一些組合調用代碼
文章版權:PB模板網 (bilinxiyi.cn) 所發布的內容,部分為原創文章,轉載請注明來源,網絡轉載文章如有侵權請聯系我們!
本文最后更新發布于
文章標題:pbootcms建站常用的一些組合調用代碼
文章版權:PB模板網 (bilinxiyi.cn) 所發布的內容,部分為原創文章,轉載請注明來源,網絡轉載文章如有侵權請聯系我們!
本文最后更新發布于
2022-11-28 18:05:21
,某些文章具有時效性,若有錯誤或已失效,請在下方留言或聯系客服: