Opale quincite Messages : 181
Date d'inscription : 02/06/2020
Age : 30
 | | Sujet: Administration#3 Mar 9 Fév - 9:24 | 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 ! Le CSS est à placer dans votre feuille CSS. Vous devez donc avoir les droits d'administration et l'accès au Panneau d'Administration. L'avantage d'avoir le CSS exclus du code HTML : lorsque vous changerez de design, toutes vos fiches administratives changeront automatiquement de couleur en accordant vos couleurs dans votre CSS ! ◈ Petit rendu en image ◈
Version sans image
Une version avec image est disponible. Cette dernière sera placée sous le titre.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 à 470px. Si vous voulez la modifier ou passer sur du %, pensez à me le dire ici ! ◈ Vous pouvez modifier : les couleurs, le style d'écriture, les images (pour la version image). Les codes Merci à vous de l'utiliser ! Le code à mettre dans votre CSS : - Code:
-
/*--------------------------Fiches administratives--------------------------
--------------------------Loukoum sur Tourmaline--------------------------*/
.fafond {
width:470px;
background-color:#493A4A;
border:1px solid #968D97;
}
.fatitre {
width:400px;
padding:20px 0px 20px 0px;
margin-top:20px;
background-color:#6F1247;
font-family:'Shadows Into Light';
font-size:30px;
font-style:italic;
border:1px solid #963F89;
color:#963F89;
text-align:center;
}
.fasoustitre {
width:350px;
font-family:'Shadows Into Light';
font-size:20px;
font-style:italic;
color:#968D97;
text-align:center;
}
.facontenu {
width:390px;
padding:10px 5px 10px 5px;
background-color:#827283;
color:#000000;
text-align:justify;
font-family:'Verdana';
font-size:12px;
border:1px solid #968D97;
margin-bottom:20px;
}
.facontenu p{
text-indent:20px;
}
.fainfos {
text-transform: uppercase;
background-image: linear-gradient(to right, #6f1247, #7a1d56, #842866, #8d3477, #963f89);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
.faimage {
width:400px;
margin-top:10px;
margin-bottom:20px;
border:2px solid #FFFFFF;
} La version sans image : - Code:
-
<center><div class="fafond"><div class="fatitre">Titre</div> <div class="fasoustitre">Sous-titre</div><div class="facontenu">Texte <p>Paragraphe avec un alinéa.</p> <p>L'espace entre chaque paragraphe n'est pas obligatoire.</p> Paragraphe sans alinéa. Ici il faudra un espace avec le paragraphe suivant. <span class="fainfos">Un petit effet sur le texte sympa pour mettre en avant un texte un peu plus important.</span></div></div><a href="https://tourmaline.forumactif.com/" target="_blank" style="font-size:8px;">Loukoum</a></center> La version avec image (elle sera placée sous le titre) : - Code:
-
<center><div class="fafond"><div class="fatitre">Titre</div> <img src="URLIMAGE" class="faimage" /> <div class="fasoustitre">Sous-titre</div><div class="facontenu"><p>Paragraphe avec un alinéa.</p> <p>L'espace entre chaque paragraphe n'est pas obligatoire.</p> Paragraphe sans alinéa. Ici il faudra un espace avec le paragraphe suivant. <span class="fainfos">Un petit effet sur le texte sympa pour mettre en avant un texte un peu plus important.</span></div></div><a href="https://tourmaline.forumactif.com/" target="_blank" style="font-size:8px;">Loukoum</a></center> | |
Accueil
