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 !
Elle est disponible en deux versions :
Avec CSS intégré : pour des membres.
Avec CSS exclu : pour les administrateurs (accès au Panneau d'Administration).
L'avantage d'avoir le CSS exclu 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
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 à 450px. Si vous voulez la modifier ou passer sur du %, pensez à me le dire
ici !
◈ Vous pouvez modifier : les couleurs. Le style d'écriture n'est pas prévu dans la fiche. Si vous voulez en ajouter un, vous pouvez si vous maitrisez, sinon vous n'avez qu'à demander ^^
Les codes - Version CSS Intégré
Merci à vous de l'utiliser !
- Code:
-
<style type="text/css">.pafond{width:450px;padding:10px;background-color:#343434;}.patitreg{border-top:25px solid transparent;border-bottom:25px solid transparent;border-right:50px solid #c1c1c1;}.patitret{width:310px;height:40px;background-color:#c1c1c1;color:#343434;font-size:15px;font-weight:bold;padding:5px;text-align:center;margin-left:-2px;margin-right:-2px;}.patitred{border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:50px solid #c1c1c1;}.passtitre{color:#c1c1c1;border-bottom:2px solid #c1c1c1;font-size:14px;font-weight:bold;margin-top:20px;margin-bottom:-20px;text-align:right;}.pacontenu{width:390px;background-color:#c1c1c1;padding:10px;text-align:justify;font-size:12px;color:#343434;}.pacontenu b{color:#b1978c;font-weight:bold;}</style>
<center><div class="pafond"><table style="border-collapse:collapse;"><tr><td><div class="patitreg"></div></td><td><div class="patitret">Titre
Plus ou moins long</div></td><td><div class="patitred"></div></td></tr></table>
<div class="passtitre">Sous-titre</div>
<div class="pacontenu">Contenu de la fiche.
<b>Gras</b></div>
<div class="passtitre">2ème sous titre</div>
<div class="pacontenu">Autre contenu</div>
<div class="pacontenu">Cadre sans sous titre.</div></div>
<a href="https://tourmaline.forumactif.com/" style="font-size:8px;" target="_blank">Loukoum</a></center>
Les codes - Version CSS Exclu
Merci à vous de l'utiliser !
Code à mettre dans votre feuille CSS :
- Code:
-
/*------------------------------------------------------*/
/*----------------Fiches administratives----------------*/
/*----------------Loukoum sur Tourmaline----------------*/
/*------------------------------------------------------*/
/*Fond de la fiche*/
.easffond{
width:450px;
padding:20px 10px 20px 10px;
background-color:#343434; /*Modifiable*/
}
/*Triangle de gauche*/
.easftitreg{
border-top:25px solid transparent;
border-bottom:25px solid transparent;
border-right:50px solid #c1c1c1; /*Modifiable - Couleur de votre fond de titre*/
}
/*Bandeau de titre*/
.easftitret{
width:310px;
height:40px;
background-color:#c1c1c1; /*Modifiable - Couleur de votre fond de titre*/
color:#343434; /*Modifiable*/
font-size:15px;
font-weight:bold;
padding:5px;
text-align:center;
margin-left:-2px;
margin-right:-2px;
}
/*Triangle de droite*/
.easftitred{
border-top:25px solid transparent;
border-bottom:25px solid transparent;
border-left:50px solid #c1c1c1; /*Modifiable - Couleur de votre fond de titre*/
}
/*Les sous titres*/
.easfsstitre{
color:#b1978c; /*Modifiable*/
border-bottom:2px solid #b1978c; /*Modifiable*/
font-size:14px;
font-weight:bold;
margin-top:20px;
margin-bottom:-20px;
text-align:right;
}
/*Cadre de texte*/
.easfcontenu{
width:390px;
background-color:#c1c1c1; /*Modifiable*/
padding:10px;
text-align:justify;
font-size:12px;
color:#343434; /*Modifiable*/
border:2px solid #b1978c; /*Modifiable*/
}
/*L'écriture gras dans votre cadre de texte*/
.easfcontenu b{
color:#b1978c; /*Modifiable*/
font-weight:bold;
}
Code HTML :
- Code:
-
<center><div class="easffond"><table style="border-collapse:collapse;"><tr><td><div class="easftitreg"></div></td><td><div class="easftitret">Titre
Plus ou moins long</div></td><td><div class="easftitred"></div></td></tr></table>
<div class="easfsstitre">Sous-titre</div>
<div class="easfcontenu">Contenu de la fiche.
<b>Gras</b></div>
<div class="easfsstitre">2ème sous titre</div>
<div class="easfcontenu">Autre contenu</div>
<div class="easfcontenu">Cadre sans sous titre.</div></div></center>
Accueil
