Jump to content

Colocar imagens em header


SitoMan
 Share

Recommended Posts

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.

Então o endereço do site é: http://hoteismarrocos.com/ e como podem verificar tem o logótipo à esquerda e uma barra de pesquisa à direita. O que eu queria era adicionar 2 imagens entre aqueles 2 espaços.

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://hoteismarrocos.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!  👍

Link to comment
Share on other sites

Uma pergunta no teu blogue tens uma imagem do Twiter uma do facebook e uma do Feed mal colocadas ou é dos meus browser's (Browser's: Opera, Google Chrome e IE 8)?

Ficam debaixo do texto e em má posição.

Era só para avisar XD.

Cumprimentos, Rodrigo Graça.

Essas são outras alterações que eu próprio consigo fazer mas ainda não tive tempo. 🙂

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.