Barra de Navegação

• Descrição:

Minha barra de navegação:

Queria que ficasse assim:



Encontrado em: http://gtamc.net

• Informações:

Código:


/* crumbs. */
p.crumbs a:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;
}
.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;
}
.pun .pun-crumbs .crumbs {
font-size:0px;
}
.pun .pun-crumbs .crumbs a {
font-size:11px;
}
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;
}
/* crumbs FIM ©Copyright by Victor - Pixelfocus.com.br Todos os Direitos reservados. */


Código:

p.crumbs a:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;
}

Código:

    p.crumbs a:hover {
    background-color: #FFF !important;
    }

Saudações!

Painel de Controle    Visualização    Imagens e cores    Cores    Folha de estilo CSS

Código:

p.crumbs a:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) 100% -41px no-repeat !important;
}