Barra de navegação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Barra de navegação

Mensagem por Convidado em 14/01/14, 08:41 am

Qual é minha questão:
Alguem poderia passa o código dessa barra de navegação



E se tem como muda a cor ver dele para laranja

Endereço do meu fórum:
http://milicia-nwd.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por iFuck em 15/01/14, 01:23 pm, editado 1 vez(es)

Convidado
Convidado


Resolvido Re: Barra de navegação

Mensagem por Alex Habilidade em 14/01/14, 03:26 pm

Olá,

Veja esse tutorial colega:
Adicionar um menu CSS Maker

Cordiais Saudações;
Alex!Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Barra de navegação

Mensagem por BrunoH. em 14/01/14, 05:51 pm

Olá,

Este modelo não é CSS Maker, é apenas uma imagem de fundo com uma borda em cima, ao qual não é necessário a criação de JS, apenas de CSS.

Enfim, o Senhor poderia nos fornecer o URL do fórum onde viu tal efeito?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Barra de navegação

Mensagem por Convidado em 14/01/14, 06:38 pm


Convidado
Convidado


Resolvido Re: Barra de navegação

Mensagem por BrunoH. em 14/01/14, 06:56 pm

Olá,

Adicione este código CSS:
Código:
#page-header .navbar {
background-color: #1F1F1F;
background-image: -o-linear-gradient(#313029,#58564A50%,#313029);
border-bottom: transparent!important;
border-color: #CCC;
border-top: 4px solid #23f754!important;
height: 44px;
overflow: visible!important;
padding: 1px 9px!important;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: #fff;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#page-header .navbar li:hover {
-webkit-transition: all .2s linear;
background: url(http://img69.imageshack.us/img69/9241/semttulo1ak.png) no-repeat 30% top;
}
#page-header .navbar li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://img69.imageshack.us/img69/9241/semttulo1ak.png) no-repeat 30% 50px;
display: inline;
font-size: 1.15em;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
CPainel ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de Estilo CSS

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Barra de navegação

Mensagem por Convidado em 14/01/14, 09:47 pm

Coloquei o codigo ai olha como fico



Como tiro a barra laranja?

Convidado
Convidado


Resolvido Re: Barra de navegação

Mensagem por First em 14/01/14, 10:38 pm

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
.linklist.navlinks {
background: #1F1F1F!important;
border-color: transparent!important;
}
Valide.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Barra de navegação

Mensagem por Convidado em 14/01/14, 11:14 pm

Bom ultima coisinha, hora que vc passa o mouse em cima barra em um link aparece o barrinha azul claro da antiga barra e eu não to conseguindo tirar, tem como me ajudar?

Convidado
Convidado


Resolvido Re: Barra de navegação

Mensagem por Alex Habilidade em 15/01/14, 10:57 am

Olá,

Não compreendi exatamente o que o senhor se refere, poderia publicar um print?

Cordiais Saudações;
Alex!Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Barra de navegação

Mensagem por Convidado em 15/01/14, 11:34 am



Dá pra percebe um risco azul claro na imagem e de fundo das fontes tambem

Convidado
Convidado


Resolvido Re: Barra de navegação

Mensagem por Alex Habilidade em 15/01/14, 12:16 pm

Olá,

Adicione em sua folha CSS:
Código:

.linklist.navlinks a:hover {
box-shadow: none !important;
}

Cordiais Saudações;
Alex!Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Barra de navegação

Mensagem por Convidado em 15/01/14, 01:12 pm

Ok resolveu obrigado, pode fechar.

Convidado
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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