Curta Nossa Pagina No Facebook

Powered By | Blog Gadgets Via Blogger Widgets

Colocando barra de busca acima da sidebar

http://i.imgur.com/Zvyr06X.png
1 -  COM CTRL + F PROCURE POR  ]]></b:skin>
 
2 -  cole o codigo abaixo acima de ]]></b:skin>
 
 /* BUSCA  -  RAFALMIRANDAWEB
 
------------------- */
.barrabusca{
background: url(http://i.imgur.com/fFSibn3.png) no-repeat;
float:right;
width:294px;
height:70px;
margin-top:-20px;
margin-right:-145px;
}
#textpesquisa {
margin:5px 0 0 -265px;
text-align: center;
float:left;
}
#textpesquisa #s {
background:  transparent url() no-repeat left;
width: 190px;
height:22px;
margin: 18px 0 0 285px;
color:#b5b5b5;
font-family: Arial,sans-serif;
border:none;
float:left;
border:display:none;
}
#botaobuscar{
background:  url() no-repeat right;
width:60px;
height:40px;
margin-top:10px;
margin-right:-76px;
border:none;
color:#Fff;
cursor:Pointer;
}
 
 
3 -  COM CTRL + F PROCURE POR  <div id='sidebar-wrapper'>
 
3 -  cole o codigo abaixo acima de <div id='sidebar-wrapper'>
 
<!-- busca -->
<div class='barrabusca'>
<form action='/search' id='textpesquisa' method='get'>
<label class='hidden' for='s'/>
<div>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Pesquisar...&quot;;}' onfocus='if (this.value == &quot;Pesquisar...&quot;) {this.value = &quot;&quot;;}' type='text' value='Pesquisar...'/>
<input id='botaobuscar' type='submit' value='Buscar'/>
</div>
</form>
</div>
<!-- fim busca -->
 
Salve e pronto !!!. 
 
Gostou? Comente e Vire um Seguidor!!!

0 comentários:

Postar um comentário