« Index des Thesaurus agnatiques » : différence entre les versions

← Modification précédente Modification suivante →

Version du 25 octobre 2025 à 11:03

  ⚜️ STYLE GLOBAL ROYAL ALFI — Version 2026
  Index des Thesaurus + Alphabet + Bande Ivoire + Footer
  =============================================================== */

alfi-index {

 position: sticky;
 top: 0;
 z-index: 100;
 text-align: center;
 background: #fffdf8e8;
 backdrop-filter: blur(6px);
 border-bottom: 2px solid #d4af37;
 box-shadow: 0 3px 12px rgba(212,175,55,0.25);
 padding: 25px 15px;
 margin-bottom: 35px;
 font-family: 'EB Garamond','Garamond',serif;

}

.lettre-alfi {

 background: linear-gradient(180deg,#f8f2d0,#f6e27f);
 border: 1px solid #d4af37;
 border-radius: 6px;
 padding: 7px 12px;
 font-size: 17px;
 font-weight: bold;
 color: #3a260b;
 box-shadow: 0 0 5px rgba(212,175,55,0.25);
 transition: all 0.3s ease;
 text-decoration: none;
 display: inline-block;

} .lettre-alfi:hover {

 background: linear-gradient(180deg,#fff8cc,#f9e27a);
 color: #a40000;
 box-shadow: 0 0 12px rgba(212,175,55,0.6), 0 0 4px #fff8cc inset;
 transform: translateY(-1px);

}

.bouton-footer {

 display: inline-block;
 margin: 0 10px;
 padding: 8px 14px;
 color: #3a260b;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #d4af37;
 border-radius: 8px;
 background: linear-gradient(180deg,#f9eeb8,#f6e27f);
 transition: all 0.3s ease;
 box-shadow: 0 0 6px rgba(212,175,55,0.25);

} .bouton-footer:hover {

 background: linear-gradient(180deg,#fff7c6,#fbe88f);
 color: #a40000;
 box-shadow: 0 0 12px rgba(212,175,55,0.6);
 transform: translateY(-1px);

}

alfi-footer {

 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 background: rgba(255,253,248,0.85);
 backdrop-filter: blur(5px);
 border-top: 2px solid #d4af37;
 box-shadow: 0 -2px 8px rgba(212,175,55,0.25);
 text-align: center;
 padding: 10px 0;
 font-family: 'EB Garamond',serif;
 z-index: 99;

}

@media (max-width:600px) {

 #recherche-alfi { width:90%; font-size:16px; }
 .lettre-alfi { font-size:18px; padding:9px 13px; }

} </style>

   🔎 Recherche des Thésaurus Agnatiques ALFI

 <input id="recherche-alfi" type="text" placeholder="Rechercher une famille..."
   style="width:70%;max-width:500px;font-size:17px;padding:9px 13px;border:1px solid #d4af37;border-radius:8px;background:#fdfaf1;color:#3a260b;font-family:'Garamond',serif;margin-bottom:12px;box-shadow:inset 0 0 6px rgba(212,175,55,0.25);text-align:center;">

   Nombre actuel de Thésaurus ALFI recensés :
   
     627

   <a href="https://wiki.alfinternational.eu/index.php?title=Créer_un_Thesaurus"
      style="display:inline-block;background:linear-gradient(180deg,#f8e77a,#f1cb2e);border:1px solid #d4af37;color:#3a260b;font-weight:bold;font-size:16px;padding:9px 18px;border-radius:8px;text-decoration:none;box-shadow:0 0 6px rgba(212,175,55,0.3);">
     ⚜️ Créer un nouveau Thésaurus ⚜️
   </a>

   <marquee scrollamount="3">🕊️ Derniers Thésaurus créés : 
      Thesaurus de la famille DELOT Thesaurus de la famille DUMOUCHEL, DUMOUCHEL de PRÉMARE Thesaurus de la famille BILLOT Thesaurus de la famille CARLE (Ceillac) Thesaurus de la famille ABZAC d' Thesaurus de la famille FAMILLE ROYALE DE NORVÈGE Thesaurus de la famille LABORDE de MONPEZAT (de) Thesaurus de la famille ARNAULT Thesaurus de la famille DOURSENOT Thesaurus de la famille DONALDSON
   </marquee>

 <a href="https://wiki.alfinternational.eu/index.php?title=Accueil" class="bouton-footer">🏰 Accueil ALFI</a>
 <a href="https://wiki.alfinternational.eu/index.php?title=Créer_un_Thesaurus" class="bouton-footer">⚜️ Créer un Thésaurus</a>
 <a href="https://wiki.alfinternational.eu/index.php?title=Contact_Presidentiel" class="bouton-footer">👑 Contact Présidentiel</a>

 var filtre = this.value.toUpperCase();
 var liens = document.querySelectorAll(".mw-parser-output a");
 liens.forEach(function(lien) {
   if (lien.textContent.toUpperCase().indexOf(filtre) > -1) {
     lien.style.display = "";
   } else {
     lien.style.display = "none";
   }
 });

}); </script>

« Index des Thesaurus agnatiques » : différence entre les versions

Version du 25 octobre 2025 à 11:03

Menu de navigation

Actions de la page

Actions de la page

Outils personnels

Navigation

Rechercher

Outils

@@ Ligne 1 : / Ligne 1 : @@
-<!-- ⚜️ STYLE GLOBAL ROYAL ALFI -->
+<!-- ⚜️ INDEX ROYAL ALFI — VERSION FINALE 2026 AVEC RECHERCHE DYNAMIQUE -->
+<div id="alfi-index-global">
 <style>
+/* ===============================================================
+   ⚜️ STYLE GLOBAL ROYAL ALFI — Version 2026
+   Index des Thesaurus + Alphabet + Bande Ivoire + Footer
+   =============================================================== */
 #alfi-index {
    position: sticky;
@@ Ligne 14 : / Ligne 21 : @@
    font-family: 'EB Garamond','Garamond',serif;
 }
 .lettre-alfi {
    background: linear-gradient(180deg,#f8f2d0,#f6e27f);
@@ Ligne 33 : / Ligne 41 : @@
    transform: translateY(-1px);
 }
 .bouton-footer {
    display: inline-block;
@@ Ligne 52 : / Ligne 61 : @@
    transform: translateY(-1px);
 }
 #alfi-footer {
    position: fixed;
@@ Ligne 66 : / Ligne 76 : @@
    z-index: 99;
 }
 @media (max-width:600px) {
    #recherche-alfi { width:90%; font-size:16px; }
@@ Ligne 72 : / Ligne 83 : @@
 </style>
-<!-- ⚜️ CONTENU HTML -->
+<!-- ⚜️ CONTENU HTML STRUCTURÉ -->
 <div id="alfi-index">
    <div style="font-size:24px;font-weight:bold;color:#3a260b;margin-bottom:12px;">
-  🔎 Recherche des Thésaurus Agnatiques ALFI
+    🔎 Recherche des Thésaurus Agnatiques ALFI
    </div>
-   <input id="recherche-alfi" type="text" placeholder="Rechercher une famille..."
+  <!-- BARRE DE RECHERCHE -->
+   <input id="recherche-alfi" type="text" placeholder="Rechercher une famille..."
      style="width:70%;max-width:500px;font-size:17px;padding:9px 13px;border:1px solid #d4af37;border-radius:8px;background:#fdfaf1;color:#3a260b;font-family:'Garamond',serif;margin-bottom:12px;box-shadow:inset 0 0 6px rgba(212,175,55,0.25);text-align:center;">
+  <!-- COMPTEUR -->
    <div style="font-size:18px;color:#3a260b;margin-top:8px;margin-bottom:16px;">
      Nombre actuel de <b>Thésaurus ALFI</b> recensés :
      <span style="font-size:22px;color:#c5a100;font-weight:bold;text-shadow:1px 1px 3px rgba(180,150,30,0.4);">
        {{PAGESINCATEGORY:Index des Thesaurus ALFI}}
@@ Ligne 88 : / Ligne 101 : @@
    </div>
+  <!-- BOUTON DE CRÉATION -->
    <div style="margin-bottom:20px;">
      <a href="https://wiki.alfinternational.eu/index.php?title=Créer_un_Thesaurus"
@@ Ligne 95 : / Ligne 109 : @@
    </div>
+  <!-- ⚜️ LETTRES ALPHABÉTIQUES -->
    <div style="margin:10px auto;width:95%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;">
      [[Catégorie:A|<span class="lettre-alfi">A</span>]]
@@ Ligne 124 : / Ligne 139 : @@
    </div>
+  <!-- ⚜️ BANDE défilante -->
    <div style="background:linear-gradient(90deg,#fffdf8,#f8f1d8,#fffdf8);border-top:1px solid #d4af37;border-bottom:1px solid #d4af37;margin-top:25px;padding:8px 0;font-size:15px;color:#3a260b;">
-     <marquee scrollamount="3">🕊️ Derniers Thésaurus créés : <b>{{#dpl: category=Index_des_Thesaurus_ALFI | ordermethod=lastedit | order=descending | count=10 | format= , [[%PAGE%]],  }}</b></marquee>
+     <marquee scrollamount="3">🕊️ Derniers Thésaurus créés :
+      <b>{{#dpl: category=Index_des_Thesaurus_ALFI | ordermethod=lastedit | order=descending | count=10 | format= , [[%PAGE%]],  }}</b>
+    </marquee>
    </div>
 </div>
+<!-- ⚜️ BANDE INFÉRIEURE -->
 <div id="alfi-footer">
    <a href="https://wiki.alfinternational.eu/index.php?title=Accueil" class="bouton-footer">🏰 Accueil ALFI</a>
    <a href="https://wiki.alfinternational.eu/index.php?title=Créer_un_Thesaurus" class="bouton-footer">⚜️ Créer un Thésaurus</a>
    <a href="https://wiki.alfinternational.eu/index.php?title=Contact_Presidentiel" class="bouton-footer">👑 Contact Présidentiel</a>
+</div>
+<!-- ⚜️ SCRIPT DE RECHERCHE DYNAMIQUE -->
+<script>
+document.getElementById("recherche-alfi").addEventListener("keyup", function() {
+  var filtre = this.value.toUpperCase();
+  var liens = document.querySelectorAll(".mw-parser-output a");
+  liens.forEach(function(lien) {
+    if (lien.textContent.toUpperCase().indexOf(filtre) > -1) {
+      lien.style.display = "";
+    } else {
+      lien.style.display = "none";
+    }
+  });
+});
+</script>
 </div>

« Index des Thesaurus agnatiques » : différence entre les versions

Version du 25 octobre 2025 à 11:03

Menu de navigation

Rechercher

« Index des Thesaurus agnatiques » : différence entre les versions