Opale quincite Messages : 181
Date d'inscription : 02/06/2020
Age : 30
 | | Sujet: Administration#5 Dim 6 Juin - 18:41 | 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 ! Juste, le CSS étant exclu du code, si vous souhaitez l'utiliser sur un forum où vous n'êtes pas administrateur, il faudra inclure le CSS dans la fiche. N'hésitez pas à demander ! ◈ 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 ! ◈ Vous pouvez modifier : les couleurs, les images et le style d'écriture. Les codes Merci à vous de l'utiliser ! Code à mettre dans votre feuille CSS : - Code:
-
/*------------------------------------------------------*/
/*-----------------Fiche administrative-----------------*/
/*----------------Loukoum sur Tourmaline----------------*/
/*------------------------------------------------------*/
/*Le fond de la fiche*/
.fafond {
width:480px;
background-color:#eeede4; /*Modifiable*/
border:2px solid #2b1d1a; /*Modifiable*/
border-radius:50px;
padding:10px 10px 20px 10px;
color:#2b1d1a; /*Modifiable*/
}
/*Le grand titre*/
.fatitre {
width:460px;
padding:10px;
background-color:#2b1d1a; /*Modifiable*/
color:#eeede4; /*Modifiable*/
font-family:'Arial'; /*Modifiable*/
font-size:20px;
border-radius:50px 50px 0px 0px;
}
/*Le cadre qui contient le texte*/
.facadre {
width:450px;
padding:10px;
background-color:#C7C5B5; /*Modifiable*/
border:2px solid #2b1d1a; /*Modifiable*/
border-radius:20px;
text-align:justify;
font-family:'Arial'; /*Modifiable*/
font-size:12px;
}
/*Les sous titres*/
.fasstitre {
color:#2b1d1a; /*Modifiable*/
font-size:14px;
font-family:'Arial'; /*Modifiable*/
margin-bottom:-4px;
text-align:left;
margin-left:20px;
}
/*Les grandes images en dehors du cadre*/
.faimg {
width:400px;
height:200px;
border:2px solid #2b1d1a; /*Modifiable*/
border-radius:20px;
object-fit: cover;
}
/*L'image à gauche*/
.faimgcadreg {
width:200px;
float:left;
padding-right:10px;
margin-left:-12px;
margin-top:5px;
}
.facadreimgg {
width:200px;
height:100px;
border:2px solid #2b1d1a; /*Modifiable*/
border-radius:0px 20px 20px 0px;
object-fit: cover;
}
/*L'image à droite*/
.faimgcadred {
width:200px;
float:right;
padding-left:10px;
margin-right:-8px;
margin-top:5px;
}
.facadreimgd {
width:200px;
height:100px;
border:2px solid #2b1d1a; /*Modifiable*/
border-radius:20px 0px 0px 20px;
object-fit: cover;
} Code HTML : - Code:
-
<center><div class="fafond"><div class="fatitre">Titre du sujet</div> <div class="facadre">Cadre sans sous-titre</div> <div class="fasstitre">Sous-titre</div><div class="facadre">Cadre avec sous-titre</div> <img src="URLIMAGE" class="faimg" /> <div class="facadre"><div class="faimgcadreg"><img src="URLIMAGE" class="facadreimgg" /></div>Cadre avec image à gauche.</div> <div class="fasstitre">Sous-titre</div><div class="facadre"><div class="faimgcadreg"><img src="URLIMAGE" class="facadreimgg" /></div>Cadre avec image à gauche et sous-titre.</div> <div class="facadre">Cadre. Code de l'image à gauche. <div class="faimgcadreg"><img src="URLIMAGE" class="facadreimgg" /></div> Code de l'image à droite. <div class="faimgcadred"><img src="URLIMAGE" class="facadreimgd" /></div> Fin cadre.</div></div><a href="https://tourmaline.forumactif.com/" target="_blank" style="font-size:8px;text-decoration:none;">Loukoum</a></center> | |
Accueil
