Barra de navegação

3 participantes

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

Tópico resolvido Barra de navegação

Mensagem por Convidado 14.01.14 10:41

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

Barra de navegação GJyrrGz

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 15:23, editado 1 vez(es)
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Alex Habilidade 14.01.14 17:26

Olá,

Veja esse tutorial colega:
Adicionar um menu CSS Maker

Cordiais Saudações;
Alex!Piscada
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra de navegação

Mensagem por BrunoH. 14.01.14 19:51

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.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Convidado 14.01.14 20:38

Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra de navegação

Mensagem por BrunoH. 14.01.14 20:56

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.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Convidado 14.01.14 23:47

Coloquei o codigo ai olha como fico

Barra de navegação 8br1

Como tiro a barra laranja?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por First 15.01.14 0:38

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 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Convidado 15.01.14 1:14

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?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Alex Habilidade 15.01.14 12:57

Olá,

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

Cordiais Saudações;
Alex!Piscada
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Convidado 15.01.14 13:34

Barra de navegação Hu8LqdR

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

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Alex Habilidade 15.01.14 14:16

Olá,

Adicione em sua folha CSS:
Código:

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

Cordiais Saudações;
Alex!Piscada
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Convidado 15.01.14 15:12

Ok resolveu obrigado, pode fechar.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos