Caixa de busca - Adicione essa funcionalidade ao seu site

Caixas de busca do iLocal

Página inicial > Caixas de busca do iLocal

Caixas de busca do iLocal

Adicione o Ilocal no seu site, escolha um dos modelos abaixo e selecione seu código:

Horizontal

<style type="text/css">
.ilocal-vertical { width:205px; height:315px; float:left; padding:15px 0 0 15px;background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/fundo-vertical.jpg) no-repeatleft top;}
.ilocal-vertical ol { padding-top:35px; margin-left:-5px;}
.ilocal-vertical ol li.input-maior { width:197px; height:31px; float:left; padding-bottom:33px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input.jpg) no-repeat lefttop;}
.ilocal-vertical ol li.input-maior input {width:175px; height:22px; border:none; margin:5px 0 10px 10px; font-weight:bold;}
.ilocal-vertical ol li.input-menor { width:122px; height:31px; float:left; padding-right:10px;background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input-menor.jpg) no-repeat left top;}
.ilocal-vertical ol li.input-menor input {width:100px; height:20px; border:none;margin:5px 0 10px 10px; font-weight:bold;}
.ie8 .ilocal-vertical ol li.input-maior input { height:19px; margin:9px 0 10px 10px;}
.ie8 .ilocal-vertical ol li.input-menor input {height:18px; margin:9px 0 10px 10px;}
.ie7 .ilocal-vertical ol li.input-maior-ie { width:197px; height:31px; float:left; margin-top:-35px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input.jpg) no-repeat left top;}
.ie7 .ilocal-vertical ol li.input-maior input { height:20px; border:1px solid #fff;}
.ie7 .ilocal-vertical ol li.input-menor { margin-top:-35px; width:122px; height:31px;float:left; padding-right:10px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input-menor.jpg)no-repeat left top;}
 .ie7 .ilocal-vertical ol li.input-menor input { border:1px solid #fff;}
.ie7 .bt-busca { margin:-35px 0 0 -80px; float:right;}
.ilocal-horizontal {width:691px; height:122px; float:left; margin-bottom:15px; padding:15px 0 0 15px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/fundo-horizontal.jpg) no-repeat left top;}
.ilocal-horizontal ol li { margin:-20px 23px 0 3px;}
img.logo-horizontal { margin:-10px 0 10px 0;}
.ie7 .ilocal-horizontal ol { width:686px; margin-top:-5px}
.ie7 .ilocal-horizontal ol li { margin:-15px 21px 0 5px!important; }
.ie7 .ilocal-horizontal ol li.input-menor { margin-left:2px!important;}
.ie7 .ilocal-horizontal ol li.bt-busca { margin-top:-29px!important;}
</style>


<div class="ilocal-vertical ilocal-horizontal"> <a href="http://www.ilocal.com.br"><img class="logo-horizontal" src="http://www.ilocal.com.br/images/conteudo/usercontrols/topo/logo-internas-novo.jpg"alt="iLocal" title="iLocal" ></a> <ol> <li "class="input-maior"> <input type="text" id="txtTituloHorizontal"name="txtTitulo" /> </li> <li class="input-maior input-maior-ie"><input type="text" id="txtCidadeHorizontal" name="txtCidadeHorizontal" value="São Paulo"/></li> <li class="input-menor"> <select id="ddlEstadoHorizontal" name="ddlEstadoHorizontal"><option value="AC">AC</option><option value="AL">AL</option>  <option value="AM">AM</option> <option value="AP">AP</option> <option value="BA">BA</option> <option value="CE">CE</option> <option value="DF">DF</option> <option value="ES">ES</option> <option value="GO">GO</option> <option value="MA">MA</option> <option value="MG">MG</option> <option value="MS">MS</option> <option value="MT">MT</option> <option value="PA">PA</option> <option value="PB">PB</option> <option value="PE">PE</option> <option value="PI">PI</option> <option value="PR">PR</option> <option value="RJ">RJ</option> <option value="RN">RN</option> <option value="RO">RO</option> <option value="RR">RR</option> <option value="RS">RS</option> <option value="SC">SC</option> <option value="SE">SE</option> <option value="SP" selected="selected">SP</option><option value="TO">TO</option></select></li><li class="bt-busca"><a href="javascript:BuscaNoSiteHorizontal();"><img src="/images/conteudo/misc/ilocal-no-meu-site/bt-busca.jpg" /></a></li> </ol> </div> function BuscaNoSiteHorizontal() { window.open("http://www.ilocal.com.br/busca/?pPalavra="+ encodeURI(document.getElementById("txtTituloHorizontal").value) + "&pUF="+ document.getElementById("ddlEstadoHorizontal").value.toUpperCase() +"&Cidade=" + encodeURI(document.getElementById("txtCidadeHorizontal").value)); }</script>

Vertical

<style type="text/css">
.ilocal-vertical { width:205px; height:315px; float:left; padding:15px 0 0 15px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/fundo-vertical.jpg) no-repeat left top;}
.ilocal-vertical ol { padding-top:35px; margin-left:-5px;}
.ilocal-vertical ol li.input-maior { width:197px; height:31px; float:left; padding-bottom:33px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input.jpg) no-repeat left top;}
.ilocal-vertical ol li.input-maior input {width:175px; height:22px; border:none; margin:5px 0 10px 10px; font-weight:bold;}
.ilocal-vertical ol li.input-menor { width:122px; height:31px; float:left; padding-right:10px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input-menor.jpg) no-repeat left top;}
.ilocal-vertical ol li.input-menor input {width:100px; height:20px; border:none; margin:5px 0 10px 10px; font-weight:bold;}
.ie8 .ilocal-vertical ol li.input-maior input { height:19px; margin:9px 0 10px 10px;}
.ie8 .ilocal-vertical ol li.input-menor input {height:18px; margin:9px 0 10px 10px;}
.ie7 .ilocal-vertical ol li.input-maior-ie { width:197px; height:31px; float:left; margin-top:-35px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input.jpg) no-repeat left top;}
.ie7 .ilocal-vertical ol li.input-maior input { height:20px; border:1px solid #fff;}
.ie7 .ilocal-vertical ol li.input-menor { margin-top:-35px; width:122px; height:31px; float:left; padding-right:10px; background:url(http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/input-menor.jpg) no-repeat left top;}
.ie7 .ilocal-vertical ol li.input-menor input { border:1px solid #fff;}
.ie7 .bt-busca { margin:-35px 0 0 -80px; float:right;}
</style>


<div class="ilocal-vertical"> <a href="http://ilocal10.dualtec.com.br"><img src="http://www.ilocal.com.br/images/conteudo/usercontrols/topo/logo-internas-novo.jpg" alt="iLocal" title="iLocal" /></a>
<ol> <li class="input-maior"> <input id="txtTituloVertical" name="txtTituloVertical" type="text" /></li> <li class="input-maior input-maior-ie"> <input type="text" id="txtCidadeVertical" name="txtCidadeVertical" value="São Paulo" /></li>
<li class="input-menor"><select id="ddlEstadoVertical" name="ddlEstadoVertical"><option value="AC">AC</option><option value="AL">AL</option><option value="AM">AM</option><option value="AP">AP</option><option value="BA">BA</option><option value="CE">CE</option><option value="DF">DF</option><option value="ES">ES</option><option value="GO">GO</option><option value="MA">MA</option><option value="MG">MG</option><option value="MS">MS</option><option value="MT">MT</option><option value="PA">PA</option><option value="PB">PB</option><option value="PE">PE</option><option value="PI">PI</option><option value="PR">PR</option><option value="RJ">RJ</option><option value="RN">RN</option><option value="RO">RO</option><option value="RR">RR</option><option value="RS">RS</option><option value="SC">SC</option><option value="SE">SE</option><option value="SP" selected="selected">SP</option><option value="TO">TO</option></select><li class="bt-busca"><a href="javascript:BuscaNoSiteVertical();"> <img src="http://www.ilocal.com.br/images/conteudo/misc/ilocal-no-meu-site/bt-busca.jpg" /></a> </li> </ol> </div>
<script type="text/javascript"> function BuscaNoSiteVertical() { window.open("http://www.ilocal.com.br/busca/?pPalavra=" + encodeURI(document.getElementById("txtTituloVertical").value) + "&pUF=" + document.getElementById("ddlEstadoVertical").value.toUpperCase() + "&Cidade=" + encodeURI(document.getElementById("txtCidadeVertical").value)); } </script>

Caixas de busca do iLocal

Caixas de busca do iLocal

Horizontal

Vertical

Sobre a OESP

Ferramentas

Siga o Ilocal

Grupo Estado