← Blogging/Comunidades

Como criar uma barra de rede de blogs?

Lida 2594 vezes

Offline

Diogo Pinto 
Administrador
Mensagens 4388 Gostos 363
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

Olá a todos,

podiam dar-me uma ajuda? Como se cria uma barra no header de rede de blogs, do tipo http://www.mobiletuga.com/?

Agradecia imenso para um projecto que vai entrar agora em vigor! :)

Um abraço ;)
Offline

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

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

#webtuga
{
width: 100%;
height: 20px;
border-bottom: 0px solid white;
color: white;
background-color: #096ea2;
position: fixed;
top: 0px;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
z-index: 99;

_position: absolute;
_top: expression((dummy = document.documentElement.scrollTop) + "px");
}

#webtuga li
{
display: block;
float: left;
height: 20px;
width: auto;
text-align: center;
line-height: 25px;
display:marker;
font-size: xx-small;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#webtuga li a
{
display: block;
padding-left: 5px;
padding-right: 5px;
line-height: 25px;
color: white;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
}

#webtuga li a:hover
{
background-color: #388ab4;
}

</style>


Código: [Seleccione]
<ul id="webtuga">
  <li><a href="http://www.webtuga.com">WebTuga</a></li>
  <li><a href="http://www.wii-pt.com">Wii PT</a></li>
  <li><a href="http://www.tugatronica.com">TugaTronica</a></li>

  <li><a href="http://www.boorlix.com">Boorlix</a></li>
  <li><a href="http://www.webtuga.tv">WebTuga TV</a></li>
  <li><a href="http://www.gametuga.com">GameTuga</a></li>
  <li><a href="http://www.appletuga.com">AppleTuga</a></li>
  <li><a href="http://www.tugasport.com">TugaSport</a></li>
  <li><a href="http://www.webtuga.net">Alojamento Nacional</a></li>
  <li><a href="http://www.freakmovies.net">Freak Movies</a></li>
  <li><a href="http://www.mobiletuga.com">MobileTuga</a></li>
  <li><a href="http://www.deskmodpt.org">DeskmodPT</a></li>
  <li><a href="http://www.atetempiada.com">AteTemPiada</a></li>
</ul>
Offline

Diogo Pinto 
Administrador
Mensagens 4388 Gostos 363
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

Thank you cenourinha... Já está a funciona: www.videosloucos.net e www.imagensloucas.net

Thank you <3 :-P
Offline

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

Thank you cenourinha... Já está a funciona: www.videosloucos.net e www.imagensloucas.net

Thank you <3 :-P

Digui define melhor altura da barra , esta muito pequena de comprimento
Offline

Diogo Pinto 
Administrador
Mensagens 4388 Gostos 363
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

Thank you cenourinha... Já está a funciona: www.videosloucos.net e www.imagensloucas.net

Thank you <3 :-P

Digui define melhor altura da barra , esta muito pequena de comprimento

No ff não está a funcionar como eu queria :(
Offline

goodsound 
Membro
Mensagens 2485 Gostos 0
Troféus totais: 31
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

Thank you cenourinha... Já está a funciona: www.videosloucos.net e www.imagensloucas.net

Thank you <3 :-P

Digui define melhor altura da barra , esta muito pequena de comprimento

No ff não está a funcionar como eu queria :(
Vai alterando os parâmetros do CSS, até ficar bom.
Offline

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

Thank you cenourinha... Já está a funciona: www.videosloucos.net e www.imagensloucas.net

Thank you <3 :-P

Digui define melhor altura da barra , esta muito pequena de comprimento

No ff não está a funcionar como eu queria :(

tou a utilizar google chrome e corre mal
Offline

Diogo Pinto 
Administrador
Mensagens 4388 Gostos 363
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

No FF e no IE ja esta a 100%... Não me digas que não funciona no chrome... #-o Faz ctrl + f5 please ;)
Offline

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

No FF e no IE ja esta a 100%... Não me digas que não funciona no chrome... #-o Faz ctrl + f5 please ;)

Já está bom  :lol:
Offline

CasaTuga 
Membro
Mensagens 397 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

por acaso no chrome tambem ja vi um site que não ficava igual ao FF
No FF os cantos do site eram redondos, no chrome eram rectos  :lol:
Offline

emortare 
Membro
Mensagens 4 Gostos 0
Troféus totais: 20
Trófeus: (Ver todos)
Super Combination Combination Level 4 Level 3 Level 2 Level 1 First Post Signature Karma Webmaster

100%

 :ideia: