Colocar barra no menu
3 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
Colocar barra no menu
Qual é minha questão:
Olá,
Gostaria de colocar uma barra no menu igual a esta: https://i.servimg.com/u/f47/17/17/42/45/cats20.jpg
No mesmo lugar: https://i.servimg.com/u/f47/17/17/42/45/cats118.jpg
Eu tinha o codigo mais perdi ele, tenho apenas imagem que quero colocar: https://i.servimg.com/u/f47/17/17/42/45/untitl23.png
Links e imagens do meu problema:
*
Endereço do meu fórum:
http://fanaticosweb.forum.st
Versão do meu fórum:
PHPBB3
Olá,
Gostaria de colocar uma barra no menu igual a esta: https://i.servimg.com/u/f47/17/17/42/45/cats20.jpg
No mesmo lugar: https://i.servimg.com/u/f47/17/17/42/45/cats118.jpg
Eu tinha o codigo mais perdi ele, tenho apenas imagem que quero colocar: https://i.servimg.com/u/f47/17/17/42/45/untitl23.png
Links e imagens do meu problema:
*
Endereço do meu fórum:
http://fanaticosweb.forum.st
Versão do meu fórum:
PHPBB3
Re: Colocar barra no menu
Olá ,
Código :
Painel De Controle --> Visualização --> Imagens & Cores --> Cores --> Folha de estilo
Código :
- Código:
#page-header .navbar ul.navlinks {
background: url("http://i47.servimg.com/u/f47/17/17/42/45/untitl23.png") no-repeat scroll center top transparent;
height: 55px;
left: -29px;
position: relative;
width: 1135px;
}
Re: Colocar barra no menu
Deu certo, mais a uma coisa ..
Como tirar esse espaço do lado direito aqui: https://i.servimg.com/u/f47/17/17/42/45/cats23.jpg
https://i.servimg.com/u/f47/17/17/42/45/cats21.jpg
Antes de colocar a barra meu fórum era normal, não tinha espaço nenhum, era assim: https://i.servimg.com/u/f47/17/17/42/45/cats120.jpg
Como tirar esse espaço do lado direito aqui: https://i.servimg.com/u/f47/17/17/42/45/cats23.jpg
https://i.servimg.com/u/f47/17/17/42/45/cats21.jpg
Antes de colocar a barra meu fórum era normal, não tinha espaço nenhum, era assim: https://i.servimg.com/u/f47/17/17/42/45/cats120.jpg
Re: Colocar barra no menu
Ola amigo,
Crie um widget com o seguinte codigo
Crie um widget com o seguinte codigo
- Código:
<style>#gb {
position:fixed;
top:150px;
z-index:+1000;
left:-610px;
}
* html #gb {
position:relative;
}
.gbtab {
height:161px;
width:47px;
float:right;
cursor:pointer;
background:url('http://img710.imageshack.us/img710/161/abrirxat.png') no-repeat;
margin-top:100px;
}
.gbcontent {
float:left;
border:2px solid #8c00c1;
background:#fff;
opacity:0.80;
-moz-opacity: 0.80;
filter: alpha(opacity=80);
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
padding:8px;
}</style>
<script src='http://dl.dropbox.com/u/25793603/ratings.js'></script>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 47-w) : moveGB(10-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script><div id='gb'><div class='gbtab' onclick='showHideGB()'>
</div><div class='gbcontent'><div style='line-height:0;background-position:center;width:590px;height:310px;'>
<embed align='middle' allowscriptaccess='sameDomain' flashvars='id=174288359' height='310' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='590' wmode='transparent'></embed>
</div>
</div>
</div>
#Skull- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Re: Colocar barra no menu
Olá,
O codigo que você me passou adcionou um xat em meu fórum e não é disso que estou precisando, minha duvida é outra, releia novamente o que eu disse na postagem acima.
O codigo que você me passou adcionou um xat em meu fórum e não é disso que estou precisando, minha duvida é outra, releia novamente o que eu disse na postagem acima.
Re: Colocar barra no menu
Postei no post errado.
askaopskaopska.
1000 Perdões
askaopskaopska.
1000 Perdões
#Skull- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Re: Colocar barra no menu
Olá ,
Painel De Controle --> Visualização --> Imagens & Cores --> Cores --> Folha de estilo .
Substitu-a o código por esse .
Código :
Painel De Controle --> Visualização --> Imagens & Cores --> Cores --> Folha de estilo .
Substitu-a o código por esse .
Código :
- Código:
#page-header .navbar ul.navlinks{background:url(http://i47.servimg.com/u/f47/17/17/42/45/untitl23.png) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-13px;}
Re: Colocar barra no menu
Tente este
#page-header .navbar ul.navlinks{background:url(https://i.servimg.com/u/f47/17/17/42/45/untitl23.png) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}
Tópicos semelhantes
» Como colocar a barra de menu na parte superior
» Queria mudar a barra de menu e colocar assim
» Barra de menu
» Barra de Menu
» Como colocar o menu acima do banner, e efeito de passar o mouse acima do menu?
» Queria mudar a barra de menu e colocar assim
» Barra de menu
» Barra de Menu
» Como colocar o menu acima do banner, e efeito de passar o mouse acima 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