PERSONALIZOWANA WYSZUKIWARKA BLOGOWA

Zauważyliście moją wyszukiwarkę blogową? ;)

Nawet takie coś można wyczarować ;)

I działa! Sprawdźcie!

Stworzyłam i dla Was takie trzy.

Powstaną jeszcze inne na bank :)

Jak zainstalować wyszukiwarkę?
Nic trudnego!
Wchodzicie w układ bloga
i dodajecie gadżet HTML/JavaScript.
Tam wklejacie pierwszy, drugi lub trzeci styl wyszukiwarki.
Zapisujecie i gotowe :)

Styl 1

<style type="text/css"> #searchbox{background:url(http://i64.tinypic.com/6zanv9.jpg) no-repeat;width:259px;height:65px}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input{outline:none}#searchbox input[type="text"]{background:transparent;padding:2px 0 2px 20px;margin:10px 15px 0 0;border-width:0;font:bold 16px "Brush Script MT",cursive;color:#fd8078;width:65%;display:inline-table;vertical-align:top}#button-submit{background:url(http://i63.tinypic.com/21lrct0.jpg) no-repeat;border-width:0;cursor:pointer;margin-top:10px;width:19px;height:25px}#button-submit:hover{background:url(http://i63.tinypic.com/fw58bc.jpg) no-repeat}#button-submit:active{background:url(http://i63.tinypic.com/fw58bc.jpg) no-repeat;outline:none}#button-submit::-moz-focus-inner{border:0} </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input class="textarea" name="q" type="text" size="15" placeholder="Szukaj..." /><input id="button-submit" type="submit" value="" /></form>

 Styl 2

  <style type="text/css"> #searchbox{background:url(http://i66.tinypic.com/2qcgntc.jpg) no-repeat;width:259px;height:65px}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input{outline:none}#searchbox input[type="text"]{background:transparent;padding:2px 0 2px 20px;margin:10px 15px 0 0;border-width:0;font:bold 16px "Brush Script MT",cursive;color:#595959;width:65%;display:inline-table;vertical-align:top}#button-submit{background:url(http://i63.tinypic.com/fw58bc.jpg) no-repeat;border-width:0;cursor:pointer;margin-top:10px;width:19px;height:25px}#button-submit:hover{background:url(http://i63.tinypic.com/34fjpch.jpg) no-repeat}#button-submit:active{background:url(http://i63.tinypic.com/34fjpch.jpg) no-repeat;outline:none}#button-submit::-moz-focus-inner{border:0} </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input class="textarea" name="q" type="text" size="15" placeholder="Szukaj..." /><input id="button-submit" type="submit" value="" /></form>

Styl 3

<style type="text/css"> #searchbox{background:url(http://i63.tinypic.com/221cso.jpg) no-repeat;width:259px;height:65px}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input{outline:none}#searchbox input[type="text"]{background:transparent;padding:2px 0 2px 20px;margin:10px 15px 0 0;border-width:0;font:bold 16px "Brush Script MT",cursive;color:#8dca27;width:65%;display:inline-table;vertical-align:top}#button-submit{background:url(http://i65.tinypic.com/acfmhj.jpg) no-repeat;border-width:0;cursor:pointer;margin-top:10px;width:19px;height:25px}#button-submit:hover{background:url(http://i65.tinypic.com/2z70dhu.jpg) no-repeat}#button-submit:active{background:url(http://i65.tinypic.com/2z70dhu.jpg) no-repeat;outline:none}#button-submit::-moz-focus-inner{border:0} </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input class="textarea" name="q" type="text" size="15" placeholder="Szukaj..." /><input id="button-submit" type="submit" value="" /></form>

Zapraszam wkrótce po kolejne wzory ;)