Olá caros leitores! Antes de mais nada, Feliz Ano Novo à todos! Eu pretendia fazer uma postagem desejando-lhes o melhor para 2009 ontem, porém com a chuvinha que deu por aqui fiquei sem internet :(. E vamos agora à primeira postagem do ano! (lol)
Como muitos de meus leitores gostaram da dica de
como montar uma caixa de pesquisa em blogs montei um modelo de caixinha simples, porém bonito e funcional. Os quatro modelos abaixo podem ser instalados muito fácilmente - basta clicar no modelo escolhido. Escolha e divirta-se! ;)
<input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/>
<style type="text/css">
.moldura {
color: #6d6845;
border: 8px solid #6d6845;
background-color: #6d6845;
width: 248px;
}
.caixa {
color: #666666;
font-family:'trebuchet ms',helvetica,sans-serif;
border: 1px solid #000000;
background-color: #ffffff;
font-size:100%;
font-color: #cccccc;
align:center;
}
.botao {
color:#0000000;
font-family:trebuchet ms,helvetica,sans-serif;
font-size:100%;
background-color:#cccccc;
border: 1px solid #000000;
}
</style>
<div class="moldura">
<form id="searchthis" action="/search" style="DISPLAY: inline" method="get">
<input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/>
<input value="OK" class="botao" type="submit"/></form>
</div>
<input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/>
<style type="text/css">
.moldura {
color: #6d6845;
border: 8px solid #cc6600;
background-color: #cc6600;
width: 248px;
}
.caixa {
color: #666666;
font-family:'trebuchet ms',helvetica,sans-serif;
border: 1px solid #000000;
background-color: #ffffff;
font-size:100%;
font-color: #cccccc;
align:center;
}
.botao {
color:#0000000;
font-family:trebuchet ms,helvetica,sans-serif;
font-size:100%;
background-color:#cccccc;
border: 1px solid #000000;
}
</style>
<div class="moldura">
<form id="searchthis" action="/search" style="DISPLAY: inline" method="get">
<input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/>
<input value="OK" class="botao" type="submit"/></form>
</div>
<input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/>
<style type="text/css">
.moldura {
color: #6d6845;
border: 8px solid #993300;
background-color: #993300;
width: 248px;
}
.caixa {
color: #666666;
font-family:'trebuchet ms',helvetica,sans-serif;
border: 1px solid #000000;
background-color: #cccccc;
font-size:100%;
font-color: #000000;
align:center;
}
.botao {
color:#0000000;
font-family:trebuchet ms,helvetica,sans-serif;
font-size:100%;
background-color:#cccccc;
border: 1px solid #000000;
}
</style>
<div class="moldura">
<form id="searchthis" action="/search" style="DISPLAY: inline" method="get">
<input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/>
<input value="OK" class="botao" type="submit"/></form>
</div>