Quero esse ursinho pra mim >-<
Eu de novo aqui >.<
~Tudo bem??
Bem, trouxe um tuto que é muito útil para quem tem um blog de tutoriais ou com muitos posts, que é a caixa de pesquisa, que facilita muito na hora de procurar um post!!
O resultado será parecido com a caixa de pesquisa do blog
Vamos aprender a fazer??
Vá no seu HTML e aperte Ctrl F ou F3 e procure por:
]]></b:skinAcima desta tag, cole o seguinte código:
.search{Substitua a parte "URL DO BOTÃO" pela URL de uma imagem que você deseja usar como botão da sua caixa de pesquisa.
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;
}
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" type="submit" value="" /> </form>
Alguns botões para vocês:
Bem pessoal é isso!! Espero que tenham gostado do tuto
Kissus~
Créditos: The Lovers
Bem pessoal é isso!! Espero que tenham gostado do tuto
Kissus~
Nenhum comentário:
Postar um comentário