[Tutorial] Personalizando menu de navegação igual ao do Web Design

Ir em baixo

[Tutorial] Personalizando menu de navegação igual ao do Web Design

Mensagem por Wiliam em Seg Mar 03, 2014 3:29 pm



Personalizando menu de navegação igual ao do Web Design

Este tutorial foi feito para personalizar o seu perfil de navegação igual ao do Web Design


--> Tutoriais, dicas e astúcias <--
Personalizando menu de navegação igual ao do Web Design



- Como fazer
Painel de controle -> Visualizações -> Cores -> Folha de estilo CSS


E depois adicione este código
Código:
.navbar {
background-color: transparent;
margin-bottom: 0px;
padding: 0px 3px 3px;
}
#page-header .navbar ul.navlinks {
border-bottom: 1px solid rgb(0, 118, 177);
margin-top: -9px;
}
.linklist.navlinks {
border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
border-image: none;
border-radius: 0px 0px 6px 6px;
border-style: solid;
border-right: rgb(21, 93, 152);
border-width: 1px;
overflow: hidden;
background: none 0px 0px repeat scroll rgb(23, 117, 189);
}
#page-header ul.linklist li {
margin-left: 4px;
margin-top: 3px;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: Verdana;
font-size: 11px;
padding: 3px 7px;
text-shadow: rgb(18, 75, 121) 1px 1px 0px;
}
.linklist.navlinks a:hover {
background: none 0px 0px repeat scroll rgb(21, 93, 152);
box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
outline: none medium;
padding: 5px 7px 6px;
}

Resultado






© Web Design


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Personalizando menu de navegação igual ao do Web Design
avatar
Wiliam
Administrador
Administrador

Mensagens : 38
Reputação : 4
Barra de respeito às regras :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum