織夢列表分頁豎向排列變為橫向排列的解決辦法
導讀:織夢技巧織夢技巧有多種方法可以解決DedeCms織夢列表分頁豎向排列的問題 你要是稍微懂一些 css的話 自己加上一些 鼠標hover樣式之類的就更加完美了。 第一種方法 下面網站seo優化網站推廣優化seo。
有多種方法可以解決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 […]
有多種方法可以解決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,.pageb網站優化seo培訓ox 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;
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-05-25 ,文章織夢列表分頁豎向排列變為橫向排列的解決辦法主要講述排列,分頁,織夢網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_8574.html