Yalnızca arama kutuları değil, site içerisindeki tüm yazı kutularını şekillenmesinin sitenin görünümüne etkisi büyük. Çok karmaşık veya zor bir düzenleme olmasa da Türk sitelerinde pek kullanıldığını görmüyorum. Bir kaç farklı teknikle bu kutuları şekillendirmek mümkün. Daha önce burada başlamış olduğum konuya farklı bir teknikle devam ediyorum. Bu defa hazırladığımız yazı kutusu grafiğini bir div katmanına arkaplan olarak tanımlayıp üzerine gizlenmiş bir yazı kutusu ekleyeceğiz.
Örnek olarak hazırlamış olduğum buton ve yazı kutusu grafiğini inceleyebilirsiniz:
Butonu ve arama kısmını ayırıyorum, çünkü HTML içerisinde biri yazı kutusuna ve diğeri butona tanımlanıp birbirlerini tamamlayacaklar.
Arama kutusu:
Buton:
Gerekli kodları ve açıklamaları örnek olarak hazırladığım sayfanın kaynak kodlarından öğrenebilirsiniz: Örnek Arama
Resimleri ve HTML dosyasını buradan sıkıştırılmış olarak indirebilirsiniz.
Henüz yorum yapılmadı, ilk yorumu yapmak ister misin?
Yorum Ekleyin