Yaratıcı Tooltip Örnekleri

Günlük hayatta bir şeyleri açıklamak için notlar düşmek, oldukça kullanışlı bir yöntem olup internet sitelerinde de durum aslında buna oldukça benzer işlemektedir. İnternet sitelerinde de bu şekilde çalışmakta olan “tooltip” adı verilen ipuçları bulunmaktadır. Bazen bir bağlantının, bazen de bir butonun üzerine geldiğinizde size açıklama sunan bu araçlarla bilgisayar kullanımınız boyunca aslında oldukça sık karşılıyorsunuz. Günlük hayatta not kağıtları nasıl renk renk ve desen desen ayrılıyorsa tooltip araçları da aslında böyle renk renk ve desen desen ayrılmaktadır. Konu buraya kadar gelmişken Codrops tarafından oluşturulan bazı yaratıcı tool tip örneklerine bir göz atalım bakalım. Örneklere Göz Atmak İçin Tıklayın

Devamını Oku ›

CSS ile Kaydırma Çubuğunu Özelleştirme

Kaydırma çubuğu (scrollbar), tarayıcıların en çok kullanılan fakat kullanıldığından daha az dikkat çeken bir kısmıdır. Bir internet sitesi tasarımı komple olmalıdır ve ufak detaylar tasarımınızı farklı kılmanıza çok büyük katkılar sağlayabilir. Web sitenizin kenarında bulunması kaçınılmaz olan kaydırma çubuğu, web tarayıcıların standart tasarımına sahiptir fakat komple bir tasarım sağlamak için kaydırma çubuğunu da özelleştirmek mümkündür. Her ne kadar ilk bakışta ufak bir detay gibi gözükse de aslında uygun bir özelleştirme ile tasarıma renk katmak mümkündür. Bilgisayar kullanmaya başladığından beri herkesin bir şekilde gözünün önünde olduğu kaydırma çubuğunu şekillendirmek için webkit fonksiyonlarına ihtiyaç duyulmakta. İhtiyaç duyulan kodları paylaşmadan önce ufak bir bilgilendirme: Belirli…

Devamını Oku ›

Modern Tab Menü Örnekleri

Bir projede baştan başlayarak tab menü oluşturmak oldukça sıkıcı olacağından sizin için kısa jQuery kodları ile hazırlanmış 4 farklı tab menü örnekleri içerisinden birini kullanarak kolayca sekmeli menüler oluşturabilirsiniz. Modern görünüşlü yatay ve dikey tab menü örneklerini projelerinizde olduğu gibi kullanabilir ya da CSS kodları üzerinde yapacağınız ufak değişikliklerle kendi zevkinize göre düzenleyebilirsiniz. Örnekleri olduğu gibi web sitenizde kullanmak isterseniz indireceğiniz dosyanın içerisindeki HTML kodlarının içerisinde açıklama satırları ile kopyalamanız gereken alanlar belirtilmiştir. Bu şekilde hızlı bir şekilde tab menüleri kendi web sitenize ekleyebilirsiniz. Örnekleri Görüntüle / Örnekleri İndir

Devamını Oku ›
kod.gen.tr