Como colocar uma paginação redonda ?
01- Coloque o código abaixo no seu CSS:
/*** Paginação by madlyluv.com algumas mudanças por ilovehtml***/
#paginacaoml {font-family: verdana;font-size: 11px; font-weight: bold;}
#paginacaoml a {background: #ffa9bf;margin: 1px; padding: 2px 5px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius:10px;text-decoration: none;}
#paginacaoml a:hover {background: #fff; border: none;color:#777;text-decoration: none;}
#paginacaoml span.pagina_atual {background: #fff;margin: 1px; padding: 2px 5px; color: #ffa9bf; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius:10px; }
#paginacaoml span.info { margin: 1px; padding: 2px 4px; color: #666; text-decoration: none;}
02- Agora pegue o código abaixo e cole onde quer que a paginação apareça.
<center><div id="paginacaoml">
<span class="info" style="font-weight: normal;"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
</div></center>
Fácil né ? :D
Postado por I Love HTML. 12:07.
0 Comentários:
Postar um comentário
- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.
Assinar Postar comentários [Atom]
<< Página inicial