CRITICA TROLLADA: Delicadissima

Bom vou ser curto e grosso nessa (igual ao meu pau muhauabansh) esse blog é horrivel.
Dona metida a besta, aquele background piscando é um cu pros olhos e lá não tem nada que presta.
Não sei o que vossa merce faz naquele blogue orrento.
  Queria trollar a dona, mas a vaca nao tem foto. Então plagiei um post de lá. Lembrando que nao gostei dessa porra, apenas estou plagiando para irrita-la. XINGUEM BASTANTE!

Vocês perceberam que alterei partes do layout, inclusive a Search Box (caixa de pesquisa), que ficou uma fofura (pelo menos eu achei). Eu fui alterando, alterando, até chegar aquele estado. A edição é super simples e não há muitos códigos.  É css puro.

Caixa de Pesquisa - By Delicadíssima

Primeiro eu irei dar nome aos bois para entendermos melhor o que iremos editar:

O input e o button estão dentro de outra div maior, a "search" (esqueci de pôr, hehe)

Copiando o CSS...

Primeiro, você irá copiar este código completo:




#search{

float: center; 

text-align:center;

background: transparent;

}

#input {    

padding: 5px 9px;

min-height: 30px;

max-width: 200px;

border: 1px solid #a4c3ca;

font: normal 13px 'Tahoma';

background: #f2f1f1;

-moz-border-radius: 50px 3px 3px 50px;

border-radius: 50px 3px 3px 50px;

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);

}

#searchbox .buttons {    

        background: #148581;

        background-image: -moz-linear-gradient(#38e1db, #148581);

        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #148581),color-stop(1, #38e1db));

        -moz-border-radius: 3px 50px 50px 3px;

        border-radius: 3px 50px 50px 3px;

        border-width: 1px;

        border-style: solid;

        border-color: #7eba7c #578e57 #447d43;

         -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

         -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

         box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;                

        min-height: 45px;

        max-height: 45px;

        margin: 0 0 0 1px;

        padding: 0;

        max-width: 40px;

        min-width: 40px;

        cursor: pointer;

        font: bold 14px Arial, Helvetica;

        color: #23441e;

        text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}    




Copie-o e cole antes de /b:skin.

Acrescentando o HTML

Se quiser acrescentá-lo no widget, basta criar um novo widget e colar o código abaixo. Mas se precisar colocar no layout, aí fica bem mais dificil. Será preciso criar uma nova divisória e acrescentá-la dentro do cabeçalho...

<div id='search'>

<form action='/search' id='searchbox' method='get' style='display:inline;'>

<input id='type' name='q' size='35' type='text' value='PESQUISE...'/>

<input class='buttons' id='search-btn' type='submit' value='Go!'/>

</form></div>

</div>




Salve o widget e pronto! ^^ Está instalado! 

Por hoje é só.

Vocês perceberam que ele está meio "torto" lá em cima? Pois é, é de propósito. Mas, esse eu não vou contar agora não, hahaha, é segredo. 

Beijos!