Colocar barra no menu

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

Resolvido Colocar barra no menu

Mensagem por konekta Brasil em 25/06/12, 07:08 pm

Qual é minha questão:
Olá,

Gostaria de colocar uma barra no menu igual a esta: http://i47.servimg.com/u/f47/17/17/42/45/cats20.jpg

No mesmo lugar: http://i47.servimg.com/u/f47/17/17/42/45/cats118.jpg

Eu tinha o codigo mais perdi ele, tenho apenas imagem que quero colocar: http://i47.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
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Colocar barra no menu

Mensagem por Sr.pepek em 25/06/12, 07:16 pm

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;
}

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil em 25/06/12, 07:32 pm

Deu certo, mais a uma coisa ..
Como tirar esse espaço do lado direito aqui: http://i47.servimg.com/u/f47/17/17/42/45/cats23.jpg

http://i47.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: http://i47.servimg.com/u/f47/17/17/42/45/cats120.jpg
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Colocar barra no menu

Mensagem por #Skull em 25/06/12, 07:46 pm

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>
avatar

#Skull
Usuário destaque

Inscrito dia : 16/03/2012
Mensagens : 608
Pontos Ativos : 889

Ver perfil do usuário

Resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil em 25/06/12, 08:14 pm

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.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Colocar barra no menu

Mensagem por #Skull em 25/06/12, 08:43 pm

Postei no post errado.
askaopskaopska.
1000 Perdões
avatar

#Skull
Usuário destaque

Inscrito dia : 16/03/2012
Mensagens : 608
Pontos Ativos : 889

Ver perfil do usuário

Resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil em 26/06/12, 12:41 pm

UP
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Colocar barra no menu

Mensagem por Sr.pepek em 26/06/12, 12:53 pm

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;}

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil em 26/06/12, 01:07 pm

Não deu matheus :/
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Colocar barra no menu

Mensagem por Sr.pepek em 26/06/12, 01:31 pm

Tente este

#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:-30px}

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Colocar barra no menu

Mensagem por konekta Brasil em 26/06/12, 07:05 pm

Agora sim deu, obrigado.

Resolvido
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

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