Prédéfinis Simples, Gris et Epurés

Petit aperçu :
Cliquez ici



J'ai choisi de ne pas mettre le code sous hide, mais un petit mot gentil, des encouragements ou des critiques constructives seront très appréciées ! N'hésitez surtout pas à me donner votre avis !
Cela m'aidera à m'améliorer, alors un grand merci à ceux qui prendront le temps de le faire !


Par respect pour les nombreuses nuits passées à coder ceci et à sauvegarder la cohérence des autres codes, merci de ne pas retirer les crédits.

Version Brute

Code brut à insérer directement dans un message :

Code:

<div style="background-color: #E4E4E4; width: 530px ; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="http://media.tumblr.com/08591baec96e41fb9ee99106037ea6b4/tumblr_inline_n5f0omBL5E1qhyycq.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Prénom Nom</span></div></div><div style="margin: -3px 0 0 10px; color: #BEBEBE; font-size: 10px; font-family: arial narrow;">feat Personnalité choisie</div><div style="text-align: right; margin: -10px 10px 0 250px; font-family: georgia; font-variant: small-caps; font-size: 11px; font-style: italic; letter-spacing : 2px; color: #879E9B;">"Citation classe de la mort qui tue tout à travers le monde"</div>



<div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Rôle</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; float: right; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin: 12px 30px 0 0;"></td></tr><tr><td><div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 300px; height: 120px; margin-left: 30px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px; overflow: auto;"><b>Nom :</b> <i>Renseigner</i>
<b>Prénom :</b> <i>Renseigner</i>
<b>Age :</b> <i>Renseigner</i>
<b>Groupe :</b> <i>Groupe du personnage</i>
<b>Métier :</b> <i>Faut bien gagner sa vie</i>
<b>Ambition :</b> <i>Renseigner</i></div></td></tr></table>

<div style="background-color: #ffffff; margin: 5px 30px 0 30px; padding: 5px 10px 10px 10px; text-align: justify;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus.</div></div>

<div style="margin: 0 0 -22px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Relations</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td>
<img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin-left: 30px;" /></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Prénom Nom</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr><tr><td>

<img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin-left: 30px;" /></td><td><br /><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Prénom Nom</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr></table></div>

<div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Indications</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<div style="background-color: #ffffff; margin: 0 30px 0 30px; padding: 10px; text-align: justify;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus.</div></div><a style="display: block; margin-top: -3px; text-align: center; color: #BEBEBE; font-size: 10px; font-family: arial narrow;" href="http://www.never-utopia.com"> Kanae de Never-Utopia</a></div>

Version Simplifiée

Code simplifié à insérer directement dans un message :

Code:

<div class="fond_1"><img src="http://nsa34.casimages.com/img/2014/10/01/141001090448446613.png" style="width: 100%; heigh: 280px;"/><div class="fond_entete"><div class="bloc_guillemet"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Prénom Nom</span></div></div><div class="bloc_credit">feat Personnalité choisie</div><div class="bloc_citation">"Citation classe de la mort qui tue tout à travers le monde"</div>



<div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Rôle</div>
<div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
<div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
<table><tr><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; float: right; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin: 12px 30px 0 0;" /></td></tr><tr><td><div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 300px; height: 120px; margin-left: 30px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px; overflow: auto;"><b>Nom :</b> <i>Renseigner</i>
<b>Prénom :</b> <i>Renseigner</i>
<b>Age :</b> <i>Renseigner</i>
<b>Groupe :</b> <i>Groupe du personnage</i>
<b>Métier :</b> <i>Faut bien gagner sa vie</i>
<b>Ambition :</b> <i>Renseigner</i></div></td></tr></table>

<div class="fond_3" style="margin: 5px 30px 0 30px; padding: 5px 10px 10px 10px; height: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus.</div></div>

<div class="titre_1">Relations</div>
<div class="fond_2">
<div class="style_1"></div><div class="style_2"></div>
<table><tr><td>
<img src="http://nsa33.casimages.com/img/2014/10/01/14100109044833549.png" class="img_100" /></td><td><div class="bloc_nom">Prénom Nom</div><div class="fond_3" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr><tr><td>

<img src="http://nsa33.casimages.com/img/2014/10/01/14100109044833549.png" class="img_100" /></td><td>
<div class="bloc_nom">Prénom Nom</div><div class="fond_3" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr></table></div>

<div class="titre_1">Indications</div>
<div class="fond_2">
<div class="style_1"></div><div class="style_2"></div>
<div class="fond_3" style="margin: 5px 30px 0 30px; padding: 5px 10px 10px 10px; height: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus.</div></div><a class="bloc_credit" style="margin-left: 220px;" href="http://www.never-utopia.com"> Kanae de Never-Utopia</a></div>

Code à insérer dans le CSS de votre forum :

Code:

/* ---------------------------------Fiche Prédéfinis--------------------------------- */
.fond_1
{
background-color: #E4E4E4;
margin: 20px;
padding-bottom: 10px;
box-shadow: 3px 3px 5px #000000;
color: #353535;
font-family: 'Verdana';
font-size: 11px;
}
.fond_2
{
background-color: #DFDFDF;
margin-left: 10px;
padding-bottom: 20px;
margin-right: 10px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.fond_3
{
background-color: #F0F0F0;
border: 2px solid #BEBEBE;
width: 196px;
height: 152px;
margin-left : 28px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 10px;
overflow: auto;
}
.style_1
{
background-color: #B0C3AB;
width: 100%
height: 4px;
}
.style_2
{
background-color: #8D838D;
height: 1px;
margin-left: 30px;
margin-right: 30px;
margin-top: -7px;
}
.fond_entete
{
  background-color: #F0F0F0;
  border-top: 4px solid #B0C3AB;
  border-bottom: 2px solid #BEBEBE;
  height: 40px;
  width: 100%;
}
.bloc_guillemet
{
text-align: right;
margin-right: 10px;
margin-top: -24px;
font-family: georgia;
font-size: 36px;
text-shadow: 1px 1px 2px #1A1A1A;
color: #353535;
}
.bloc_citation
{
  text-align: right;
  margin: -10px 10px 0 250px;
  font-family: georgia;
  font-variant: small-caps;
  font-size: 11px;
  font-style: italic;
  letter-spacing : 2px;
  color: #879E9B;
}
.bloc_nom
{
  text-align : right;
  margin-right: 40px;
  font-family: georgia;
  font-variant: small-caps;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 2px;
  color: #879E9B;
}
.titre_1
{
font-family: georgia;
margin-left: 80px;
margin-bottom: -24px;
font-size: 24px;
color: #B0C3AB;
}
.credits
{
margin-top: -3px;
margin-left: 10px;
color: #BEBEBE;
font-size: 10px;
font-family: arial narrow;
}
.img_100
{
  border: 2px solid #BEBEBE;
  width: 100px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-left: 30px;
}
/* --------------------------------- FIN Fiche Préfédinis --------------------------------- */

Salut!

C'est tout beau, il y a seulement 2 détails que j'ai corrigé, à savoir le fait que tu dois refermer les balises de tes images avec un "/" à la fin et aussi qu'il n'existe pas de tableau sans cellules. Donc tu ne peux pas simplement mettre un table et un tr sans mettre le td dedans. C'est une erreur de structure.

Bref, j'ai effectué les corrections donc je valide le Ls qui sera déplacé sous peu.

Merci de ton partage!

merci :)

Merci pour le partage !

Love it.

Merci !

merci pour ce code ^^

Merci pour ce partage

Génial, merci **

Coucouuuuuuu merci pour la fiche elle est parfaite *-*

merci beaucoup ! ;D