Opale quincite Messages : 181 Date d'inscription : 02/06/2020 Age : 30
| | Sujet: Staff#1 Sam 12 Juin - 10:11 | Fiche de présentation du Staff Cette fiche a été réalisée dans l'optique de présenter les membres du Staff du forum. Cependant, elle peut être recyclée en fiche de liens (mais avis aux membres n'étant pas administrateurs : le CSS est exclu du code HTML. Il faudra demander la modification du coup ^^). ◈ Petit rendu en image ◈
A savoir sur la fiche ◈ Le crédit ne doit évidemment pas être enlevé. ◈ La taille est réglée à 410px. Si vous voulez la modifier ou passer sur du %, pensez à me le dire ici ! ◈ Vous pouvez modifier : les couleurs ainsi que le style d'écriture. Tout ce qui est modifiable est inscrit dans le CSS de toute façon. ◈ Les couleurs des pseudos et des cadres autour de l'image sont à modifier dans le code HTML, puisqu'ils sont différents selon vos personnages. Le reste des couleurs est dans le CSS, pour vous faciliter la vie lors du changement de design. Bon par contre si vous changez la couleur de vos groupes à chaque design, n'hésitez pas à le dire, je modifierai le code pour vous permettre une modification uniquement via CSS. Les codes Merci à vous de l'utiliser ! Le code CSS : - Code:
-
/*------------------------------------------------------*/ /*------------Fiche de présentation du Staff------------*/ /*----------------Loukoum sur Tourmaline----------------*/ /*------------------------------------------------------*/
/*Fond*/ .IFPSfond{ width:406px; background-color:#cdcdce; /*Modifiable*/ }
/*Titre*/ .IFPStitre{ font-family:'Roboto'; /*Modifiable*/ font-size:26px; font-style:regular; color:#000000; /*Modifiable*/ padding-top:12px; width:306px; text-transform:uppercase; padding-bottom:5px; }
/*Cadre de présentation*/ .IFPScontenu{ width:367px; background-color:#e0dede; /*Modifiable*/ opacity:0.8; text-align:justify; padding:10px; margin-top:-10px; }
/*Pseudo - La couleur se change dans le code html*/ .IFPSpseudo{ font-family:'Aguafina Script'; /*Modifiable*/ font-size:25px; text-align:left; margin-left:10px; }
/*Description du staff*/ .IFPSdescription{ width:247px; height:106px; overflow:auto; padding-right:5px; font-size:11px; text-align:justify; color:#000000; /*Modifiable*/ }
/*Cadre des autres comptes*/ .IFPSMC{ width:385px; background-color:#e0dede; /*Modifiable*/ opacity:0.8; text-align:justify; text-transform:uppercase; font-size:10px; text-align:justify; color:#8b8b8b; /*Modifiable*/ margin-top:2px; padding:1px; }
/*Ne pas toucher - Ne pas supprimer*/ .espace3{ height:15px; }
/*Crédits*/ .IFPScredit{ font-size:10px; color:#000000; /*Modifiable*/ }
/*Images*/ .IFPSiconstaff { opacity:0.0; color: #000000; /*Modifiable*/ text-align: center; width: 100px; height: 100px; background-color: #e0dede; /*Modifiable*/ -webkit-transition: opacity .6s linear; -moz-transition: opacity .6s linear; -o-transition: opacity .6s linear; font-family:'Roboto'; /*Modifiable*/ font-size:10px; text-transform:uppercase; }
.IFPSiconstaff:hover { opacity: 0.8; } Le code HTML : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Aguafina+Script&display=swap" rel="stylesheet" /><center><div class="IFPSfond"><div class="IFPStitre">L'équipe de {FORUM}</div><div class="trait1"></div><div class="espace3"></div><div class="IFPSpseudo"><span style="color:#2B6C9C;">Un pseudo plus ou moins long</span></div><div class="IFPScontenu"><table><tr><td><div style="background-image: url(https://i.imgbox.com/xgjH4Jzy.png);background-size: cover;width:100px;height:100px;position:relative;border:6px solid #2B6C9C;"><div class="IFPSiconstaff"><br/><br/><br/>[url=URL]Profil[/url] [url=URL]MP[/url]</div></div></td><td><div class="IFPSdescription">Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem.</div></td></tr></table></div><div class="IFPSMC">Autres comptes : <span style="color:#BC2929">Personnage 2</span> <span style="color:#369614">Personnage 3</span></div><div class="espace3"></div><div class="IFPSpseudo"><span style="color:#BC2929;">Un pseudo plus ou moins long</span></div><div class="IFPScontenu"><table><tr><td><div style="background-image: url(https://i.imgbox.com/AYVXGBfi.png);background-size: cover;width:100px;height:100px;position:relative;border:6px solid #2B6C9C;"><div class="IFPSiconstaff"><br/><br/><br/>[url=URL]Profil[/url] [url=URL]MP[/url]</div></div></td><td><div class="IFPSdescription">Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem.</div></td></tr></table></div><div class="IFPSMC">Autres comptes : <span style="color:#C5AE14">Personnage 2</span> <span style="color:#2B6C9C">Personnage 3</span></div><div class="espace3"></div><div class="IFPSpseudo"><span style="color:#C5AE14;">Un pseudo plus ou moins long</span></div><div class="IFPScontenu"><table><tr><td><div style="background-image: url(https://i.imgbox.com/SrZpylfT.png);background-size: cover;width:100px;height:100px;position:relative;border:6px solid #2B6C9C;"><div class="IFPSiconstaff"><br/><br/><br/>[url=URL]Profil[/url] [url=URL]MP[/url]</div></div></td><td><div class="IFPSdescription">Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem.</div></td></tr></table></div><div class="IFPSMC">Autres comptes : <span style="color:#2B6C9C">Personnage 2</span> <span style="color:#BC2929">Personnage 3</span></div><div class="espace3"></div><a href="https://tourmaline.forumactif.com/"><div class="IFPScredit">Loukoum</div></a></div></center> | |