Merhaba Allaturka Forum Üyeleri ve Değerli Ziyaretçiler!
Bugün sizlerle, Arşivimde Bulduğum, web sitelerinizde veya forum sayfalarınızda kullanabileceğiniz, şık ve göz yormayan modern bir
Sosyal Medya Seçici (Dropdown Menu) çalışmasını paylaşıyorum.
Kırmızı tonların ağırlığından kurtulup, daha profesyonel bir gri-siyah geçişiyle (linear-gradient) tasarımı yeniledim.
İşte bu çalışmanın özellikleri ve nasıl özelleştirebileceğinize dair bilgiler:
Özellikler ve Kullanım Rehberi
1. Hangi Sistemlere Uygun? Bu çalışma standart
HTML5, CSS3 ve JavaScript kullanılarak hazırlanmıştır. Kendi web sitelerinize, kişisel bloglarınıza veya HTML desteği sunan portal sayfalarına rahatlıkla entegre edebilirsiniz.
2. Linkler Nasıl Eklenir / Değiştirilir? index.html dosyasındaki <li> etiketleri arasındaki <a> etiketlerini bularak kendi adreslerinizi ekleyebilirsiniz.
- Örnek: <a href="KENDI_LINKINIZ" target="_blank">...</a> kısmına kendi profil linkinizi yapıştırmanız yeterli.
3. Simgeler (İkonlar) Nasıl Değişir? images/ klasörüne kendi ikonlarınızı atıp, kod içerisindeki src="images/facebook.png" gibi yolları yeni dosya adıyla güncellemeniz gerekir.
4. Renkler Nasıl Değişir? Gözü yormayan antrasit geçişini style.css dosyasındaki .hero sınıfında bulabilirsiniz:
- background-image: linear-gradient(#2c3e50, #000000); Buradaki renk kodlarını (HEX kodları) değiştirerek kendi zevkinize göre ayarlayabilirsiniz.
5. Sayfaya Nasıl Konur?
- style.css dosyasını sitenizin ana dizinine atın.
- index.html içindeki kodları sayfanızın <body> etiketleri arasına yerleştirin.
- Logonuzu ve simgelerinizi images klasöründe tutmayı unutmayın!
- Tüm Her şeyi değiştirmekte serbestsiniz, Kısıtlama yoktur.
Dosya İçeriği Özeti
- Üst Kısım: Allaturka Logosu (Ortalı)
- Orta Kısım: Açılır menü şeklinde sosyal medya butonları.
- Alt Kısım: Allaturkaa Forum | Yapımcı imzası.
*Gönül ne kahve ister ne kahvehane, gönül ahbap ister, sosyal medya sadece bahane. Dostluğumuzun baki kalması dileğiyle...*
Genel Bilgiler »
Web Siteleriniz İçin 22 Kategorili, İkonlu & Premium Yan Menü! (Tamamen Ücretsiz)
(Jan 5th 2026, 11:35pm)
Change style
Sunday, March 15th 2026, 12:02am
Go to the top of the page
