isminiz : sifreniz : Hatirla :

  Sitene Hareketli Arama butonu Kervanlar.net Forumu || HTML - CSS - XML
   Sitene Hareketli Arama butonu

20.03.2018 22:53 Okunma Sayisi 152 Defa
dertlibaba
[yonetici]



Mesaj sayisi : 109
Giris sayisi : 69
Konu puani : 0  Toplam P : 13
Konuya Puan ver
uye bilgileri
Hareketli arama butonu

Html5 ve css3 ile olusturulmus genisleyen arama butonu. Arama butonunun uzerine tikladiginiz zaman istediginiz boyutta buyuyor.

Kod :Baglanti adresi Sadece uyeler icindir Lutfen uye olun!

<meta http-equiv="Content-Typecontent="text/htmlcharset=utf-8"> <title>kervanlar.net sitene hareketli arama butonu</title> <link rel="stylesheettype="text/csshref="style.css">     <form>     <input placeholder="Arama yaptype="search">     </form>



css kodlarindaki renkleri  istediginiz regi yapabilirsiniz resmi googleden bulabilirsiniz

Kod :Baglanti adresi Sadece uyeler icindir Lutfen uye olun!

 input { outlinenone; } input[type=search] { -webkit-appearancetextfield; -webkit-box-sizingcontent-box; font-familyinherit; font-size100%; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { displaynone } input:-moz-placeholder { color#999; } input::-webkit-input-placeholder { color#999; } input[type=search] { background#ededed url(images/ara.jpgno-repeat 9px center bordersolid 1px #ccc; padding9px 10px 9px 32px; width55px; /* Arama Kutusunun ilk boyutu*/   -webkit-border-radius10em; -moz-border-radius10em; border-radius10em;   -webkit-transitionall .5s; -moz-transitionall .5s; transitionall .5s; } input[type=search]:focus { width180px; /* Arama Kutusuna tikladiginizda olusacak boyut*/ background-color#fff; border-color#6dcff6;   -webkit-box-shadow0 0 5px rgba(109,207,246,.5); -moz-box-shadow0 0 5px rgba(109,207,246,.5); box-shadow0 0 5px rgba(109,207,246,.5);




..
                               % : 0-Begendim : 0

delikanlisair
[Site Sairi]



Mesaj sayisi : 88
Giris sayisi : 43
Toplam P : 2
uye bilgileri
eline yuregine saglik


 


21.03.2018 20:18:39
        

[1]
     

Bunlarda Belki ilginizi Cekebilir Tikla.
Acan
Forum istatistikleri
Sitene Hareketli Arama butonu..
dertlibaba
Guzel Hareketli ekart resimleri..
ali28
Forumdaki 17 Kategoride 59 Forum var, Bu forumlara acilan 361 Konuya 474 Cevap yazildi..
uye :  Misafir : 43 Toplam : 43 Rekor :
Aktif uyeler  Aktif uye yok..
Genel Sorumlu - Yonetici - Forum Yoneticisi - Editor - VIP uye
iyiki Dogdunuz Nice yillara.. Bugun Dogan yok!

Site: 0,11 Yuklendi.