AllaTurkaa

Değerli Allaturkaa Forum Üyeleri Ve Ziyaretçileri!

Sizler için sayfanıza ekleyebileceğiniz, hem şık hem de interaktif çok özel bir DJ Tanıtım Widget'ı hazırladık. Artık DJ kadronuzu, rütbelerini ve yayın saatlerini modern bir galeri içinde sergileyebilirsiniz.
Bu kılavuz, widget'ı sayfanıza eklemeniz, renklerini değiştirmeniz ve DJ bilgilerini güncellemeniz için gerekli tüm detayları içerir.

1. Widget'ı Sayfanıza Ekleme ve Ölçüleri

Bu widget, HTML ve JavaScript tabanlıdır, yani sitenizin veya forumunuzun HTML kodunu destekleyen herhangi bir alana yapıştırılabilir.
iframe Ölçüleri: Widget'ın kendisi maksimum 400 piksel genişliğe ayarlanmıştır. Eğer widget'ı bir iframe içine ekliyorsanız, kırpılma yaşamamak için bu ölçüleri kullanmanızı öneririz: Genişlik 410px ve Yükseklik 850px.
Kayan Yazı Metnini Değiştirme: Üst kısımda akan duyuruyu değiştirmek için, kod içindeki **"marquee-content"** sınıfını arayın ve arasındaki metni değiştirin.

2. DJ Verilerini ve Rütbelerini Düzenleme

Tüm DJ bilgileriniz, JavaScript alanındaki **"djs"** adlı ana veri listesi içinde yer almaktadır.
- DJ Adı (name): DJ'in widget'ta görünecek adıdır.
- Resim (img): DJ'in profil resminin tam ve aktif URL adresi olmalıdır.
- Rütbe (rank): DJ'in yetkisini belirler ve ismin yanındaki simge rengini ayarlar. Kullanılabilecek rütbeler: "admin" (kırmızı), "mod" (mavi) veya "dj" (turuncu).
- Yayın Saati (yayin): Yayın günü ve saat bilgisidir.
- Sosyal Medya (social): Facebook veya Instagram linkleri için ayrılmıştır. Link yoksa mutlaka "link-yok" olarak bırakılmalıdır.

3. Görünüm Ayarlarını Düzenleme (Renkler)

Widget'ın görsel kimliğini oluşturan tüm renkler ve stiller, kodun başındaki **"style"** bölümündeki CSS alanında yer alır. Genel Vurgu Rengi: Kayan yazı, açılır kutu başlığı ve çerçeve gibi ana renkleri, "FF8C00" gibi HEX kodlarını arayarak kolayca değiştirebilirsiniz.
Rütbe Simge Renkleri: Admin simgesi için ".rank-admin", Mod simgesi için ".rank-mod", DJ simgesi için ".rank-dj" sınıflarındaki "background-color" değerini değiştirerek ayarlayın.

4. Widget'ı Geliştirme ve İnce Ayarlar

Daha teknik ayarlamalar yapmak ve tasarımı kişiselleştirmek isteyenler için bu bölümü hazırladık. Resim Boyutları: DJ resimlerinin standart boyutunu (70px kare) değiştirmek isterseniz CSS'teki ".dj-item img" alanındaki genişlik ve yükseklik değerlerini düzenleyin.
Rütbe Simgesi Boyutu: Simge boyutunu (9px kare) değiştirmek isterseniz CSS'teki ".dj-rank-icon" alanındaki genişlik ve yükseklik değerlerini değiştirin. Simgenin konumunu ayarlamak için "top" ve "right" değerleriyle hassas ayar yapabilirsiniz.
DJ İsmi Font Boyutu: İsimlerin daha küçük veya daha büyük görünmesini isterseniz CSS'teki ".dj-item p" alanındaki font-size değerini değiştirerek denemeler yapabilirsiniz.

Bu harika widget ile forumunuza yepyeni bir hava katın! Kullanırken herhangi bir sorunla karşılaşırsanız bize sormaktan çekinmeyin.