花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

解決織夢分頁列表一直豎著的解決辦法

時間: 2019-05-13 11:32 閱讀: 作者:素材無憂網(wǎng)

這個問題 其實非常簡單。

用過dedecms默認模板的就知道dedcms默認模板的分頁就是一個很好的素材。

你要是稍微懂一些 css的話 自己加上一些 鼠標(biāo)hover樣式 之類的就更加完美了。

好了 廢話不多說。

很多人直接自己寫模板,然后分頁這一塊,就被弄得稀里糊涂,稀爛的了。


下面放出這個代碼。 這一塊作為單獨的,直接插入到你的模板中即可。


你自己也不用寫UL LI了。

DIV代碼:

<p class="scv_listpages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</ul>
</p>

CSS代碼:

.scv_listpages{
}
.scv_listpages ul{
        float:left;
        padding:12px 0px 12px 16px;
}
.scv_listpages ul li{
        float:left;
        font-family:Tahoma;
        line-height:17px;
        margin-right:6px;
        border:1px solid #E9E9E9;
}
.scv_listpages ul li a{
        float:left;
        padding:2px 4px 2px;
        color:#555;
        display:block;
}
.scv_listpages ul li a:hover{
        color:#690;
        text-decoration:none;
        padding:2px 4px 2px;
}
.scv_listpages ul li.thisclass,
.scv_listpages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
        background-color:#F8F8F8;
        padding:2px 4px 2px;
        font-weight:bold;
}
.scv_listpages .pageinfo{
        line-height:21px;
        padding:12px 10px 12px 16px;
        color:#999;
}
.scv_listpages .pageinfo strong{
        color:#555;
        font-weight:normal;
        margin:0px 2px;
}


版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 解決織夢分頁列表一直豎著的解決辦法

標(biāo)簽:  
模板推薦