Você não está conectado. Conecte-se ou registre-se

Paginação Elegante

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1Info Paginação Elegante em Dom Dez 14, 2014 2:09 pm

HeroWaar

avatar
Membro elite

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:


Depois:


Como o código deverá ser utilizado:
Acesse Modulo Seta Gestão dos códigos JavaScript Seta 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.



Última edição por HeroWaar em Ter Dez 23, 2014 6:47 pm, editado 3 vez(es)

Ver perfil do usuário http://badlands.com.br/

2Info Re: Paginação Elegante em Dom Dez 14, 2014 4:26 pm

Heppy0

avatar
Membro ativo

Ficou muito bom, acerio, parabens

Ver perfil do usuário

3Info Re: Paginação Elegante em Ter Dez 23, 2014 6:48 pm

HeroWaar

avatar
Membro elite

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

Ver perfil do usuário http://badlands.com.br/

4Info Re: Paginação Elegante em Ter Dez 23, 2014 7:42 pm

Júnior Duarte

avatar
Membro elite

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

Ver perfil do usuário

5Info Re: Paginação Elegante em Ter Dez 23, 2014 8:36 pm

[K]oke

avatar
Membro elite

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



Ver perfil do usuário http://www.nightarts.com.br

6Info Re: Paginação Elegante em Qui Jan 15, 2015 11:01 pm

Zoldyck

avatar
Membro ativo

Muito bom, irei utilizar Very Happy



Curtiu meu trabalho? Clique em Agradecer!
Ver perfil do usuário

7Info Re: Paginação Elegante em Sab Jan 31, 2015 9:56 am

silentcode

avatar
Membro ativo

Zoldyck escreveu:Muito bom, irei utilizar Very Happy
Gracias

Ver perfil do usuário

8Info Re: Paginação Elegante em Ter Fev 17, 2015 3:57 pm

deaneo8

avatar
Membro ativo

nice topic bro keep up the good work

Ver perfil do usuário

9Info Re: Paginação Elegante em Ter Fev 17, 2015 4:33 pm

Igor_Ruiz

avatar
Membro ativo

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




Seu fórum, esta de cara nova ? Esta precisando de uma Logo Tipo ?
Mande-me uma MP, que resolvo seu problema !
Visual-ARTS
Ver perfil do usuário

10Info Re: Paginação Elegante em Ter Fev 17, 2015 11:27 pm

EJJSRR

avatar
Membro ativo

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

Ver perfil do usuário http://gamezer.foruns.com.pt/

11Info Re: Paginação Elegante em Qui Fev 19, 2015 3:44 am

EpochZ124

avatar
Membro ativo

Muito Show !!

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

Ver perfil do usuário http://advzworld.umforum.net

12Info Re: Paginação Elegante em Qui Fev 19, 2015 3:49 am

EpochZ124

avatar
Membro ativo

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

Ver perfil do usuário http://advzworld.umforum.net

13Info Re: Paginação Elegante em Seg Maio 25, 2015 10:49 am

S1L3NC3

avatar
Membro ativo

irei usar amigo att obrigado

Ver perfil do usuário

14Info Re: Paginação Elegante em Qua Jul 15, 2015 6:51 am

fascicularia

avatar
Membro ativo

Muito bom, muito útil
Até,

Ver perfil do usuário http://forumessai2.forumactif.org

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum