Utilisateur:Bernardo Gallo : Différence entre versions
| Ligne 1 : | Ligne 1 : | ||
| − | <div align="justify" style="background:linear-gradient(#FF4C2B 1%, #751F10);padding:2%;border:solid 0px #ffffff;width:auto;box-shadow: 0px 0px 5px 3px rgba(34, 38, 40, 1); | + | <div align="justify" style="background:linear-gradient(#FF4C2B 1%, #751F10);padding:2%;border:solid 0px #ffffff;width:auto;box-shadow: 0px 0px 5px 3px rgba(34, 38, 40, 1);> |
{{Fiche Personnage | {{Fiche Personnage | ||
|Large=Oui | |Large=Oui | ||
| Ligne 21 : | Ligne 21 : | ||
|LoginMinecraft= Maguno_Carmo | |LoginMinecraft= Maguno_Carmo | ||
|IdDiscord= Maguno Carmo#6438}} | |IdDiscord= Maguno Carmo#6438}} | ||
| − | < | + | <div> |
| − | <p> | + | <button onclick="toggleDescription()" style=" |
| + | background-color: #007BFF; | ||
| + | color: white; | ||
| + | padding: 10px; | ||
| + | cursor: pointer; | ||
| + | border: none; | ||
| + | width: 200px; | ||
| + | text-align: left; | ||
| + | font-weight: bold; | ||
| + | border-radius: 5px; | ||
| + | ">Physique</button> | ||
| + | |||
| + | <div id="description" style=" | ||
| + | max-height: 0; | ||
| + | overflow: hidden; | ||
| + | transition: max-height 0.4s ease; | ||
| + | background-color: #f0f0f0; | ||
| + | border-radius: 5px; | ||
| + | "> | ||
| + | <div style="padding: 0 10px;"> | ||
| + | <p>Voici une description détaillée qui apparaît lorsqu'on clique sur le bouton. Tu peux y mettre du texte ou d'autres éléments HTML.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <script> | ||
| + | function toggleDescription() { | ||
| + | const content = document.getElementById("description"); | ||
| + | if (content.style.maxHeight && content.style.maxHeight !== "0px") { | ||
| + | content.style.maxHeight = "0"; | ||
| + | } else { | ||
| + | content.style.maxHeight = "200px"; // ajuste cette hauteur si nécessaire | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
| + | |||
</div> | </div> | ||
Version du 2 août 2025 à 18:54
Informations RP
Nom
Genre
Année de naissance
494
Rang
Esclave de la guilde
Origines
Ville d'origine
Région d'origine
Nation d'origine
Informations HRP
Login Minecraft
Maguno_Carmo
Discord
Maguno Carmo#6438
<button onclick="toggleDescription()" style=" background-color: #007BFF; color: white; padding: 10px; cursor: pointer; border: none; width: 200px; text-align: left; font-weight: bold; border-radius: 5px; ">Physique</button>
Voici une description détaillée qui apparaît lorsqu'on clique sur le bouton. Tu peux y mettre du texte ou d'autres éléments HTML.
<script>
function toggleDescription() {
const content = document.getElementById("description");
if (content.style.maxHeight && content.style.maxHeight !== "0px") {
content.style.maxHeight = "0";
} else {
content.style.maxHeight = "200px"; // ajuste cette hauteur si nécessaire
}
}
</script>
