Pagination part of the template page part of the source code:
The
code is as follows:
<div class= "Pagination-wrapper" >
<div class= "pagination" >
{dede:pagelist listsize= ' 5 ' listitem= ' Info,index,end,pre,next,pageno '/}
</div>
</div>
Style One
The
code is as follows:
/*pages*/
. pagination-wrapper {
Clear:both;
padding:1em 0 2em 0;
Text-align:center;
}
. Pagination {
Display:inline-block;
*display:inline;
*zoom:1;
font-size:12px;
border-radius:3px;
box-shadow:0 1px 2px rgba (0, 0, 0, 0.05);
}
. Pagination li{
List-style:none;
Display:inline;
Float:left;
line-height:1em;
Text-decoration:none;
border:1px solid #ddd;
border-left-width:0;
}
. Pagination Li a {
Display:inline-block;
padding:. 5em. 8em;
Background-color: #f9f9f9;
color: #999;
}
. Pagination Li a:link{
background: #fff;
color: #4C78A5;
}
. Pagination Li a:hover{
Text-decoration:none;
}
. Pagination Li A:link:hover {
color: #000;
}
. Pagination Li.thisclass {
Background-color: #f9f9f9;
color: #999;
}
. Pagination Li:first-child {
border-left-width:1px;
border-radius:3px 0 0 3px;
}
. Pagination li:last-child{
border-radius:0 3px 3px 0;
}
. Pagination. pageinfo{
color: #444;
}
Style Two
The
code is as follows:
/*pages*/
. pagination-wrapper{
margin:20px 0;
}
. pagination{
height:34px;
Text-align:center;
}
. pagination Li {
Display:inline-block;
height:34px;
margin-right:5px;
}
. Pagination Li a{
Float:left;
Display:block;
height:32px;
line-height:32px;
padding:0 12px;
font-size:16px;
border:1px solid #dddddd;
color: #555555;
Text-decoration:none;
}
. Pagination Li a:hover{
background: #f5f5f5;
color: #0099ff;
}
. Pagination Li.thisclass {
background: #09f;
color: #fff;
}
. Pagination Li.thisclass a,.pagination li.thisclass a:hover{
background:transparent;
Border-color: #09f;
color: #fff;
Cursor:default;
}
