Opale quincite Messages : 181
Date d'inscription : 02/06/2020
Age : 30
 | | Sujet: Administration#7 Mer 24 Nov - 21:31 | Fiche pour Administration Réalisée dans l'optique d'être utilisée comme fiche de cours, j'ai décidé de l'adapter en fiche administrative. Mais cette fiche peut être utilisée en dehors de cette utilisation première, il n'y a pas de soucis ! ◈ Petit rendu en image ◈
 A savoir sur la fiche ◈ Le crédit ne doit évidemment pas être enlevé. Il peut cependant être placé dans un sujet où vous recensez tous vos crédits, puisque c'est une fiche administrative et elle sera visible partout. Tout ce que je demande c'est mon pseudo et un retour vers Tourmaline. ◈ La taille est réglée à 500px. Si vous voulez la modifier ou passer sur du %, pensez à me le dire ici ! ◈ Les images se redimensionneront automatiquement (et seront coupées si elles sont trop longues). ◈ Vous pouvez modifier : les couleurs, les images, le style d'écriture. Le code Merci à vous de l'utiliser ! Tout est centralisé dans le code HTML. Mais si vous le souhaitez, vous pouvez inscrire tout ce qu'il y a dans la balise style dans le CSS de votre forum (et donc supprimer les balises style ensuite). - Code:
-
<style type="text/css">.hlpfond{width:500px;background-image: linear-gradient(to right, #1d2327, #3b4b4c, #64766c, #9da18b, #e0cab4);}.hlptete{display:flex;justify-content:center;align-items:center;}.hlprond{width:50px;height:50px;background-color:#64766c;border-radius:100px;}.hlpfond img{width:100px;height:100px;object-fit:cover;border-radius:100px;margin:5px;border:5px solid #64766c;}.hlptitre{font-family: 'Playball', cursive;font-size:24px;color:#0a0a0d;}.hlpcontenu{width:460px;padding:10px;text-align:justify;background-color:#64766c;color:#0a0a0d;font-size:12px;font-family: 'Varela', sans-serif;}.hlpcontenu bb{color:#1d2327;font-weight:bold;letter-spacing:1px;}.hlpcontenu bb:hover{color:#e0cab4;font-weight:bold;letter-spacing:0px;}.hlpsoustitre{font-family: 'Playball', cursive;color:#e0cab4;font-size:16px;font-weight:bold;text-decoration: #1d2327 wavy underline;margin-top:10px;}.hlpsoustitre:hover{color:#1d2327;text-decoration: #e0cab4 wavy underline;letter-spacing:1px;}.hlpcontenu t1{background-image: linear-gradient(to left, #1d2327, #3b4b4c, #64766c, #9da18b, #e0cab4);padding: 0px 8px;border:1px solid #0a0a0d;letter-spacing: 2px;}.hlpcredits{font-size:8px;color:#1d2327!important;text-decoration:none!important;}</style> <link href="https://fonts.googleapis.com/css2?family=Playball&family=Varela&display=swap" rel="stylesheet" /> <center><div class="hlpfond"><div class="hlptete"><div class="hlprond"></div><img src="https://nsa37.casimages.com/img/2015/07/31/mini_15073103211894325.png" /><div class="hlprond"></div></div><div class="hlptitre">Titre</div><div class="hlpcontenu">Texte <div class="hlpsoustitre">Sous-titre, ses couleurs s'inversent au survol.</div> Texte Ici un <bb>contenu en gras</bb> avec un effet au survol : changement de couleur et réduction de l'espace des lettres. <t1>Autre effet</t1> sur le texte, qui peut être utilisé comme un nouveau titre par exemple.</div><a href="https://tourmaline.forumactif.com/" target="_blank" class="hlpcredits">Loukoum</a></div></center> | |
Accueil
