terça-feira, 28 de agosto de 2012

jhgjhgjhg

1. Acesse a guia Modelo e clique no botão Editar HTML. Depois, pressione Ctrl+F para abrir oLocalizador e procure pela linha abaixo.

]]></b:skin>


2. Imediatamente, cole o seguinte código acima da tag encontrada. Se você quiser fazer alterações pessoais na busca, fique a vontade.


#search {
}
#search input[type="text"] {
background: #7d7e7d;
background: -moz-linear-gradient(top,  #525252 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#333333));
background: -webkit-linear-gradient(top,  #525252 0%,#333333 100%);
background: -o-linear-gradient(top,  #525252 0%,#333333 100%);
background: -ms-linear-gradient(top,  #525252 0%,#333333 100%);
background: linear-gradient(top,  #525252 0%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#333333',GradientType=0 );
border: 1px solid #222;
font: normal 12px ;
text-color: #FFFFFF;
height: 12px;
width: 120px;
padding: 6px 15px 6px 3px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
color: #000;
width: 200px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}


4. Depois, acesse a guia Layout e escolha o local onde colocará a busca. Depois, clique no linkAdicionar um gadget e cole o seguinte código na guia Conteúdo.




<form action="/search" id="search" method="get">
<input name="q" placeholder="Faça a sua busca" size="40" type="text" /></form>

Nenhum comentário:

Postar um comentário