1 Custom Pagination Thu Jul 12, 2012 4:32 pm
symphony.roads
Registered Member
i find the original pagenation from here
and i've modified with this one
i put the HTML codes in viewtopic_body
here's the HTML codes:
And here's CSS:
and like this
help me please
and i've modified with this one
i put the HTML codes in viewtopic_body
here's the HTML codes:
- Code:
<div class="pagination-edited">{PAGINATION}</div>
And here's CSS:
- Code:
.pagination-edited {
body
margin:0;
padding:0;
}
.pagination-edited a,.header{
padding:10px
}
.pagination-edited{
text-align:left;
background-color:#transparent;
float:none;
padding:10px;
padding-left:100px;
}
.pagination-edited{
text-align:left;
background-color:teal;
float:none;
padding:10px;
padding-left:100px;
}
.pagination-edited a,.button {
background-color:transparent;
background-image: url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn_ri10.png' );
background-repeat:no-repeat ;
background-position:top right;
color: #fff;
display:block; /*opera*/
display:inline-block; /*ie*/
display:-moz-inline-box; /*ff*/ /*font: bold 12px arial, sans-serif;*/
font: normal 13px arial, sans-serif;
height: 32px;
margin-right: 0px;
padding-right: 10px;
text-decoration: none;
}
.pagination-edited a,.button span {
background-color:transparent;
background-image: url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn10.png' );
background-repeat:no-repeat ;
display: inline-block;
line-height: 21px;
padding: 3px 0 8px 10px;
}
.pagination-edited a,.button span img{
margin-left:-5px;
margin-top:-2px;
padding-right:5px;
}
.pagination-edited a:hover {
background-image: url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn_ho11.png' );
color: #fff;
outline: none;
}
.pagination-edited a:hover span {
background-image:url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn_ho10.png');
}
.pagination-edited a,.orange {
background-image: url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn_ri10.png' );
display:block; /*opera*/
display:inline-block; /*ie*/
display:-moz-inline-box; /*ff*/}
.pagination-edited a,.orange span {
background-image: url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn10.png' );
}
..pagination-edited a:hover {
background-image: url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn_ho11.png' );
}
.pagination-edited a:hover span {
background-image: url( 'http://i46.servimg.com/u/f46/17/06/83/25/btn_ho10.png' );
}
and like this
help me please
Last edited by symphony.roads on Tue Jul 24, 2012 4:39 am; edited 1 time in total