Início
Últimas imagens
Procurar
Registrar
Entrar
QuakelineAdministrador
- Inscrito dia: : 09/01/2013
Mensagens : 89
![[TUTORIAL] Personalizando os números das páginas - PUNBB Empty](https://2img.net/i/empty.gif)
[TUTORIAL] Personalizando os números das páginas - PUNBB
Qua Jan 09, 2013 7:29 pm
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem][TUTORIAL] Personalizando os números das páginas - PUNBB
Olá Convidado, hoje vou disponibilizar um css que modifica os números das páginas dos sub-foruns.
Olá Convidado, hoje vou disponibilizar um css que modifica os números das páginas dos sub-foruns.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
CRÉDITOS!
O código deste tutorial foi criado por HenRyqUé referente à: RMBR. Se quiserem disbonibilizar este tutorial em outro forum, por favor deixar essa barra com meu nick e o link do meu forúm!
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Personalizando os números das páginas - PUNBB
1º - Inserindo o código CSS...
Vá Até:
Painel de ControleVisualização Imagens e Cores
Depois insira o seguinte código à folha:
- Código:
/*numeros do post*/
p.pag,.paging{border-radius:3px;color: white;margin: 4px 0 9px 0;}
#blog_comments .paging,#blog_comments p.pag{color:#F1F1F1;}
td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{border-radius:3px;
padding: 6px 9px 6px 9px !important;margin-right: 3px !important;font-size: 12px !important;}
td p.pag a,.paging a, .paged-foot .paging a{
border-radius:3px;
color: #666666 !important;
border: solid 1px #B3B3B3 !important;
background-color: #DEDEDE;
background:-moz-linear-gradient(#F2F2F2,#BABABA);
background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
text-shadow: 0px 1px #EBEBEB !important;
box-shadow: 0px 1px #D4D4D4 !important;-moz-box-shadow: 0px 1px #D4D4D4 !important;-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
border-radius:3px;
border: solid 1px #878787 !important;
color: #EBEBEB !important;
background-color: #58E862;
background:-moz-linear-gradient(#BABABA,#DBDBDB);
background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
text-shadow: 0px 1px #666666 !important;
box-shadow: 0px 1px #D4D4D4 !important;-moz-box-shadow: 0px 1px #D4D4D4 !important;-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
p.pag img,.paging img,.paged-foot .paging img{postion:relative;top:-3px;margin-top:-5px!Important;vertical-align: center !important;}
/*--/acessem: www.rmbr.forumeiros.com /--*/
Valide!
2º - Resultado...
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
° Quais as versões que este código funciona??
punBB
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Personalizando os números das páginas - PUNBB
[TUTORIAL] Personalizando os números das páginas - PUNBB
Permissões neste sub-fórum
Não podes responder a tópicos