AllaTurkaa

Merhaba Allaturkaa Forum Üyeleri ve Ziyaretçiler ,

Bir süredir üzerinde titizlikle çalıştığım, nostalji tutkunlarını ve radyo yayıncılığı ile ilgilenen arkadaşları hedefleyen "Nostalji Radyo & TV" projesini nihayet tamamladım.
Geçmişin o özlenen ruhunu modern, hızlı ve karanlık bir arayüzle dijital dünyaya taşımak istedim.
İsim Numunedir İstediğiniz bir Radyo İsmi Verebilirsiniz.

Bu proje; bir web sitesinden beklenen blog akışı, canlı radyo dinleme, video arşivi ve iletişim gibi temel ihtiyaçları veritabanı gerektirmeden, saf HTML/CSS/JS ile hızlı ve optimize edilmiş bir şekilde sunuyor.
İster kişisel bir blog, ister yayıncılar için bir portal olarak kullanabileceğiniz bu yapıyı aşağıda tüm teknik detaylarıyla inceleyebilirsiniz.
Bazı Bölümler Görseldir ya sürekli elle değiştirilecek yada Php Kodlamayla Aktif edilebilir.

TEKNİK KILAVUZ VE ÖZELLEŞTİRME REHBERİ
1. Tasarım ve Tema Yönetimi (Renkler)
Sitenin görsel yapısı tamamen <style> bloğu içerisinde yer alan :root değişkenleri ile kontrol edilir.

• Renk Değişimi: --gold (Altın sarısı detaylar), --bg (Arka plan), --neon-red (Vurgu) gibi değişkenlerin değerlerini değiştirerek temanın tüm renklerini tek bir noktadan saniyeler içinde özelleştirebilirsiniz.
  
• Düzen: * { box-sizing: border-box; } kuralı sayesinde, eklediğiniz yeni içerikler layout düzenini bozmadan otomatik olarak hizalanır.
  

2. Güncel Blog Sayfası (İçerik Yönetimi)
Blog bölümü id="blog" kapsayıcısı ile yönetilir.

• Yeni Yazı Ekleme: Mevcut <article class="blog-post"> bloklarını kopyalayıp altına yapıştırarak sınırsız sayıda yazı ekleyebilirsiniz.
  
• Görsel ve Metin: <img> etiketindeki src adresine görsel linkinizi, post-title kısmına başlığınızı, post-text kısmına ise içeriğinizi girmeniz yeterlidir.
  
• Yan Menü (Sidebar): aside etiketi içerisindeki sidebar-box yapılarını güncelleyerek "Haftanın Plağı" görselini (rotation animasyonu ile döner) ve duyurularınızı yönetebilirsiniz.
  

3. Radyo Sayfası (Yayın ve Sohbet)
id="radyo" bölümü yayıncılar için özel olarak kurgulanmıştır.

• Canlı Yayın Linki: <audio> etiketi içindeki source src kısmına kendi radyo server linkinizi (MP3/AAC) yapıştırın. filter: invert kodu, oynatıcının sitenizin karanlık temasıyla uyumlu görünmesini sağlar.
  
• Otomatik Güncellemeler: CC_StreamInfo.update() fonksiyonu, yayıncı panelinizden gelen şarkı bilgilerini otomatik çeker. yayin_sayaci fonksiyonu ise yayının süresini anlık olarak hesaplar.
  
• Chat Modülü: Chatango kodunuzu, ozel-chat-modul kısmındaki <script> bloğuna yapıştırın. styles içindeki JSON parametreleri ile sohbet kutusunun şeffaflığını ve renklerini ayarlayabilirsiniz.
  

4. TV Sayfası (Video Arşivi)
id="tv" bölümü YouTube API entegrasyonu ile çalışır.

• Video Değişimi: Her archive-card içerisinde bulunan onclick="videoDegistir('VİDEO_ID')" komutundaki VİDEO_ID kısmını, YouTube linkindeki ilgili kodla değiştirin.
  
• Yeni Video Ekleme: Bir archive-card bloğunu kopyalayın, onclick kısmındaki ID'yi ve img src kısmındaki ID'yi yeni videonuzla değiştirin. Sistem, tıklanan videoyu otomatik olarak HD ve autoplay özellikli olarak başlatacaktır.
  

5. İletişim Sayfası ve Lokasyon
id="iletisim" bölümü etkileşim odaklıdır.

• Harita: Google Maps "Yerleştir" seçeneğinden aldığınız <iframe> kodunu, map-box içerisindeki mevcut kodla değiştirerek konumu sabitleyebilirsiniz.
  
• WhatsApp/Telefon: a href="tel:..." ve a href="[https://wa.me/](https://wa.me/)..." bağlantılarına kendi numaranızı girerek ziyaretçilerinizin size tek tıkla ulaşmasını sağlayın.
  

Sistem Uyumluluğu ve Geliştirme

• Uyumluluk: Proje saf HTML5, CSS3 ve JavaScript (ES6) ile kodlanmıştır. Web tarayıcılarının tamamında ve tüm hosting servislerinde (Blogger, GitHub, VDS, paylaşımlı hosting) ek bir kurulum gerektirmeden çalışır.
  
• PHP ile Genişletme: Projeyi PHP ile geliştirerek; bir veritabanı (MySQL) üzerinden yazıları, videoları ve radyo bilgilerini dinamik bir yönetim panelinden yönetilebilir hale getirebilirsiniz.
• header, footer ve sidebar gibi kısımları include komutuyla ayırarak site genelinde daha hızlı güncelleme yapabilirsiniz.
  

Demo Sayfa: BURADAN BUYRUN

*Zaman akar gider, geriye sadece bıraktığımız izler ve dinlediğimiz o güzel şarkılar kalır; biz geçmişin ruhunu dijitalde yaşatmaya devam ediyoruz.*

Alıntı sahibi "Melodi Melodi"

Ama cok güzel olmus :rolleyes:

Elinize emeginize saglik Paylasiminiz icin Tesekkür ediyorum

3. Radyo Sayfası (Yayın ve Sohbet) bu kisim / kurulmadan Kullanmak isterim Müsadenizle


isminiz haricinde // Renk-Radyo adresi-Yazilar vs degistirme imkanimiz varmidir ?

Kesip Biçip Parçalamak İstediğiniz Gibi Kullanmak Serbest. Güle Güle Kullanın.