← HTML + CSS

Criar uma TopBar

Lida 2363 vezes

Offline

Fernando Augusto 
Membro
Mensagens 922 Gostos 0
Feedback +1

Troféus totais: 30
Trófeus: (Ver todos)
Linux User Mobile User Windows User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3

Que códigos são precisos para criar uma Top Bar.

E já agora coloca-la na wordpress também.

Obrigado desde de já.
Offline

Shaddz 
Membro
Mensagens 2324 Gostos 2
Feedback +9

Troféus totais: 29
Trófeus: (Ver todos)
Windows User Linux User Mobile User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Que códigos são precisos para criar uma Top Bar.

E já agora coloca-la na wordpress também.

Obrigado desde de já.


Fui ao xoose.pt e tirei de lá o código

Citar
function abrir_site(){
   valor   = document.getElementById('sites').value;
   if (valor!= '')
   window.open(valor);
}
document.write('<style type="text/css">');
//document.write('* {margin:0;padding:0;}');
document.write('#barra_xoose {background-image: url(http://barra.xoose.pt/barra_bkg.png);;background-repeat: repeat-x;height: 28px;width: 100%;font-family: Verdana, Geneva, sans-serif;font-size: 10px;font-weight: bold;color: #666;text-decoration: none;}');
document.write('#barra_xoose a {font-family: Verdana, Geneva, sans-serif;color: #666;font-weight: bold;font-size: 9px;text-decoration: none;}');
document.write('#barra_xoose a:hover {font-family: Verdana, Geneva, sans-serif;color: #32A6E4;font-weight: bold;font-size: 9px;}');
document.write('#barra_xoose #barra_coluna_1 {width: 42%;float: left;text-align: right;padding-right: 10px;padding-top: 5px;}');
document.write('#barra_xoose #barra_coluna_2 {width: 13%;float: left;text-align: center;}');
document.write('#barra_xoose #barra_coluna_3 {width: 42%;float: left;text-align: left;padding-left: 10px;padding-top: 5px;}');
document.write('#barra_xoose .input {font-family: Verdana, Geneva, sans-serif;font-size: 9px;font-weight: bold;color: #09F;border-top-width: thin;border-right-width: thin;border-bottom-width: thin;border-left-width: thin;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}');
document.write('</style>');
document.write('<div id="barra_xoose">');
document.write('  <div id="barra_coluna_1"><span style="margin-right: 10px;"><a href="http://webmail.xoose.pt" title="E-Mail Xoose" target="_blank" >E-Mail</a> </span> <span style="margin-right: 10px;"> <a href="http://www.forum.xoose.pt" title="Fórum Xoose" target="_blank">F&oacute;rum</a> </span></div>');
document.write('  <div id="barra_coluna_2"><span style="margin-right: 10px;"><a href="http://xoose.pt"><img src="http://barra.xoose.pt/barra_logo.png" alt="Xoose" width="130" height="23" border="0" style="margin-top:1px" /></a></span></div>');
document.write('  <div id="barra_coluna_3"><a href="http://www.blog.xoose.pt/wp-signup.php" title="Cria já o teu blog" target="_blank" >Cria j&aacute; o teu Blog</a>    <select name="sites" class="input" id="sites" onchange="abrir_site();;" style="margin-left: 10px;">      <option value="">Xoose Network</option>      <option value="http://www.software.xoose.pt">Software Livre</option>      <option value="http://www.mulheres.xoose.pt">Mulheres Famosas</option>      <option value="http://www.apostasonline.xoose.pt">Apostas Online</option>      <option value="http://www.dinheiro.xoose.pt">Dinheiro Online</option>      <option value="http://www.receitasculinaria.xoose.pt">Receitas Culin&aacute;ria</option>      <option value="http://www.telemoveis.xoose.pt">Telemoveis</option>      <option value="http://www.rockinrio.xoose.pt">RockinRio Lisboa</option>      <option value="http://www.ligasagres.xoose.pt">Liga Sagres</option>      <option value="http://www.futebol.xoose.pt">Futebol</option>     <option value="http://www.playstation.xoose.pt">Playstation</option>   </select>  </div>');
document.write('</div>');

Fui ao do sapo, e a estrutura dos códigos são semelhantes.
Offline

João Madeira 
Membro
Mensagens 655 Gostos 1
Feedback +3

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

pois e como se adiciona?
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

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

pois e como se adiciona?

Tens que criar um ficheiro JavaScript e colocar um código que o leia...

Eu, sou sincero, já tinha tentado usar o código da Xoose mas a barra fica com uma margem lateral!
Offline

Shaddz 
Membro
Mensagens 2324 Gostos 2
Feedback +9

Troféus totais: 29
Trófeus: (Ver todos)
Windows User Linux User Mobile User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

pois e como se adiciona?

Tenta por no index do template em wordpress.