[TUTORIAL] Personalizar atalhos de navegação
Página 1 de 1 • Compartilhe
[TUTORIAL] Personalizar atalhos de navegação
Personalizar atalhos de navegação |
Os atalhos de navegação dos fóruns são essenciais para qualquer usuário em seu fórum. Neste sentido, para trazer mais comodidade e qualidade, este tutorial ensina como personaliza-los.
--> Tutoriais, dicas e astúcias <--
Personalizar atalhos de navegação
Personalizar atalhos de navegação
1º - Os códigos:
PHPBB 3 |
- Código:
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
PHPBB 2 |
- Código:
.nav {
background: #F3F3F3;
border: none;
border-radius: 3px;
box-shadow: none;
margin-top: 10px;
color: #F5EFEF;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
PUNBB |
- Código:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
INVISION |
- Código:
#navstrip {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
height: 39px;
}
#navstrip li {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 2px 10px;
}
#navstrip li.begin {
background: none;
}
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
3º - Resultado:
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Personalizar atalhos de navegação |
Tópicos semelhantes
» Personalizar atalhos de navegação
» [TUTORIAL] Mudar posição e personalizar menu de navegação
» Atalhos de navegação
» Atalhos de navegação
» Atalhos de navegação
» [TUTORIAL] Mudar posição e personalizar menu de navegação
» Atalhos de navegação
» Atalhos de navegação
» Atalhos de navegação
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos