Convidado • Dom 16 Fev 2014 - 17:11![[TUTORIAL] Colocando Barrinhas Empty](https://2img.net/i/empty.gif)
[TUTORIAL] Colocando Barrinhas Dom 16 Fev 2014 - 17:11
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: Colocando Barrinhas Autor: Desconhecido
Funcionalidade: PunBB
Categoria: Recursos BestSkins
Adicionar um efeito CSS que deixara seu fórum mais elegante...
Código utilizado;
- 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;
}
a:link {
text-decoration: none!important;
}
#main-content > #pun-visit {display: none;}
Inserindo o código CSS:
Painel de controle -> Visualização -> Cores -> Folha de Estilo CSS
Cole o código e salve...
após de um F5 em seu fórum e vera o efeito...
Última edição por Copax™ em Dom 16 Fev 2014 - 17:32, editado 1 vez(es)
