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: <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&lang=pt"></script>
<?php if (function_exists('fromasearchengine')) {
if (fromasearchengine()) { ?>
<?php } } ?>
</div>
</div>
Código do css: /*++++++ 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@!
Obrigado a todos pela ajuda!