Siga-nos em...
Follow us on Twitter Follow us on Facebook Watch us on YouTube
Registro


HGIDC
Resultados 1 a 1 de 1

Tópico: Borda menu CSS3

  1. #1

    Avatar de Skiter
    Data de Ingresso
    Sep 2010
    Localização
    Brasil
    Idade
    25
    Posts
    242
    Agradecido
    54
    Agradeceu
    27
    Peso da Avaliação
    10

    Padrão Borda menu CSS3

    Galera estou desenvolvendo um novo layout para meu site que a muito tempo não estava dando atenção para ele, mais não estou conseguindo colocar a borda (esquerda, direita) das divisorias da mesma altura do menu alguem pode me ajudar?


    FOTO:


    Codigo CSS:
    Código:
    div#completa-menu{
        width: 100%;
        height: 80px;
        background-color: #e74c3c;
        padding: 0px;
        margin: -20px 0px 0px 0px;
    }
    
    nav#menu{
        width: 99%px;
        height: 80px;
        background-color: #e74c3c;
        margin: 0px;
        padding: 0px;
        display: block;
        text-align: center;
    }
    
    nav#menu h1{
        display: none;
    }
    
    nav#menu ul{
        list-style:none;
    }
    
    nav#menu li{
        display: inline-block;
        padding-right: 15px;
        margin: 21px 0px 21px 0px;
    }
    
    nav#menu a{
        font-family: 'Patua One', cursive;
        color: #ecf0f1;
        text-decoration: none;
        text-shadow: 1px 1px 2px rgba(0,0,0,.6);
        font-size: 25pt;
        margin-right: 10px;
        padding-right: 20px;
        padding-left: 20px;
        transition: color 1s;
        border-right: 1px  #d35400 solid;
        border-left: 1px  #d35400 solid;
    }
    
    nav#menu a:hover{
        color: #bdc3c7;
        display: inline-block;
        background-color: #c0392b;
        height: 59px;
        margin-top: -20px;
        padding-top: 18px;
        padding-left: 20px;
        transition: background-color 1s;
        border-right: 1px  #d35400 solid;
        border-left: 1px  #d35400 solid;
    }
    Última edição por Skiter; 21-01-2015 às 08:25 AM.

 

 

Informações de Tópico

Usuários Navegando neste Tópico

Há 1 usuários navegando neste tópico. (0 registrados e 1 visitantes)

Tópicos Similares

  1. |Pedido| DLL minimize com borda
    Por sfs no fórum Pedidos
    Respostas: 0
    Último Post: 03-10-2015, 06:36 PM
  2. |Avaliação| Sing Com Borda
    Por adrianodjs no fórum Exposição
    Respostas: 9
    Último Post: 24-06-2011, 02:17 PM
  3. |Tutorial| Borda Modela
    Por Leo Lima no fórum Intermediários
    Respostas: 2
    Último Post: 09-01-2011, 03:00 AM
  4. |Download| Borda TECH.
    Por AsR no fórum Vídeo-aulas
    Respostas: 4
    Último Post: 15-07-2010, 12:13 AM

Marcadores

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •