Yoo ♥
Sabe aquela caixinha de pesquisa personalizada no meu layout ?
Então vou ensinar vocês a fazer uma igual
Vamos ?
Vá no seu HTML e aperte Ctrl F ou F3 e procure por:
]]></b:skin
Acima desta tag, cole o seguinte código:
.search{
float: left;
font-family: arial !important; /* Fonte do campo de texto*/
}
.searchbar{
height: 20px; /*Altura da caixa*/
width: 120px; /*largura da caixa*/
text-align:center;
color:#000000; /* cor da fonte da caixa*/
background:#dcdcdc!important; /* cor de fundo da caixa */
box-shadow: inset 1px 1px 6px #dcdcdc; /* sombra interna*/
font: 11px arial !important; /*fonte do texto*/
border: 2px solid #000000; /* borda */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.searchbut{
background: url('URL DO BOTÃO');
width:27px; /*Largura do botão*/
height:20px; /*altura do botão*/
border: 0;
padding:2px;
}
float: left;
font-family: arial !important; /* Fonte do campo de texto*/
}
.searchbar{
height: 20px; /*Altura da caixa*/
width: 120px; /*largura da caixa*/
text-align:center;
color:#000000; /* cor da fonte da caixa*/
background:#dcdcdc!important; /* cor de fundo da caixa */
box-shadow: inset 1px 1px 6px #dcdcdc; /* sombra interna*/
font: 11px arial !important; /*fonte do texto*/
border: 2px solid #000000; /* borda */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.searchbut{
background: url('URL DO BOTÃO');
width:27px; /*Largura do botão*/
height:20px; /*altura do botão*/
border: 0;
padding:2px;
}
Substitua a parte "URL DO BOTÃO" pela URL de uma imagem que
você deseja usar como botão da sua caixa de pesquisa.
Agora adicione um gadget HTML/JavaScript e cole o seguinte código:
Agora adicione um gadget HTML/JavaScript e cole o seguinte código:
<form action="/search" class="search" method="get"> <input class="searchbar"
id="s" name="q" placeholder='Digite o que procura'
type="text" value="" /> <input class="searchbut" t
ype="submit" value="" /> </form>
id="s" name="q" placeholder='Digite o que procura'
type="text" value="" /> <input class="searchbut" t
ype="submit" value="" /> </form>
Segue abaixo os botões pra vocês usarem !
Créditos (x)
Amei o tuto, muito perfeito :)
ResponderExcluirAh, você pediu afiliação no meu blog, claro que aceito ^^
Beijos
html-secrets.blogspot.com.br
Own obg amr !
ExcluirJa te coloco no meu afiliados ta ♥
Amei o tutorial e aceito afiliação.
ResponderExcluir~Chu
Ok obg, ja te coloco no meu afiliados ♥
ExcluirQue blog lindo, também gostei muito e também estou seguindo u.u
ResponderExcluirAaah, eu aceito afiliação sim, já te coloco :))
Obg amr ♥
ExcluirObg tbm ja coloco ♥
Essa caixinha é mega fofa! Amei o tutorial *u*
ResponderExcluirAh! Eu asseito sim afiliação, já vou colocá-la nos meus afiliados ^^
/Seguindo aqui também ;*
P.S.: Brisei nesses coraçãozinhos fofos caindo aqui ^~^
XOXO ;*
empirecss.blogspot.com
Obg amr ♥
ExcluirTbm ja colocarei no meu afiliados ta !
Kisus ♥
Oi... Você perguntou se eu queria fazer parte da elite do teu blog... E a resposta é sim né amor... teu blog é divo e eu sonho ter um layoud perfeito igual o seu... Enfim, quando você me por eu te coloco também... Kiss s2
ResponderExcluir(http://japassoudotempo.blogspot.com)
Ok amora, obg ja te coloco no afiliados !
ExcluirKisus ♥
Nossa adorei o tutorial,muito útil1
ResponderExcluirObrigada pela sua visitinha lá no My Magic Place,a resposta esta lá no seu blog >> Stitch Dreams
Tchau :*
minhas-confissoes-2012.blogspot.com
Obg por retribuir a visita ♥
Excluir