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 thoughts on “Cum sa faci un search frumos.

Lasă un răspuns

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

Salut și bine ai venit pe acest blog!

Eu sunt Bucur si acesta este blogul meu in care vei gasi articole in majoritatea lor despre Programare web Front-end si un pic de back-end.

Iată cum mă poți contacta:

Ai o intrebare? nu ezita sa ma contactezi.

Vei primi un raspuns in cel mai scurt timp posibil.

    Numele tau (necesar)

    Email (necesar)

    Subiect

    Mesaj

    Prin utilizarea acestui formular sunteți de acord cu stocarea și manipularea datelor dvs. pe acest site web.