Menu com fundo personalizado

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

Resolvido Menu com fundo personalizado

Mensagem por Vinicius._. em 21/02/14, 02:41 pm

Qual é minha questão:


Meu menu ta assim acima /\


Quero deixar assim abaixo:


Vi isso em:
http://designapocalipse.forumeiros.com/forum

Endereço do meu fórum:
http://entinitygaming.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu com fundo personalizado

Mensagem por Hancki em 21/02/14, 03:41 pm

Olá!

Use:
Código:
#page-header .navbar {
  background-color: transparent !important;
  background: url('http://i.imgur.com/xiqqi.png') !important;
  background-repeat: repeat-x !important;
  background-attachment: scroll !important;
  background-position: center top !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  width: 99.3% !important !important;
}
Resultado: http://prntscr.com/2ujw22

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu com fundo personalizado

Mensagem por Vinicius._. em 21/02/14, 05:14 pm

É pra eu colocar esse codigo na css?
@edit

Certo, só que a linha azul no menu ta muito grossa, teria como deixa-la fina?
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu com fundo personalizado

Mensagem por Hancki em 21/02/14, 05:43 pm

Use mais este:
Código:
#page-header div.navbar {
border-top: none !important;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu com fundo personalizado

Mensagem por Androide._. em 21/02/14, 05:50 pm

aqui funcionou teria como juntar o banner com o menu pq tipo fica uma linha branca separando

Androide._.
Nível 3

Masculino
Inscrito dia : 07/09/2012
Mensagens : 20
Pontos Ativos : 32

Ver perfil do usuário http://nvcgames.sampforum.net/forum

Resolvido Re: Menu com fundo personalizado

Mensagem por Alex Habilidade em 21/02/14, 07:09 pm

Olá,

Adicione em sua folha CSS:
Código:

#page-header .navbar ul.linklist.navlinks {
margin-top: -21px!important;
}

Vale ressaltar que essa linha branca que você se refere, em meu navegador não aparece, somente quando modifico o zoom - Aparentemente vai depender da resolução de cada computador.

Alex
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/

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