用户潮 發表於 2023-11-7 00:00:00

DEDECMS最为常用的分页标签及分页样式代码

<p>
        <span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>我们站长使用织梦(dedecms)用来给自己的网站作为内核的还是比较多的,因为属于国产CMS,一来要支持一下,二来算是目前国内CMS中做的最好的 开源程序之一。所以更多的朋友喜欢用来作为网站的内核。我们只需要给自己需要做的网站做一个属于自己的模板就可以了。但是在做模板的过程中我们需要用到很 多功能,一些通用的功能完全可以采纳通用的样式代码操作,比如itbulu在给公司做仿站的时候需要用到的标签都做成通用版,以后要要使用的时候直接调用 复制就可以,省时省力。 </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。 </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>首先,我们需要在分页列表模板中插入分页列表标签: </span></p>
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
        <p class="right">
                <span><u>复制代码</u></span></p>
        <p>
                代码如下:</p>
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
        <br>
        &lt;ul&gt;{dede:list pagesize='30'} <br>
        &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;( 次阅读)&lt;/li&gt; <br>
        {/dede:list} &lt;/ul&gt; <br>
        &lt;div id="pageNav"&gt; <br>
        &lt;ul&gt;{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}&lt;/ul&gt;&lt;/div&gt; </p>
<p>
        <br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>查看上面的代码是我们需要插入在分页列表模板中的,上面的列表样式我就不列举,主要看其中的分页这段,因为重点是这里,因为很多朋友在加入分页后出现有小圆点,或者是不是横排的。 </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>其次,加入分页样式: </span></p>
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
        <p class="right">
                <span><u>复制代码</u></span></p>
        <p>
                代码如下:</p>
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
        <br>
        #pageNav { <br>
        font: 12px/24px Tahoma; <br>
        height: 30px; <br>
        margin: 15px auto 0; <br>
        text-align: center; <br>
        width: 500px; <br>
        } <br>
        #pageNav ul { <br>
        list-style-type: none; <br>
        overflow: hidden; <br>
        } <br>
        #pageNav ul li { <br>
        background-color: #FFFFFF; <br>
        border: 1px solid #CCDBE4; <br>
        color: #0B3B8C; <br>
        display: block; <br>
        height: 22px; <br>
        margin: 0 2px; <br>
        padding: 0 3px; <br>
        float: left; <br>
        } <br>
        #pageNav ul li a { <br>
        background-color: #FFFFFF; <br>
        color: #0B3B8C; <br>
        padding: 0 3px; <br>
        } <br>
        #pageNav ul li a:hover { <br>
        color: #D87D08; <br>
        } <br>
        #pageNav ul li.hover { <br>
        border: 0 none; <br>
        color: #000000; <br>
        font-weight: bold; <br>
        } <br>
        #pageNav ul li.hover a { <br>
        color: #000000; <br>
        } </p>
頁: [1]
查看完整版本: DEDECMS最为常用的分页标签及分页样式代码