Colocar barra no menu

[konekta Brasil]

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

[Sr.pepek]

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

[konekta Brasil]

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

[#Skull]

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>


[konekta Brasil]

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.

[#Skull]

Postei no post errado.
askaopskaopska.
1000 Perdões

[konekta Brasil]

UP

[Sr.pepek]

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

[konekta Brasil]

Não deu matheus :/

[Sr.pepek]

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}

[konekta Brasil]

Agora sim deu, obrigado.

Resolvido