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

De Association Linéage de France et d'International
Aller à la navigationAller à la recherche
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
Balise : Révoqué
Ligne 1 : Ligne 1 :
<!-- ⚜️ INDEX ROYAL ALFI — VERSION ULTIME 2026 ⚜️ -->
<!-- ⚜️ STYLE GLOBAL ROYAL ALFI -->
<div id="alfi-index" style="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;">
<style>
#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>


  <!-- TITRE -->
<!-- ⚜️ CONTENU HTML -->
   <div style="font-size:24px; font-weight:bold; color:#3a260b; margin-bottom:12px; letter-spacing:1px;">
<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>
   </div>


  <!-- BARRE DE RECHERCHE -->
   <input id="recherche-alfi" type="text" placeholder="Rechercher une famille..."  
   <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; transition:box-shadow 0.3s ease;">
     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;">
   <script>
    
    document.getElementById("recherche-alfi").addEventListener("focus", function(){this.style.boxShadow="0 0 10px rgba(212,175,55,0.4)";});
   <div style="font-size:18px;color:#3a260b;margin-top:8px;margin-bottom:16px;">
    document.getElementById("recherche-alfi").addEventListener("blur", function(){this.style.boxShadow="inset 0 0 6px rgba(212,175,55,0.25)";});
  </script>
 
  <!-- COMPTEUR DYNAMIQUE -->
   <div style="font-size:18px; color:#3a260b; margin-top:8px; margin-bottom:16px;">
     Nombre actuel de <b>Thésaurus ALFI</b> recensés :   
     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);">
     <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}}
       {{PAGESINCATEGORY:Index des Thesaurus ALFI}}
     </span>
     </span>
   </div>
   </div>


  <!-- BOUTON DE CRÉATION -->
   <div style="margin-bottom:20px;">
   <div style="margin-bottom:20px;">
     <a href="https://wiki.alfinternational.eu/index.php?title=Créer_un_Thesaurus"
     <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); transition:all 0.3s ease;">
      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 ⚜️
       ⚜️ Créer un nouveau Thésaurus ⚜️
     </a>
     </a>
   </div>
   </div>


  <!-- LETTRES ALPHABÉTIQUES -->
   <div style="margin:10px auto;width:95%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;">
   <div class="alphabet-alfi" style="margin:10px auto; width:95%; display:flex; flex-wrap:wrap; justify-content:center; gap:7px;">
    <style>
      .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);
      }
      @media (max-width:600px) {
        #alfi-index { padding:18px 8px; }
        #recherche-alfi { width:90%; font-size:16px; }
        .alphabet-alfi { gap:5px; justify-content:center; }
        .lettre-alfi { font-size:18px; padding:9px 13px; border-radius:8px; }
      }
    </style>
 
     [[Catégorie:A|<span class="lettre-alfi">A</span>]]
     [[Catégorie:A|<span class="lettre-alfi">A</span>]]
     [[Catégorie:B|<span class="lettre-alfi">B</span>]]
     [[Catégorie:B|<span class="lettre-alfi">B</span>]]
Ligne 89 : Ligne 124 :
   </div>
   </div>


  <!-- RUBAN DES LIGNÉES -->
   <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;">
   <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; font-family:'EB Garamond',serif; color:#3a260b; overflow:hidden;">
     <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" behavior="scroll" direction="left" style="white-space:nowrap;">
      🕊️ Derniers Thésaurus créés :  
      <b>{{#dpl: category=Index_des_Thesaurus_ALFI | ordermethod=lastedit | order=descending | count=10 | format= , [[%PAGE%]],  }}</b>
    </marquee>
  </div>
 
  <!-- LÉGENDE -->
  <div style="font-size:15px; color:#555; margin-top:18px; font-style:italic;">
    Cliquez sur une lettre ou recherchez directement une famille.<br>
    Les catégories, le compteur et le ruban se mettent à jour automatiquement.
   </div>
   </div>
</div>
</div>


<!-- ⚜️ BANDE INFÉRIEURE TRANSLUCIDE ROYALE ⚜️ -->
<div id="alfi-footer">
<div id="alfi-footer" style="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;">
   <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=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=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>
   <a href="https://wiki.alfinternational.eu/index.php?title=Contact_Presidentiel" class="bouton-footer">👑 Contact Présidentiel</a>
  <style>
    .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);
    }
  </style>
</div>
</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>

Version du 25 octobre 2025 à 10:57

<style>

  1. 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);

}

  1. 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 :  
   
     597
   
   <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>