Cum sa faci un search frumos.

Unele teme il au alte nu.Dar poate sunt persoane care vor sa implementeze asa ceva la blogul lor.Asadara iata codul pentru a introduce in tema voastra casuta de cautare.Pentru wordpress.

<div id=”search-box”>
<form method=”get” id=”searchform” action=”” >
<input type=”text” value=”Cauta pe blog” onfocus=”if(this.value == this.defaultValue) this.value = ”” name=”s” id=”s” />
</form>
</div>

Codul se introduce in header.php al temei in <body> unde mai gasiti si alte div-uri de preferat in div header.Daca nu va descurcati stiti unde sa ma gasiti.Aveti in meniu pagina contact.

Iata si codul care se introduce in style.css

#search-box {margin-top:-10px;
margin-right:10px;
float: right;
width: 230px;
}

#search-box input[type=text] {color:#006699;
font-size:12px;
font-family: verdana, monospace, serif;
width: 180px;
height: 25px;
background: #EEEEEE url(images/cauta.png) no-repeat;
padding-left: 25px;
border: 1px solid #aaa;
color: #000;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
}

cauta.png este poza din partea stanga dar voi puteti pune orice poza in directorul vostre images al temei si sai dati in css denumirea corecta.

2 comentarii la “Cum sa faci un search frumos.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole Populare