Menüyü değiştir
Toggle preferences menu
Kişisel menüyü aç / kapat
Oturum açık değil
Your IP address will be publicly visible if you make any edits.

Şablon:Alfabetik Dizin: Revizyonlar arasındaki fark

Kizilbashica sitesinden
"<div class="dizin-alani"> <!-- HARF MENÜSÜ --> <div class="harf-secimi"> <a href="#" class="harf-linki">HEPSİ</a> <a href="#harf-A" class="harf-linki">A</a> <a href="#harf-B" class="harf-linki">B</a> <a href="#harf-C" class="harf-linki">C</a> <a href="#harf-C_tr" class="harf-linki">Ç</a> <a href="#harf-D" class="harf-linki">D</a> <a href="#harf-E" class="harf-linki">E</a> <a hre..." içeriğiyle yeni sayfa oluşturdu
 
Değişiklik özeti yok
1. satır: 1. satır:
<templatestyles src="Şablon:Alfabetik Dizin/styles.css" />
<div class="dizin-alani">
<div class="dizin-alani">


     <!-- HARF MENÜSÜ -->
     <!-- HARF MENÜSÜ -->
     <div class="harf-secimi">
     <div class="harf-secimi">
         <a href="#" class="harf-linki">HEPSİ</a>
         [[#| <span class="harf-linki">HEPSİ</span> ]]
         <a href="#harf-A" class="harf-linki">A</a>
         [[#harf-A| <span class="harf-linki">A</span> ]]
         <a href="#harf-B" class="harf-linki">B</a>
         [[#harf-B| <span class="harf-linki">B</span> ]]
         <a href="#harf-C" class="harf-linki">C</a>
         [[#harf-C| <span class="harf-linki">C</span> ]]
         <a href="#harf-C_tr" class="harf-linki">Ç</a>
         [[#harf-C_tr| <span class="harf-linki">Ç</span> ]]
         <a href="#harf-D" class="harf-linki">D</a>
         [[#harf-D| <span class="harf-linki">D</span> ]]
         <a href="#harf-E" class="harf-linki">E</a>
         [[#harf-E| <span class="harf-linki">E</span> ]]
         <a href="#harf-F" class="harf-linki">F</a>
         [[#harf-F| <span class="harf-linki">F</span> ]]
         <a href="#harf-G" class="harf-linki">G</a>
         [[#harf-G| <span class="harf-linki">G</span> ]]
         <a href="#harf-H" class="harf-linki">H</a>
         [[#harf-H| <span class="harf-linki">H</span> ]]
         <a href="#harf-I" class="harf-linki">I</a>
         [[#harf-I| <span class="harf-linki">I</span> ]]
         <a href="#harf-I_tr" class="harf-linki">İ</a>
         [[#harf-I_tr| <span class="harf-linki">İ</span> ]]
         <a href="#harf-J" class="harf-linki">J</a>
         [[#harf-J| <span class="harf-linki">J</span> ]]
         <a href="#harf-K" class="harf-linki">K</a>
         [[#harf-K| <span class="harf-linki">K</span> ]]
         <a href="#harf-L" class="harf-linki">L</a>
         [[#harf-L| <span class="harf-linki">L</span> ]]
         <a href="#harf-M" class="harf-linki">M</a>
         [[#harf-M| <span class="harf-linki">M</span> ]]
         <a href="#harf-N" class="harf-linki">N</a>
         [[#harf-N| <span class="harf-linki">N</span> ]]
         <a href="#harf-O" class="harf-linki">O</a>
         [[#harf-O| <span class="harf-linki">O</span> ]]
         <a href="#harf-O_tr" class="harf-linki">Ö</a>
         [[#harf-O_tr| <span class="harf-linki">Ö</span> ]]
         <a href="#harf-P" class="harf-linki">P</a>
         [[#harf-P| <span class="harf-linki">P</span> ]]
         <a href="#harf-R" class="harf-linki">R</a>
         [[#harf-R| <span class="harf-linki">R</span> ]]
         <a href="#harf-S" class="harf-linki">S</a>
         [[#harf-S| <span class="harf-linki">S</span> ]]
         <a href="#harf-S_tr" class="harf-linki">Ş</a>
         [[#harf-S_tr| <span class="harf-linki">Ş</span> ]]
         <a href="#harf-T" class="harf-linki">T</a>
         [[#harf-T| <span class="harf-linki">T</span> ]]
         <a href="#harf-U" class="harf-linki">U</a>
         [[#harf-U| <span class="harf-linki">U</span> ]]
         <a href="#harf-U_tr" class="harf-linki">Ü</a>
         [[#harf-U_tr| <span class="harf-linki">Ü</span> ]]
         <a href="#harf-V" class="harf-linki">V</a>
         [[#harf-V| <span class="harf-linki">V</span> ]]
         <a href="#harf-Y" class="harf-linki">Y</a>
         [[#harf-Y| <span class="harf-linki">Y</span> ]]
         <a href="#harf-Z" class="harf-linki">Z</a>
         [[#harf-Z| <span class="harf-linki">Z</span> ]]
     </div>
     </div>


     <div class="cizgi"></div>
     <div class="cizgi"></div>


     <!-- MADDELERİN LİSTELENECEĞİ ALAN -->
     <!-- MADDELERİN DİNAMİK LİSTELENECEĞİ ALAN -->
     <div class="maddeler-konteyner">
     <div class="maddeler-konteyner">
        {{{1|}}}
<dpl>
category      = {{{1|Tüm Maddeler}}}
ordermethod  = sortkey
order        = ascending
mode          = userformat
listitem      = <div id="harf-%FIRSTCHAR%" class="harf-grubu"><ul>\n<li>[[%PAGE%]]</li>\n</ul></div>
</dpl>
     </div>
     </div>


</div>
</div>
<!-- TASARIM VE CSS FİLTRELEME MANTIĞI -->
<style>
.dizin-alani {
    margin: 20px 0;
    font-family: sans-serif;
}
.harf-secimi {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 15px;
}
.harf-linki {
    background: #1f1f1f !important;
    color: #e0e0e0 !important;
    border: 1px solid #3d3d3d;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none !important;
    display: inline-block;
}
.harf-linki:hover {
    background: #333333 !important;
    color: #ffffff !important;
}
.cizgi {
    border-bottom: 1px solid #3d3d3d;
    margin: 18px 0;
}
.maddeler-konteyner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 15px;
}
.harf-grubu {
    display: block;
}
.harf-grubu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.harf-grubu li {
    margin-bottom: 8px;
}
.harf-grubu li a {
    color: #3782df;
    font-size: 15px;
    text-decoration: none;
}
.harf-grubu li a:hover {
    text-decoration: underline;
}
/* CSS target ile tıklanan harfe göre süzme yapma */
.maddeler-konteyner:has(.harf-grubu:target) .harf-grubu {
    display: none;
}
.maddeler-konteyner .harf-grubu:target {
    display: block !important;
}
</style>
<noinclude>
<noinclude>
[[Kategori:Dizin Şablonları]]
[[Kategori:Dizin Şablonları]]
</noinclude>
</noinclude>

21.22, 14 Temmuz 2026 tarihindeki hâli

<dpl> category = Tüm Maddeler ordermethod = sortkey order = ascending mode = userformat

listitem =

</dpl>