Acrescentar este efeito

Qual é minha questão:
Olá gostaria de saber como acrescentar o seguinte efeito no topo dos tópicos como mostra na imagem a baixo

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


Obrigado

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Aplicando o código CSS:
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

Código

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;
}

Até mais!

Opá funcionou, porem não aparece aquele efeito quando passa o mouse como aqui na BS, mas penso que não faz mal.

GyGu escreveu:Opá funcionou, porem não aparece aquele efeito quando passa o mouse como aqui na BS, mas penso que não faz mal.

Qual, efeito o senhor fala?

Até mais!

Passe o mouse aqui nisso que eu pedi e veja tem um hover

Olá,

Aplicando o código CSS:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

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;
}
a:hover{text-transform:uppercase;}
-moz-transition-duration:1s}
-webkit-transition-duration:1s;
letter-spacing:0px;-o-transition-duration:1s;
font-size:20px!important;color:#272329;
-webkit-transition-duration:1s;-moz-transition-duration:1s}
-o-transition-duration:1s;
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;
}

Até +.
GC

Olá,
[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código