Personalizar crumbs

[Rafusqui_]

Detalhes da questão

Endereço do fórum: http://forumeiros-slew.forumeiros.com/
Versão do fórum: PunBB

Descrição

gostaria de colocar esta caixa:



e também o efeito que se faz ao colocar o mouse por cima

onde viu isto? : Nesse Fórum Aqui

[Fraise]

Olá Rafael, tudo bem?

Aceda a Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS e adicione o seguinte código:

Código:

p.crumbs a {
    background: transparent url(http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png) no-repeat scroll 100% -1px;
    color: #757575!important;
    line-height: 30px;
    margin-left: -14px;
    padding: 10px 20px 10px 25px;
    position: relative;
    text-shadow: 0 1px 0 #FFF;
}
.pun-crumbs:after, .pun-crumbs:before {
    -moz-transition: background .3s ease-out;
    -ms-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    -webkit-transition: background .3s ease-out;
}

Até mais.
Fraise

[Rafusqui_]

Bom, a caixa ficou como queria,só falta o efeito,poderia me ajudar? só verificar o efeito no fórum que mandei,pra você saber como quero,pois não tem como printar isto....

[Fraise]

Olá novamente!

O código que lhe forneci anteriormente devia de fazer o efeito também...
No mais, adicione mais estes códigos em sua folha de estilos:

Código:

.pun-crumbs {
    margin: 0 1px 1em;
    padding: .2em 1em;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 34px;
    margin: 0 1px 10px;
    padding: .2em 1em;
}
.pun-crumbs:after,.pun-crumbs:before{-moz-transition:background .3s ease-out;-ms-transition:background .3s ease-out;-o-transition:background .3s ease-out;-webkit-transition:background .3s ease-out}


Até mais.

[Rafusqui_]

pode fechar o topico.

[Fraise]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.