做網站,我們是認真的!

網站適配電腦+手機端,僅1280元,送2000M阿里云服務器,送com域名+免費備案
網站前端采用靜態系統顯示,后端動態管理,我們承諾網站包收錄,完成網站之后把源碼給客戶!

觀點

互聯網+時代,說建站,談運營與網絡營銷

dedecms教程:解決織夢分頁列表一直豎著的解決辦法

時間:2020-12-16

用過織夢dedecms默認模板的就知道織夢dedecms默認模板的分頁就是一個很好的素材。
 
你要是稍微懂一些 css的話 自己加上一些 鼠標hover樣式 之類的就更加完美了。
好了 廢話不多說。
很多人直接自己寫模板,然后分頁這一塊,就被弄得稀里糊涂,稀爛的了。
 
下面放出這個代碼。 這一塊作為單獨的,直接插入到你的模板中即可。
 
你自己也不用寫UL LI了。
 
div段代碼:
<div class="scv_listpages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</ul>
</div>
 
CSS段代碼(加載到你自己的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;
}
    0
    首頁
    案例
    關于
    聯系
    凯时平台