29 janeiro 2013

Caixa de pesquisa personalizada


creditos na imagem~

 Hello Bolinhos multicoloridos com sabor de baunilha que parecem até macarons e que eu adoro^^ -q
Continuando com os tutoriais do novo layout, Pusheen the Cat, hoje eu trouxe um tutorial que deixa a aparencia do blog mais fofa, é só mu detalhezinho, sim, mas faz diferença. Eu achei essa caixa de pesquisa personalizada la no Cherry Bomb, creditos a ele^^.


Para saber mais sobre o tutorial continue lendo~






Primeiramente va no HTML e procure por ]]></b:skin>, assim que achar cole esse codigo acima:




.search{
float: left;
font-family: Century Gothic !important; /* Fonte do campo de texto*/
}
.searchbar{
height: 20px; /*Altura da caixa*/
width: 190px; /*largura da caixa*/
border-radius:15px;
background:#fff;
text-align:center;
color:#ff048c !important; /*cor do texto*/
font: 12px Century Gothic !important; /*fonte do texto*/
}
.searchbut{
background: url('Url da imagem do botão');
width:30px; /*Largura do botão*/
height:30px; /*altura do botão*/
border: 0;
padding:7px;
}


Depois disso adicione um Gadget de HTML e cole

<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>

Va personalizando até você achar que esta bom.



Kissus and Bye Bye~




3 comentários:

  1. Olá!

    Eu acabo de criar um grupo no Facebook para garotas otomes que blogam. E gostaria que você participasse!
    A ideia é criar uma network de blogueiras que gostem de animes, mangás, cosplay e afins para discutir assuntos e trocar contatos!
    A blogosfera otome é um pouquinho desunida, vamos nos socializar e aumentar o potencial dos nossos blogs!

    Enfim, caso se interesse, o link para o post explicativo o grupo está aqui:
    http://migre.me/d1pdF
    E o grupo está nesse endereço: http://migre.me/d1pBo

    Participe, vai ter bolo! so q n *apanha*
    Agradeço a atenção!

    Muitos beijos,
    UsagiQUEEN ~
    http://otometeatime.com.br

    ResponderExcluir
  2. hey, gostaria de saber como se faz essa "caixa" que fica mudando a imagem aleatoriamente que nem no seu blog? vlw :3

    ResponderExcluir
  3. Yooo' Você recebeu a tag do Shiro :3 (que sou eu u.u) Aceita?

    http://otaku-de-cachecol.blogspot.com.br/2013/01/tag-o.html

    ResponderExcluir

Comente o que quiser, mas com o minimo de respeito, ok >:?