Opale quincite Messages : 181 Date d'inscription : 02/06/2020 Age : 30
| | Sujet: Administration#6 - Avec images Mar 16 Nov - 22:26 | Fiche pour Administration Réalisée dans l'optique d'être utilisée comme fiche administrative, cette fiche peut être utilisée en dehors de l'administration, il n'y a pas de soucis ! ◈ Petit rendu en image ◈ Version avec images
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 ! CSS - Code:
-
.fondtitre { width:250px; height:100px; padding:10px; text-align:center; }
.titre { font-family:'indie flower'; font-size:20px; color:#361900; line-height:15px; }
.soustitre { font-size:12px; font-family:'Allura'; color:#5B2F0A; line-height:10px; }
.soustitre2 { font-size:15px; font-family:'indie flower'; color:#361900; text-align:center; font-weight:bold; border-bottom:2px solid #361900; }
.trait { width:480px; height:10px; background-image: linear-gradient(to right, #7b8096, #5c7a88, #4c7170, #4e6554, #56563e); margin-top:-5px; }
.fondtexte { padding:10px; background-color:#A0A3B1; text-align:justify; font-size:12px; font-family:'Allura'; color:#361900; width:460px; margin-top:-10px; }
.fondtexte b { background-image: linear-gradient(to right, #7b8096, #5c7a88, #4c7170, #4e6554, #56563e); font-family: 'indie flower'; text-transform: uppercase; font-size: 11px; font-weight: bold; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } HTML - Code:
-
<center><table><tr><td><div style="width:100px;height:100px;background-image:url(IMAGE);background-size:cover;background-position:top;"></div></td><td><div class="fondtitre"><br/><div class="titre">Titre</div><div class="soustitre">Sous-titre</div></div></td><td><div style="width:100px;height:100px;background-image:url(IMAGE);background-size:cover;background-position:top;"></div></td></tr></table> <div class="trait"></div> <div class="fondtexte"><div class="soustitre2">Sous-titre</div> <p>Sous partie 1 <b>Texte gras</b>
Paragraphe 1</p>
<p>Sous Partie 2
Paragraphe 2
Paragraphe 2</p></div> <a href="https://tourmaline.forumactif.com/" target="_blank" style="sont-size:10px;">Loukoum</a></center> | |