Paginação Elegante

Nome do Arquivo: Paginação Elegante
Autor: HeroWaar
Funcionalidade: PunBB
Categoria: Recursos de Outros Autores

Olá,

Este tutorial é apenas um visual melhor da paginação,
Antes:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Depois:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Como o código deverá ser utilizado:
Acesse Modulo Gestão dos códigos JavaScript Criar um novo JavaScript

Em criar um novo JavaScript coloque desta maneira:
Título * : (SUB-F)(TOP) Paginação Elegante,
Investimento : Nos sub-foruns e Tópicos,
Código JavaScript * :
[poll]

Código:

$(function(){
    //Código criado por HeroWaar,
    //Implementado código criado por JScript
    //http://www.bestskins.net/t5264-
    
$('head').append('<style>.paging a, .paging b {text-decoration:none;background-color: #e9e9e9;border: 1px solid #afafaf;border-radius: 3px;box-shadow: 1px 1px 1px #ddd;color: #717171 !important;padding: 5px 8px;cursor: default;}.paging a:hover {background: #fff;}.paging b {background: #fff;border-color: #ccc;box-shadow: 0 0 5px #ccc inset;}.paging .disabled {background: #eee !important;border-color: #ccc !important;box-shadow: none;color: #999 !important;cursor: not-allowed;}</style>');
var sPages = jQuery('.paging');
if (sPages.length) {
  sPages.html(sPages
     .html()
     .replace(/<\/a> :/g, '<\/a> ')
     .replace(/<\/a>, <b>/g, '</a> <b>')
     .replace(/>,.<a/g, '> <a')
  );
};
    var ante = jQuery('.paging .sprite-arrow_prosilver_left').length;
    var prox = jQuery('.paging .sprite-arrow_prosilver_right').length;
    if (ante && prox )  {
        jQuery('.paging .sprite-arrow_prosilver_right').replaceWith('<span title="Ir para a próxima página.">Próximo »</span>');
        jQuery('.paging .sprite-arrow_prosilver_left').replaceWith('<span title="Ir para a página anterior.">« Anterior</span>');
    } else if (ante) {
        jQuery('.paging').append('<a class="disabled" title="Ir para a próxima página." style="margin-left: 5px;">Próximo »</a>');
        jQuery('.paging .sprite-arrow_prosilver_left').replaceWith('<span title="Ir para a página anterior.">« Anterior</span>');
    } else if (prox) {
        jQuery('.paging a:first').after('<a class="disabled" title="Ir para a página anterior.">« Anterior</a>');
        jQuery('.paging .sprite-arrow_prosilver_right').replaceWith('<span title="Ir para a próxima página.">Próximo »</span>');
    }
$('.paging a:first').remove();
});

[/poll]

---

Qualquer dúvida crie um tópico AQUI com o titulo deste tópico.

Ficou muito bom, acerio, parabens

[infos="Código atualizado"]
Peço que troquem seus códigos atuais[/infos]

Show de bola amigo. Obrigado pela atualização.

Ficou muito boa, uns dos melhores que eu conheço de paginação!

Muito bom, irei utilizar

Zoldyck escreveu:Muito bom, irei utilizar

Gracias

nice topic bro keep up the good work

bem útil, mais podem achar também quando baixa a skin completa, dependendo da skin claro !

isso e bom, bem mais elegante
parabéns!!

Muito Show !!

Valeu, Vou Usar no meu forum  
Thanks, Pelo Code  !
Parabens !

Aff Esse sitema de  curtir ta muito bugando pra mim mostra  verdinho que eu curti e nao aparecer nada !

irei usar amigo att obrigado

Muito bom, muito útil
Até,