← WordPress

Adicionar 2 botões ao header

Lida 1184 vezes

Offline

Nelson de Sousa 
Membro
Mensagens 833 Gostos 0
Feedback +5

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

Olá pessoal.
Estou a tentar erguer um blog, e quero que ele fique relativamente funcional. Para tal, queria-lhe adicionar 2 botões no header, mas não estou a conseguir "acertar" com a posição deles.

O blog tem o seguinte tema:
Como podem ver, o header 'divide-se' em [logo + espaço vazio + caixa de pesquisa].
O que eu queria era adicionar 2 botões do twitter e do facebook no espaço vazio, mas não sei bem como fazer.


Código do html:
Código: (html4strict) [Seleccione]
<div id="wrapper">
<div id="header">
<div id="logo"><h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?><?php echo $langblog;?></a></h1></div>
<div id="searchbox">
<form action="http://XXXXXXXXXXXXXXX.com/resultados-pesquisa" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-XXXXXXX:XXXXXXX" />
    <input type="hidden" name="cof" value="XXXXXXX" />
    <input type="hidden" name="ie" value="ISO-XXXXXX" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Pesquisar" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.pt/cse/brand?form=cse-search-box&amp;lang=pt"></script>
    <?php if (function_exists('fromasearchengine')) {
    if (
fromasearchengine()) { ?>

    <?php } } ?>
</div>
</div>

Código do css:
Código: (css) [Seleccione]
/*++++++ MAIN ++++++++*/
#wrapper { width: 1000px; margin:auto; }
#main { width: 1000px; margin:30px auto 10px; }
#left { float: left; width: 570px; background:url(images/rightbg.gif) repeat-y right; }
#right { float: right; width: 420px; }

/*++++++ HEADER ++++++++*/
#header { height: 76px; width: 1000px; }
#logo { width: 306px; float:left;}
#logo h1{ text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.gif) no-repeat; height:66px; outline:none; margin-top:10px;}

/*++++++ SEARCH ++++++++*/
#searchbox { float:right; width: 295px; height: 24px; margin:35px 20px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 160px; background: none; color:#999999; }



Alguém me consegue ajudar? Eu pensei em criar um género de #botoes ali no CSS e depois chamava com uma <div id="botoes"> no html, mas experimentei fazer e saiu merd@!   :-k  :P

Obrigado a todos pela ajuda!   :obrigado:
Offline

Nelson de Sousa 
Membro
Mensagens 833 Gostos 0
Feedback +5

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

Viva,

O utilizador Mambley fez-me o favor de ajudar, muito prestável.

Um abraço e muito obrigado pela ajuda!  :obrigado: