Como fazer essa bara de menu?

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

Resolvido Como fazer essa bara de menu?

Mensagem por ToMaS_HalloweeN em 12/01/13, 02:06 pm

Qual é minha questão:
Bom eu queria saber a colocar essa barra do menu


Forum que vi : http://gtatunning.forumeiros.com/forum


Print para quem nao percebeu



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

Versão do fórum:
PHPBB3


Última edição por ToMaS_HalloweeN em 12/01/13, 03:26 pm, editado 2 vez(es)
avatar

ToMaS_HalloweeN
Nível 6

Masculino
Inscrito dia : 05/12/2012
Mensagens : 77
Pontos Ativos : 128

Ver perfil do usuário http://ajuda.forumeiros.com/register?agreed=true&step=2

Resolvido Re: Como fazer essa bara de menu?

Mensagem por Consolado em 12/01/13, 02:17 pm

Olá!

Poderia passar o link do seu fórum?

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como fazer essa bara de menu?

Mensagem por ToMaS_HalloweeN em 12/01/13, 02:21 pm

Filo hoje,


gtapersonalizado.forumeiros.com.pt


e sem querer pos o botao resolvido mas nao esta
avatar

ToMaS_HalloweeN
Nível 6

Masculino
Inscrito dia : 05/12/2012
Mensagens : 77
Pontos Ativos : 128

Ver perfil do usuário http://ajuda.forumeiros.com/register?agreed=true&step=2

Resolvido Re: Como fazer essa bara de menu?

Mensagem por LucaaS Sizanoski em 12/01/13, 02:23 pm

Olá fórum é de minha autoria

Código :

Código:
 /****************MENU********************/
#page-header .navbar {
background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
}
ul.linklist {
  border-bottom: none;
}
#search-box {
  display: none;
}

#page-header .navbar a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1em 0 #818181;
    text-transform: uppercase;
    top: 5px;
}

#page-header .navbar a:hover {
    background-color: transparent;
    background-image: url("http://illiweb.com/fa/pbucket.gif");!important
    background-repeat: repeat-x;
    padding: 14px;
    background-color: none;
    border: none;
    border-radius: 0;
    text-shadow: 0 0 1px #818181;
}


/***Efeito Menu Fixo**/
#page-header .navbar{position: fixed; top: 0px; left: 0px; width: 100%;
 
 

Adicione -

Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo (CSS)

Resulta ? Até mais , cordialmente iFasT Café
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Como fazer essa bara de menu?

Mensagem por Consolado em 12/01/13, 02:25 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#page-header .navbar{background:url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;fancybox-tmpiframefancybox-tmpobjectvertical-align:top;height:61px!important;left:0;margin:0;padding:0;position:fixed;top:0;width:100%}ul.linklist{border-bottom:none}#search-box{display:none}#page-header .navbar a{color:#FFF;font-size:12px;font-weight:700;position:relative;text-align:center;text-shadow:0 .1em 0 #818181;text-transform:uppercase;top:5px}#page-header .navbar a:hover{background-color:none;background-image:url(http://illiweb.com/fa/pbucket.gif);border:none;border-radius:0;importantbackground-repeat:repeat-x;padding:14px;text-shadow:0 0 1px #818181}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como fazer essa bara de menu?

Mensagem por ToMaS_HalloweeN em 12/01/13, 02:28 pm

Funfo mas

avatar

ToMaS_HalloweeN
Nível 6

Masculino
Inscrito dia : 05/12/2012
Mensagens : 77
Pontos Ativos : 128

Ver perfil do usuário http://ajuda.forumeiros.com/register?agreed=true&step=2

Resolvido Re: Como fazer essa bara de menu?

Mensagem por Consolado em 12/01/13, 02:36 pm

Olá!

Painel de Controle Seta Visualização Seta Home Page Seta Cabeçalho e Navegação
Em "Exibir apenas as imagens no menu de navegação" selecione Não.
Em "Posição do menu" selecione Centralizar.

Melhores cumprimentos!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como fazer essa bara de menu?

Mensagem por StyLe® em 12/01/13, 02:46 pm

Olá!

Desculpe a demora!

Acede à "Folha de estilo CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
#page-header .navbar {
background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
}
ul.linklist {
  border-bottom: none;
}
#search-box {
  display: none;
}

#page-header .navbar a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1em 0 #818181;
    text-transform: uppercase;
    top: 5px;
}

#page-header .navbar a:hover {
    background-color: transparent;
    background-image: url("http://illiweb.com/fa/pbucket.gif");!important
    background-repeat: repeat-x;
    padding: 14px;
    background-color: none;
    border: none;
    border-radius: 0;
    text-shadow: 0 0 1px #818181;
}

Resulta?


Até mais.

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como fazer essa bara de menu?

Mensagem por ToMaS_HalloweeN em 12/01/13, 03:25 pm

Resolvido meu adm preferido Today !


Vlw a todos mesmo assim por terem ajudado !

Flw

Resolvido
avatar

ToMaS_HalloweeN
Nível 6

Masculino
Inscrito dia : 05/12/2012
Mensagens : 77
Pontos Ativos : 128

Ver perfil do usuário http://ajuda.forumeiros.com/register?agreed=true&step=2

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