Como alterar a barra de menu

4 participantes

Ir para baixo

Tópico resolvido Como alterar a barra de menu

Mensagem por Melidor 03.03.12 13:54

Qual é minha questão:
Trocar a aparência da barra de menu

Medidas que eu tomei para corrigir o problema:
Vir aki

Links e imagens do meu problema:
https://i.imgur.com/85cf4.png Quero deichar minha barra assim


https://i.imgur.com/6aW94.png Como ele e de verdade



Endereço do meu fórum:
gameslol.forumeiros.com

Versão do meu fórum:
PHPBB2
Melidor
Melidor
Novo Membro

Membro desde : 03/03/2012
Mensagens : 10
Pontos : 16

http://gameslol.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar a barra de menu

Mensagem por MateusV. 03.03.12 13:55

Olá, poderia me mandar o link do forum que viu isto?
Cordialmente.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar a barra de menu

Mensagem por Melidor 03.03.12 14:03

www.bgames.com.br

Para que o interesse
Melidor
Melidor
Novo Membro

Membro desde : 03/03/2012
Mensagens : 10
Pontos : 16

http://gameslol.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar a barra de menu

Mensagem por Roevs 03.03.12 14:42

Tente utilizar este Código

Código:
<span class="corners-bottom"><span></span></span></div></div><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist navlinks"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://hitskin.com/themes/16/83/17/i_icon_mini_index.png" border="0"  hspace="2" alt="Início" title="Início" />Início</a>  </li><li><a class="mainmenu" href="#"><img src="http://cdn1.iconfinder.com/data/icons/ie_Financial_set/16/06.png" border="0"  hspace="2" alt="SHOP" title="SHOP" />SHOP</a>  </li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://hitskin.com/themes/16/83/17/i_icon_mini_search.png" border="0"  hspace="2" alt="Buscar" title="Buscar" />Buscar</a>  <script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
</script></li><li><a class="mainmenu" href="/register" rel="nofollow"><img id="i_icon_mini_register" src="http://hitskin.com/themes/16/83/17/i_icon_mini_register.png" border="0"  hspace="2" alt="Registrar-se" title="Registrar-se" />Registrar-se</a>  </li><li><a class="mainmenu" href="/login" rel="nofollow"><img id="i_icon_mini_login" src="http://hitskin.com/themes/16/83/17/i_icon_mini_login.png" border="0"  hspace="2" alt="Login" title="Login" />Login</a>  </li></ul><div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';" /><input class="button2" type="submit" value="Buscar" /></p></form></div><span class="corners-bottom"><span></span></span></div></div></div>
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar a barra de menu

Mensagem por MateusV. 03.03.12 14:49

Olá, na verdade é um codigo CSS não HTML como o Coper mandou
Código:
.navbar {
color: #0870d1;
font-weight: bold;
font-family: "Verdana";
font-variant: small-caps;
font-variant : sVariant;
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
letter-spacing: -0.5px;
}

.navbar a:hover {
text-decoration: none;
color: #0a8ee6;
}

.navbar img {vertical-align: middle; margin-top: -2px; margin-right: 1px;}
#page-header .navbar {
background-image: url("http://i55.tinypic.com/2yo3gxj.png");
padding:0px 10px;
height: 51px;
margin-top: -4px;
margin-left: -15px;
margin-right: -15px;
}

.forabg, .forumbg {
background-color: #0f528f;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/dew10.png");
}

.navbar .corners-top ,.navbar .corners-bottom {display:none;}

.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}

.headerbar .corners-top ,.headerbar .corners-top {display:none;}

#page-header #search-box {
display: none;
}

.navbar ul {
border : none;
}
div.navbar ul.linklist li.rightside strong a{font-weight:400}
#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}
Cordialmente. Café
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar a barra de menu

Mensagem por Melidor 03.03.12 15:07

Esse que você mandou não funcionou
Melidor
Melidor
Novo Membro

Membro desde : 03/03/2012
Mensagens : 10
Pontos : 16

http://gameslol.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar a barra de menu

Mensagem por MateusV. 03.03.12 17:16

Olá, substitua o codigo por este
Código:
.navbar {
color: #0870d1;
font-weight: bold;
font-family: "Verdana";
font-variant: small-caps;
font-variant : sVariant;
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
letter-spacing: -0.5px;
}

.navbar a:hover {
text-decoration: none;
color: #0a8ee6;
}

.navbar img {vertical-align: middle; margin-top: -2px; margin-right: 1px;}
#page-header .navbar {
background-image: url("http://i55.tinypic.com/2yo3gxj.png");
padding:0px 10px;
height: 51px;
margin-top: -4px;
margin-left: -15px;
margin-right: -15px;
}

.forabg, .forumbg {
background-color: #0f528f;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/dew10.png");
}

.navbar .corners-top ,.navbar .corners-bottom {display:none;}

.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}

.headerbar .corners-top ,.headerbar .corners-top {display:none;}

#page-header #search-box {
display: none;
}

.navbar ul {
border : none;
}
div.navbar ul.linklist li.rightside strong a{font-weight:400}
#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}
.headerbar {
background-color: #12A3EB;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/header10.png");
height: 100px;
margin-left: -15px;
margin-right: -15px;
color: #FFFFFF;
}

#page-header .navbar {
background-image: url("http://i55.tinypic.com/2yo3gxj.png");
padding:0px 10px;
height: 51px;
margin-top: -4px;
margin-left: -15px;
margin-right: -15px;
}

.forabg, .forumbg {
background-color: #0f528f;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/dew10.png");
}

.navbar .corners-top ,.navbar .corners-bottom {display:none;}

.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}

.headerbar .corners-top ,.headerbar .corners-top {display:none;}

#page-header #search-box {
display: none;
#page-header{
position:relative!important;
}
#page-header ul.navlinks{
position:absolute;
  top:-2px;
  right:50px;
  height:30px;
  width:600px;
  background:url("http://i1186.photobucket.com/albums/z362/Nerdzinhu/menu-1.png");
}
Cordialmente.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar a barra de menu

Mensagem por Luciano98 03.03.12 20:51

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
Código:
#page-header .navbar{background-color:transparent}#page-header .navbar .linklist.navlinks{width: 600px;margin: auto;background: url("http://i1186.photobucket.com/albums/z362/Nerdzinhu/menu-1.png") center bottom;height: 30px;background-color: transparent;margin-top: -9px;}#page-header .navbar a.mainmenu{color: #105289;cursor: auto;display: inline;font-family: Arial;font-size: 12px;font-variant: small-caps;font-weight: bold;letter-spacing: normal;line-height: 26px;list-style-type: none;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;text-align: center;text-decoration: none;text-transform: uppercase;}

Salve.

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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