Colocar barra no menu

3 participantes

Ir para baixo

Tópico resolvido Colocar barra no menu

Mensagem por konekta Brasil 25.06.12 23:08

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
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por Sr.pepek 25.06.12 23:16

Olá ,

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;
}
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil 25.06.12 23:32

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
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por #Skull 25.06.12 23:46

Ola amigo,
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
#Skull
Membro

Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil 26.06.12 0:14

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.
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por #Skull 26.06.12 0:43

Postei no post errado.
askaopskaopska.
1000 Perdões
#Skull
#Skull
Membro

Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil 26.06.12 16:41

UP
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por Sr.pepek 26.06.12 16:53

Olá ,

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;}
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil 26.06.12 17:07

Não deu matheus :/
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por Sr.pepek 26.06.12 17:31

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}
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil 26.06.12 23:05

Agora sim deu, obrigado.

Resolvido
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.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