Şablon:Alfabetik Dizin

@@ 1. satır: / 1. satır: @@
+__NOTOC__
+<templatestyles src="Şablon:Alfabetik Dizin/styles.css" />
 <div class="dizin-alani">
      <!-- HARF MENÜSÜ -->
-     <div class="harf-secimi">
+     <div class="harf-secimi">[[#|<span class="harf-kutu harf-ozel">*</span>]][[#A|<span class="harf-kutu">A</span>]][[#B|<span class="harf-kutu">B</span>]][[#C|<span class="harf-kutu">C</span>]][[#Ç|<span class="harf-kutu">Ç</span>]][[#D|<span class="harf-kutu">D</span>]][[#E|<span class="harf-kutu">E</span>]][[#F|<span class="harf-kutu">F</span>]][[#G|<span class="harf-kutu">G</span>]][[#H|<span class="harf-kutu">H</span>]][[#I|<span class="harf-kutu">I</span>]][[#İ|<span class="harf-kutu">İ</span>]][[#J|<span class="harf-kutu">J</span>]][[#K|<span class="harf-kutu">K</span>]][[#L|<span class="harf-kutu">L</span>]][[#M|<span class="harf-kutu">M</span>]][[#N|<span class="harf-kutu">N</span>]][[#O|<span class="harf-kutu">O</span>]][[#Ö|<span class="harf-kutu">Ö</span>]][[#P|<span class="harf-kutu">P</span>]][[#R|<span class="harf-kutu">R</span>]][[#S|<span class="harf-kutu">S</span>]][[#Ş|<span class="harf-kutu">Ş</span>]][[#T|<span class="harf-kutu">T</span>]][[#U|<span class="harf-kutu">U</span>]][[#Ü|<span class="harf-kutu">Ü</span>]][[#V|<span class="harf-kutu">V</span>]][[#Y|<span class="harf-kutu">Y</span>]][[#Z|<span class="harf-kutu">Z</span>]][[#DİĞER|<span class="harf-kutu harf-ozel">#</span>]]</div>
-        <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 href="#harf-F" class="harf-linki">F</a>
-        <a href="#harf-G" class="harf-linki">G</a>
-        <a href="#harf-H" class="harf-linki">H</a>
-        <a href="#harf-I" class="harf-linki">I</a>
-        <a href="#harf-I_tr" class="harf-linki">İ</a>
-        <a href="#harf-J" class="harf-linki">J</a>
-        <a href="#harf-K" class="harf-linki">K</a>
-        <a href="#harf-L" class="harf-linki">L</a>
-        <a href="#harf-M" class="harf-linki">M</a>
-        <a href="#harf-N" class="harf-linki">N</a>
-        <a href="#harf-O" class="harf-linki">O</a>
-        <a href="#harf-O_tr" class="harf-linki">Ö</a>
-        <a href="#harf-P" class="harf-linki">P</a>
-        <a href="#harf-R" class="harf-linki">R</a>
-        <a href="#harf-S" class="harf-linki">S</a>
-        <a href="#harf-S_tr" class="harf-linki">Ş</a>
-        <a href="#harf-T" class="harf-linki">T</a>
-        <a href="#harf-U" class="harf-linki">U</a>
-        <a href="#harf-U_tr" class="harf-linki">Ü</a>
-        <a href="#harf-V" class="harf-linki">V</a>
-        <a href="#harf-Y" class="harf-linki">Y</a>
-        <a href="#harf-Z" class="harf-linki">Z</a>
-    </div>
      <div class="cizgi"></div>
-     <!-- MADDELERİN LİSTELENECEĞİ ALAN -->
+     <!-- MADDELER -->
      <div class="maddeler-konteyner">
-         {{{1|}}}
+         <div class="harf-grubu"><h3>A</h3>{{Special:PrefixIndex/A}}</div>
+        <div class="harf-grubu"><h3>B</h3>{{Special:PrefixIndex/B}}</div>
+        <div class="harf-grubu"><h3>C</h3>{{Special:PrefixIndex/C}}</div>
+        <div class="harf-grubu"><h3>Ç</h3>{{Special:PrefixIndex/Ç}}</div>
+        <div class="harf-grubu"><h3>D</h3>{{Special:PrefixIndex/D}}</div>
+        <div class="harf-grubu"><h3>E</h3>{{Special:PrefixIndex/E}}</div>
+        <div class="harf-grubu"><h3>F</h3>{{Special:PrefixIndex/F}}</div>
+        <div class="harf-grubu"><h3>G</h3>{{Special:PrefixIndex/G}}</div>
+        <div class="harf-grubu"><h3>H</h3>{{Special:PrefixIndex/H}}</div>
+        <div class="harf-grubu"><h3>I</h3>{{Special:PrefixIndex/I}}</div>
+        <div class="harf-grubu"><h3>İ</h3>{{Special:PrefixIndex/İ}}</div>
+        <div class="harf-grubu"><h3>J</h3>{{Special:PrefixIndex/J}}</div>
+        <div class="harf-grubu"><h3>K</h3>{{Special:PrefixIndex/K}}</div>
+        <div class="harf-grubu"><h3>L</h3>{{Special:PrefixIndex/L}}</div>
+        <div class="harf-grubu"><h3>M</h3>{{Special:PrefixIndex/M}}</div>
+        <div class="harf-grubu"><h3>N</h3>{{Special:PrefixIndex/N}}</div>
+        <div class="harf-grubu"><h3>O</h3>{{Special:PrefixIndex/O}}</div>
+        <div class="harf-grubu"><h3>Ö</h3>{{Special:PrefixIndex/Ö}}</div>
+        <div class="harf-grubu"><h3>P</h3>{{Special:PrefixIndex/P}}</div>
+        <div class="harf-grubu"><h3>R</h3>{{Special:PrefixIndex/R}}</div>
+        <div class="harf-grubu"><h3>S</h3>{{Special:PrefixIndex/S}}</div>
+        <div class="harf-grubu"><h3>Ş</h3>{{Special:PrefixIndex/Ş}}</div>
+        <div class="harf-grubu"><h3>T</h3>{{Special:PrefixIndex/T}}</div>
+        <div class="harf-grubu"><h3>U</h3>{{Special:PrefixIndex/U}}</div>
+        <div class="harf-grubu"><h3>Ü</h3>{{Special:PrefixIndex/Ü}}</div>
+        <div class="harf-grubu"><h3>V</h3>{{Special:PrefixIndex/V}}</div>
+        <div class="harf-grubu"><h3>Y</h3>{{Special:PrefixIndex/Y}}</div>
+        <div class="harf-grubu"><h3>Z</h3>{{Special:PrefixIndex/Z}}</div>
+        <div class="harf-grubu">
+            <h3>DİĞER</h3>
+            <!-- Türkçe dışı harfler -->
+            {{Special:PrefixIndex/Ê}}
+            {{Special:PrefixIndex/Î}}
+            {{Special:PrefixIndex/Û}}
+            {{Special:PrefixIndex/Q}}
+            {{Special:PrefixIndex/W}}
+            {{Special:PrefixIndex/X}}
+            <!-- Sayılar -->
+            {{Special:PrefixIndex/0}}
+            {{Special:PrefixIndex/1}}
+            {{Special:PrefixIndex/2}}
+            {{Special:PrefixIndex/3}}
+            {{Special:PrefixIndex/4}}
+            {{Special:PrefixIndex/5}}
+            {{Special:PrefixIndex/6}}
+            {{Special:PrefixIndex/7}}
+            {{Special:PrefixIndex/8}}
+            {{Special:PrefixIndex/9}}
+        </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>
-[[Kategori:Dizin Şablonları]]
-</noinclude>