1 [tutorial] - personalizando os números das páginas - punbb 11/11/12, 11:45 am
RMBR
Administrador
[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.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] |
|
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Personalizando os números das páginas - PUNBB
[TUTORIAL] Personalizando os números das páginas - PUNBB
1º - Inserindo o código CSS...
Vá Até:
Painel de Controle [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Visualização [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Imagens e Cores [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Cores [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Folha de Estilo CSS
Depois insira o seguinte código à folha:
- Código:
[spoiler=CLIQUE AQUI PARA VISUALIZAR]/*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/--*/[/spoiler]
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
© RMBR
[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 |