Genişleyen arama kutusu hakkında |
12 Mesajlar | 1.986 Okunma | ||
- Üyelik 04.07.2017
- Yaş/Cinsiyet 29 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad U** G**
- Mesajlar 52
- Beğeniler 6 / 5
- Ticaret 0, (%0)
yakın zamanda bir e book çıkarıcam, linkini atarım
başarmak istiyorsan önce kendine inan, gerisi gelir.
- Üyelik 10.11.2013
- Yaş/Cinsiyet 27 / E
- Meslek Front-End Developer
- Konum Adana
- Ad Soyad S** D**
- Mesajlar 1345
- Beğeniler 234 / 472
- Ticaret 12, (%100)
Cevapları okumadım. Cevabınız verildimi bilmiyorum. Fakat ayrıntıya girmeden mantığı şöyle özetleyeyim.
Tavsiye; Verdiğiniz örnekte hover kullanılmış fakat bu hiç kullanışlı değil. Mouse input üstünden kalktığı an bir şey yazarken kapanır input. En iyisi focus ile çalışmanız.
Hepsi bu kadar.
.aramakutusu{
/* Arama kutunuzun ana değerleri ve transition*/
}
.aramakutusu:hover{
/* Ana genişlik değerinin yükseltilmesi, margin ayarları ve position z-index değerleri */
}
.aramakutusu:after{
/* Font Family şeklinde font-awesome un fa classında yer alan değerleri giriniz. Daha sonra content kısmına arama iconunun değerini giriniz. Yükseklik padding ve margin değerleri verip float:right ile sağa yaslayınız. */
}
Tavsiye; Verdiğiniz örnekte hover kullanılmış fakat bu hiç kullanışlı değil. Mouse input üstünden kalktığı an bir şey yazarken kapanır input. En iyisi focus ile çalışmanız.
Hepsi bu kadar.
sefacandemir.com.tr
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)