Şablon:Şarkı: Revizyonlar arasındaki fark

Şubadap Çocuk Ansiklopedisi sitesinden
Gezinti kısmına atla Arama kısmına atla
Değişiklik özeti yok
Değişiklik özeti yok
 
1. satır: 1. satır:
{| style="width:100%; border:1px solid #dcdcdc; border-radius:10px; background:#fdfdfd; padding:20px; border-collapse:separate; border-spacing:10px;"
<div class="song-master-wrapper">
| style="background:#2a5d67; color:white; padding:20px; border-radius:8px;" |
    <div class="song-header">
<div style="font-size:28px; font-weight:bold;">{{{şarkı_adı}}}</div>
        <div class="header-main">
<div style="font-size:14px; opacity:0.9; margin-bottom:15px;">Albüm: {{{albüm}}}</div>
            <div class="album-cover">[[Dosya:{{{kapak|Album_Placeholder.png}}}|80px]]</div>
<div style="margin-top:10px;">
            <div class="song-titles">
[{{{spotify}}} Spotify] &nbsp; | &nbsp; [{{{youtube}}} YouTube] &nbsp; | &nbsp; [{{{nota}}} PDF Nota]
                <span class="album-tag">ALBÜM — {{{albüm}}}</span>
                <h1>{{{şarkı_adı}}}</h1>
            </div>
        </div>
        <div class="header-buttons">
            <span class="btn-s spot">[{{{spotify}}} Spotify]</span>
            <span class="btn-s yt">[{{{youtube}}} YouTube]</span>
            <span class="btn-s snd">[{{{ses}}} Ses Dosyası]</span>
            <span class="btn-s note">[{{{nota}}} PDF Nota]</span>
        </div>
    </div>
 
    <div class="song-tabs">
        <button class="tab-link active" onclick="openSongTab(event, 'tab-sozler')">Sözler</button>
        <button class="tab-link" onclick="openSongTab(event, 'tab-akorlar')">Akorlar</button>
        <button class="tab-link" onclick="openSongTab(event, 'tab-oyunlar')">Oyunlar</button>
        <button class="tab-link" onclick="openSongTab(event, 'tab-videolar')">Videolar</button>
        <button class="tab-link" onclick="openSongTab(event, 'tab-etkinlikler')">Eğitsel Etkinlikler</button>
    </div>
 
    <div class="song-grid">
        <div class="song-main-column">
            <div id="tab-sozler" class="tab-pane active">{{{sözler}}}</div>
            <div id="tab-akorlar" class="tab-pane">{{{akorlar}}}</div>
            <div id="tab-oyunlar" class="tab-pane">{{{oyunlar}}}</div>
            <div id="tab-videolar" class="tab-pane">{{{videolar}}}</div>
            <div id="tab-etkinlikler" class="tab-pane">{{{etkinlikler}}}</div>
        </div>
 
        <div class="song-sidebar">
            <div class="sidebar-box">
                <h4>Etiketler</h4>
                <div class="tags">{{{etiketler}}}</div>
            </div>
            <div class="sidebar-box nota-preview">
                <h4>Akorlar & Nota</h4>
                <div class="nota-icon">📄</div>
                <p>Tam sürümü tıklandığında görünecektir.</p>
            </div>
            <div class="sidebar-box trans">
                <span>🌐 Çeviriler</span>
            </div>
        </div>
    </div>
</div>
</div>
|-
| style="padding:0; border:none;" |
{| style="width:100%; border-collapse:separate; border-spacing:10px; margin-top:10px;"
| style="width:33%; vertical-align:top; border:1px solid #e1e1e1; background:#fcfcfc; padding:15px; border-top:5px solid #a8d5e2;" |
'''Sözler:'''
<br><br>{{{sözler}}}
| style="width:33%; vertical-align:top; border:1px solid #e1e1e1; background:#fcfcfc; padding:15px; border-top:5px solid #a8d5e2;" |
'''Akorlar:'''
<br><br>{{{akorlar}}}
| style="width:33%; vertical-align:top; border:1px solid #e1e1e1; background:#fcfcfc; padding:15px; border-top:5px solid #a8d5e2;" |
'''Oyunlar:'''
<br><br>{{{oyunlar}}}
|}
|}

20.43, 19 Mayıs 2026 itibarı ile sayfanın şu anki hâli

               ALBÜM — {{{albüm}}}

{{{şarkı_adı}}}

           [{{{spotify}}} Spotify]
           [{{{youtube}}} YouTube]
           [{{{ses}}} Ses Dosyası]
           [{{{nota}}} PDF Nota]
       <button class="tab-link active" onclick="openSongTab(event, 'tab-sozler')">Sözler</button>
       <button class="tab-link" onclick="openSongTab(event, 'tab-akorlar')">Akorlar</button>
       <button class="tab-link" onclick="openSongTab(event, 'tab-oyunlar')">Oyunlar</button>
       <button class="tab-link" onclick="openSongTab(event, 'tab-videolar')">Videolar</button>
       <button class="tab-link" onclick="openSongTab(event, 'tab-etkinlikler')">Eğitsel Etkinlikler</button>
{{{sözler}}}
{{{akorlar}}}
{{{oyunlar}}}
{{{videolar}}}
{{{etkinlikler}}}