[Ajuda] TopBar

[killer999]

Podem-me ajudar a criar uma topbar como a do webtuga.

Obrigado.

[Teotónio Ricardo]

Após o a abertura do body, deves colocar:

Code Select Expand

 

 

 
 WebTuga|AppleTuga|Boorlix|TugaTronica|GameTuga|TugaSport|Mobiletuga|FreakMovies|Até Tem Piada|WebTuga Hosting|Alojamento Gratuito

 

Substituindo os links pelos teus claro. Deverás adicionar também no teu ficheiro css, ou caso não tenhas ficheiro css, deverás colocar entre as tags head o seguinte código:

Code Select Expand

/* Barra Rede
-----------------------------*/
div#webtuga_barra_topo {width: 100%; height: 20px; padding-top: 4px; margin: 0; border-bottom: 1px solid #000; text-align: center; background: #f15b22 url("http://s34.photobucket.com/albums/d109/cenourinha/fundo_barra_rede_webtuga.gif") 0px 4px repeat-x; }
div#webtuga_barra_topo .toporede { width: 978px; height: 24px; margin: 0 auto; text-align: left; }
div#webtuga_barra_topo .LinksRede { padding: 0 10px 0 150px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 20px; color: #333; }
div#webtuga_barra_topo .LinksRede a, .LinksRede a:link, .LinksRede a:visited, .LinksRede a:active { padding: 0 5px; text-decoration: none; color: #bebebe; }
div#webtuga_barra_topo .LinksRede a:hover { color: #FFF;}

div#webtuga_barra_topo .frameredept { background-position: 80px 0px; }
div#webtuga_barra_topo .frameredept .LinksRede { margin: 0 auto; }
Caso não tenhas o ficheiro .css, deves adicionar este código no head do teu html, entre as seguintes tags:

Code Select Expand

[killer999]

Muito obrigado cenourinha.

[PedroWieira]

Ou tambem podes fazer isso por iframes.

[Teotónio Ricardo]

Frames é coisa do século passado.

[CarlosPiriri]

Cenourinha vou utilziar o teu codigo no meu site, com algumas alterações espero que nao te importes.

[killer999]

Ao adicionar a barra (ainda so meti no forum)  no IE desconfigura aquilo, enquanto no firefox não. Como posso corrigir isso no IE?

Deixo aqui o link. Se encontrarem algum outro erro avisem também

http://forum.narutoportugalrpg.com

Obrigado

[killer999]

Cenourinha podes ajudar?

[Teotónio Ricardo]

Coloca uma screenshot, no IE 8 aparece bem.

[killer999]

IE 6 - http://img4.imageshack.us/img4/2145/a1cfe1...8e2919d23d2.png
IE 7 - http://img4.imageshack.us/img4/2350/2f38e8...daed1e76c23.png
Firefox(Correcto) - http://img3.imageshack.us/img3/9739/748115...4213da45a48.png

Aqui esta

[Teotónio Ricardo]

Bem, o código parece estar em condições. Deve ser manhozice do IE... como de costume.

[killer999]

Pois mas só acontece no fórum, pois no site o problema não acontece.

[Teotónio Ricardo]

O IE já vai para a versão 8... só usa IE 6 quem quer.

[killer999]

Sim, nem é pelo IE6, mas sim pelo IE7, pois o menu fica com aquelas falhas e as letras perdem as cores nas categorias