Text only | Text with Images

Fórum WebTuga

Arquivo => Informática => Webmasters => Topic started by: killer999 on February 24, 2009, 11:05:02 AM

Title: [Ajuda] TopBar
Post by: killer999 on February 24, 2009, 11:05:02 AM
Podem-me ajudar a criar uma topbar como a do webtuga.

Obrigado.
Title: [Ajuda] TopBar
Post by: Teotónio Ricardo on February 24, 2009, 01:27:38 PM
Após o a abertura do body, deves colocar:

Code Select

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
/* 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
Title: [Ajuda] TopBar
Post by: killer999 on February 24, 2009, 05:47:06 PM
Muito obrigado cenourinha.
Title: [Ajuda] TopBar
Post by: PedroWieira on February 25, 2009, 06:43:01 PM
Ou tambem podes fazer isso por iframes.
Title: [Ajuda] TopBar
Post by: Teotónio Ricardo on February 25, 2009, 07:20:26 PM
Frames é coisa do século passado.
Title: [Ajuda] TopBar
Post by: CarlosPiriri on February 27, 2009, 02:35:38 PM
Cenourinha vou utilziar o teu codigo no meu site, com algumas alterações espero que nao te importes.
Title: [Ajuda] TopBar
Post by: killer999 on February 28, 2009, 08:06:09 PM
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 (//%5C%22http://forum.narutoportugalrpg.com%5C%22)

Obrigado
Title: [Ajuda] TopBar
Post by: killer999 on March 01, 2009, 09:27:54 PM
Cenourinha podes ajudar?
Title: [Ajuda] TopBar
Post by: Teotónio Ricardo on March 02, 2009, 12:41:44 AM
Coloca uma screenshot, no IE 8 aparece bem.
Title: [Ajuda] TopBar
Post by: killer999 on March 02, 2009, 12:50:50 AM
IE 6 - http://img4.imageshack.us/img4/2145/a1cfe1...8e2919d23d2.png (//%5C%22http://img4.imageshack.us/img4/2145/a1cfe1abb27e8e2919d23d2.png%5C%22)
IE 7 - http://img4.imageshack.us/img4/2350/2f38e8...daed1e76c23.png (//%5C%22http://img4.imageshack.us/img4/2350/2f38e8ac1efddaed1e76c23.png%5C%22)
Firefox(Correcto) - http://img3.imageshack.us/img3/9739/748115...4213da45a48.png (//%5C%22http://img3.imageshack.us/img3/9739/748115428ab94213da45a48.png%5C%22)

Aqui esta
Title: [Ajuda] TopBar
Post by: Teotónio Ricardo on March 02, 2009, 01:40:05 AM
Bem, o código parece estar em condições. Deve ser manhozice do IE... como de costume.
Title: [Ajuda] TopBar
Post by: killer999 on March 02, 2009, 03:47:41 PM
Pois mas só acontece no fórum, pois no site o problema não acontece.
Title: [Ajuda] TopBar
Post by: Teotónio Ricardo on March 02, 2009, 04:30:23 PM
O IE já vai para a versão 8... só usa IE 6 quem quer.
Title: [Ajuda] TopBar
Post by: killer999 on March 02, 2009, 05:16:58 PM
Sim, nem é pelo IE6, mas sim pelo IE7, pois o menu fica com aquelas falhas e as letras perdem as cores nas categorias
Text only | Text with Images