Como alterar a barra de menu
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como alterar a barra de menu
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
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
Re: Como alterar a barra de menu
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>
Re: Como alterar a barra de menu
Olá, na verdade é um codigo CSS não HTML como o Coper mandou
![Café](/users/2612/28/77/07/smiles/557467.gif)
- 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}
![Café](/users/2612/28/77/07/smiles/557467.gif)
Re: Como alterar a barra de menu
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");
}
Re: Como alterar a barra de menu
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização
Imagens e cores
Cores
Folha de estilo CSS
Código:
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
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.
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Como alterar barra menu
» Como alterar a posição do menu
» Como alterar a barra do meu fórum
» Como alterar a foto da barra
» Como alterar a cor do menu
» Como alterar a posição do menu
» Como alterar a barra do meu fórum
» Como alterar a foto da barra
» Como alterar a cor do menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos