Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.




Em breve novas parcerias, fique ligado.








Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

Paginação em um theme.
1º) Em seu Dashboard, vá em Customize » Appearance » Custom HTML e no seu CSS, coloque este código e personalize-o da maneira que deseja:

/*** Paginação by madlyluv.com ***/
#paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;} 
#paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;} 
#paginacaoml a:hover {background: #cor de fundo; border: none;} 
#paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;} 
#paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}

2º) Depois de personalizar, você irá colocar o código abaixo dos posts, de preferência logo após da tag {/block:Posts}.

<div id="paginacaoml">
<span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {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}">&raquo;</a>{/block:NextPage}{/block:Pagination} 
</div>

- A tag {block:JumpPagination length="10"} define quantas páginas irão mostrar na paginação. Como no exemplo lá em cima, aparece 10 páginas. É só você mudar para quantas páginas quiser, e pronto ^^

Créditos: madlyluv

Postado por I Love HTML. 12:03. 3 Comentários


3 Comentários:

Às 3 de dezembro de 2012 10:14 , Anonymous Anônimo disse...

como eu tiro a paginação velha do theme??

 
Às 1 de junho de 2013 09:30 , Anonymous Anônimo disse...

É no CSS personalizado?

 
Às 23 de setembro de 2014 12:54 , Anonymous Anônimo disse...

obg, ajudou mt

 

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