← HTML + CSS

[CSS] Barra no topo do site

Lida 14221 vezes

Offline
m

midnight 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Citação de: -RJ- em 21/Jul/2008 14:28
Mas pa em tipo frame , mesmo que fazendo scroll down ela mantenha-se no topo da parte visivel pagina no browser ou apenas para ficar no topo pagina tipo estática?
Em ambos os casos não é muito complicado...

e' so mudar no css ou acrescentar

position : fixed ou absolute
Offline
W

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Não há já feitos? Em que basta mudar o link da imagem e posteriormente os links que aparecem? É que tou-me a ver aflito a fazer isto
Offline
c

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Eles já tão feitos... qual é a dificuldade de ir ver o source code e copiar?
:|
Offline
W

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Mas só tenho desse aí que me mostraste, por exemplo alguém sabe algum do sapo?

Ver o do Aeiou.
Offline
W

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Para quem queira, ver o código deste: http://toolbar.aeiou.pt/v07/

Ver se consigo a partir daqui.
Offline
m

midnight 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Código: [Seleccione]
<style type="text/css">


#nav {



width: 100%;



height:25px;



background-image: url('bg.jpg');



background-repeat:repeat-x;



font-family:Verdana,Arial, Helvetica, sans-serif;



font-size:10px;



color:#FFFFFF;



text-align:center;



font-weight: bold;



opacity: 0.9;



top: 0px;



margin-left: 0px;



right: 0px;



margin-top: 0px;



position: absolute }


    </style>

depois metes em qualquer sitio da página

<div id="nav"></div>

mais fácil é impossivel..
Offline
W

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Já fiz, Muito obrigado

No entanto foi renhido por causa do Explorer, sempre a mesma treta.
Offline
s

superamon 
Membro
Mensagens 72 Gostos 0
Feedback +5

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Aproveitando o tópico... eu consegui fazer a barra e introduzi lá links, mas os links ficam da mesma cor de todos os outros links presentes na página (provavelmente devido ao ficheiro style.css do wordpress).

Há alguma maneira dos links que estão nessa barra terem uma cor diferente dos links do resto do blog?
Offline

Diogo92 
Membro
Mensagens 62 Gostos 0
Feedback +1

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts First Post

Eu sei que o tópico é muito antigo, mas talvez o Webito me possa ajudar. Eu instalei uma barra no topo do meu site utilizando o código indicado pelo midnight, no Firefox está perfeito, mas no IE aparece tudo desconfigurado. Alguém me consegue ajudar?

 :obrigado:
Offline

Diogo92 
Membro
Mensagens 62 Gostos 0
Feedback +1

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts First Post

Já não é preciso, resolvi o problema.  :grin:

Páginas: 1 2

Posts relacionados

Desenvolvimento

Barra topo para external links

D
Diogo Pinto

Javascript

[JavaScript] Como criar uma barra de topo!

D
Daniel09

HTML + CSS

Barra fixa no topo do site

D
Diogo Pinto