AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-23%
Le deal à ne pas rater :
EVGA SuperNOVA 650 G6 – Alimentation PC 100% modulaire 650W, 80+ ...
77.91 € 100.91 €
Voir le deal

    Fiche Simple, Grise et Epurée

    Kanae
    Kanae
    FémininAge : 31Messages : 354

    Dim 7 Sep 2014 - 19:19

    Rappel du premier message :

    Fiche Simple, Grise et Epurée



    Bonjour !

    Forte de mes modestes progrès en matière de codage grâce aux tuto de NU, j'ai créé une petite fiche de présentation. Comme elle me paraissait chouette, je voulais en faire bénéficier les autres alors la voici !


    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 Very Happy !

    Parce qu'il s'agit d'un travail regroupant plusieurs éléments, vous pouvez aller voir la Fiche de Liens et le Journal de Bord que j'ai codés dans le même genre.

    N'hésitez pas non plus à jeter un oeil à l'excellent travail d'Halloween qui a répondu à l'une de mes demandes et à confectionner un superbe QEEL qui s'inscrit dans le même design.



    Version Brute de décoffrage



    Code brut



    Code:
    <div style="background-color: #E4E4E4; margin: 20px; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="http://nsa34.casimages.com/img/2014/08/11/140811045815535463.png" style="width: 100%; heigh: 280px;"/><div style="background-color: #B0C3AB; height: 4px; width: 100%;"></div><div style="margin-top: -3px; margin-left: 10px; color: #BEBEBE; font-size: 10px; font-family: arial narrow;">feat Personnalité choisie</div><span style="display: block; text-align: right; margin-right: 10px; margin-top: -24px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; letter-spacing: 2px">Prénom Nom</span></span>
    <span style="display: block; margin-top: -10px; margin-right: 10px; font-size: 13px; color: #515151; text-align: right; font-style: italic;">"Citation classe de la mort qui tue"</span>


    <div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Présentation</div>
    <div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><table><tr><img src="http://nsa34.casimages.com/img/2014/08/13/140813075258776015.png" style="width: 198px; height: 328px; border-top-left-radius: 15px; float: right; margin-right: 30px; border: 2px solid #BEBEBE;" /></tr><tr><div style="background-color: #ffffff; width: 200px; height: 138px; margin-left : 30px; padding: 10px; text-align: justify; overflow: auto;">« Bonjour !
    Je m'appelle <i>Prénom Nom</i> et l'on me surnomme <i>Surnom</i>. Je suis né le <i>Date de naissance</i> à <i>Lieu de naissance</i>, ce qui me fait <i>Âge</i> ans. Je suis un <i>Homme/Femme</i>. Je suis <i>Hétéro/Homo/Bisexuel</i> et actuellement <i>Célibataire/En couple/Fiancé/Marié</i>. Mon principal défaut est <i>Défaut</i> et ma qualité majeure est <i>Qualité</i>. »</div></tr><td><br /><div style="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;"><b>Taille :</b> <i>Renseigner</i>
    <b>Poids :</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></table><div style="background-color: #F0F0F0 ; margin-top: -35px; border: 2px solid #BEBEBE; margin-right: 30px; padding: 5px; width: 188px; border-bottom-right-radius: 15px; text-align: center; float: right;">crédits</div></div>

    <div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Physique</div>
    <div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><div style="background-color: #ffffff; height: 300px; margin-left: 30px; margin-right: 30px; 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></div>

    <div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Caractère</div>
    <div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><div style="background-color: #ffffff; height: 300px; margin-left: 30px; margin-right: 30px; 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></div>

    <div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Histoire</div>
    <div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><div style="background-color: #ffffff; height: 498px; margin-left: 30px; margin-right: 30px; 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. At alium insatiabilis tenet auaritia; alium in superuacuis laboribus operosa sedulitas; alius uino madet, alius inertia torpet; alium defetigat ex alienis iudiciis suspensa semper ambitio, alium mercandi praeceps cupiditas circa omnis terras, omnia maria spe lucri ducit; quosdam torquet cupido militiae numquam non aut alienis periculis intentos aut suis anxios; sunt quos ingratus superiorum cultus uoluntaria seruitute consumat; multos aut affectatio alienae formae aut suae querella detinuit; plerosque nihil certum sequentis uaga et inconstans et sibi displicens leuitas per noua consilia iactauit; quibusdam nihil quo cursum derigant placet, sed marcentis oscitantisque fata deprendunt, adeo ut quod apud maximum poetarum more oraculi dictum est uerum esse non dubitem: Exigua pars est uitae qua uiuimus. Ceterum quidem omne spatium non uita sed tempus est. </div></div>

    <div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Derrière l'écran</div>
    <div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><table><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; width: 100px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin-left: 30px;"></td><td><div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 300px; height: 104px; margin-left : 13px; margin-right: 28px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px; overflow: auto;"><b>Pseudo :</b> <i>Pseudo habituel</i>
    <b>Âge :</b> <i>Renseigner</i>
    <b>Comment avec-vous connu le forum ?</b> <i>top-sites ; google ; partenaires...</i>
    <b>Que pensez-vous du forum ?</b> <i>N'ayez pas peur!</i>
    <b>Quelle est votre disponibilité ?</b> <i>La fréquence de vos connexions</i>
    <b>Autre chose ?</b> <i>Dites ce qui vous passe par la tête</i></div></td></table></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>




    Et pour ceux qui rechercheraient une version un peu plus évidente à installer sur un forum (moins à modifier, attention !) :



    Version Simplifiée



    Code fiche présa :



    Code:
    <div class="fond_1;"><img src="http://nsa34.casimages.com/img/2014/08/11/140811045815535463.png" style="width: 100%; heigh: 280px;"/><div class="style_1;"></div><div class="credits;">feat Personnalité choisie</div><div class="bloc_guillemet"><b>“</b><span style="color: #1C3734; font-variant: small-caps; letter-spacing: 2px">Prénom Nom</span></div>
    <div class="bloc_citation">"Citation classe de la mort qui tue"</div>


    <div class="titre_1;">Présentation</div>
    <div class="fond_2;"><br /><div class="style_2;"></div><div class="style_3;"></div><br /><table><tr><img src="http://nsa34.casimages.com/img/2014/08/13/140813075258776015.png" style="width: 198px; height: 328px; border-top-left-radius: 15px; float: right; margin-right: 30px; border: 2px solid #BEBEBE;" /></tr><tr><div class="monologue;">« Bonjour !
    Je m'appelle <i>Prénom Nom</i> et l'on me surnomme <i>Surnom</i>. Je suis né le <i>Date de naissance</i> à <i>Lieu de naissance</i>, ce qui me fait <i>Âge</i> ans. Je suis un <i>Homme/Femme</i>. Je suis <i>Hétéro/Homo/Bisexuel</i> et actuellement <i>Célibataire/En couple/Fiancé/Marié</i>. Mon principal défaut est <i>Défaut</i> et ma qualité majeure est <i>Qualité</i>. »</div></tr><td><br /><div class="fond_3;"><b>Taille :</b> <i>Renseigner</i>
    <b>Poids :</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></table><div class="style_4;">crédits</div></div>

    <div class="titre_1;">Physique</div>
    <div class="fond_2;"><br /><div class="style_2;"></div><div class="style_3;"></div><br /><div class="fond_4">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></div>

    <div class="titre_1;">Caractère</div>
    <div class="fond_2;"><br /><div class="style_2;"></div><div class="style_3;"></div><br /><div class="fond_4;">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></div>

    <div class="titre_1;">Histoire</div>
    <div class="fond_2;"><br /><div class="style_2;"></div><div class="style_3;"></div><br /><div class="fond_4;">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. At alium insatiabilis tenet auaritia; alium in superuacuis laboribus operosa sedulitas; alius uino madet, alius inertia torpet; alium defetigat ex alienis iudiciis suspensa semper ambitio, alium mercandi praeceps cupiditas circa omnis terras, omnia maria spe lucri ducit; quosdam torquet cupido militiae numquam non aut alienis periculis intentos aut suis anxios; sunt quos ingratus superiorum cultus uoluntaria seruitute consumat; multos aut affectatio alienae formae aut suae querella detinuit; plerosque nihil certum sequentis uaga et inconstans et sibi displicens leuitas per noua consilia iactauit; quibusdam nihil quo cursum derigant placet, sed marcentis oscitantisque fata deprendunt, adeo ut quod apud maximum poetarum more oraculi dictum est uerum esse non dubitem: Exigua pars est uitae qua uiuimus. Ceterum quidem omne spatium non uita sed tempus est. </div></div>

    <div class="titre_1;">Derrière l'écran</div>
    <div class="fond_2;"><br /><div class="style_2;"></div><div class="style_3;"></div><br /><table><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; width: 100px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin-left: 30px;"></td><td><div class="fond_5;"><b>Pseudo :</b> <i>Pseudo habituel</i>
    <b>Âge :</b> <i>Renseigner</i>
    <b>Comment avec-vous connu le forum ?</b> <i>top-sites ; google ; partenaires...</i>
    <b>Que pensez-vous du forum ?</b> <i>N'ayez pas peur!</i>
    <b>Quelle est votre disponibilité ?</b> <i>La fréquence de vos connexions</i>
    <b>Autre chose ?</b> <i>Dites ce qui vous passe par la tête</i></div></td></table></div><a class="credits;" href="http://www.never-utopia.com">©️ Kanae de Never-Utopia</a></div>


    Code de la fiche style CSS :



    Code:
    /* --------------------------------- Presa --------------------------------- */
    .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;
    }
    .fond_4
    {
    background-color: #ffffff;
    height: 300px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 10px;
    text-align: justify;
    overflow: auto;
    }
    .fond_5
    {
    background-color: #F0F0F0;
    border: 2px solid #BEBEBE;
    width: 300px;
    height: 104px;
    margin-left : 13px;
    margin-right: 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;
    }
    .style_3
    {
    background-color: #B0C3AB;
    height: 2px;
    margin-left: 30px;
    margin-right: 30px;
    }
    .style_4
    {
    background-color: #F0F0F0;
    margin-top: -35px;
    border: 2px solid #BEBEBE;
    margin-right: 30px;
    padding: 5px;
    width: 188px;
    border-bottom-right-radius: 15px;
    text-align: center;
    float: right;
    }
    .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
    {
    margin-top: -10px;
    margin-right: 10px;
    font-size: 13px;
    color: #515151;
    text-align: right;
    font-style: italic;
    }
    .titre_1
    {
    font-family: georgia;
    margin-left: 80px;
    margin-bottom: -24px;
    font-size: 24px;
    color: #B0C3AB;
    }
    .monologue
    {
    background-color: #ffffff;
    width: 200px;
    height: 138px;
    margin-left : 30px;
    padding: 10px;
    text-align: justify;
    overflow: auto
    }
    .credits
    {
    margin-top: -3px;
    margin-left: 10px;
    color: #BEBEBE;
    font-size: 10px;
    font-family: arial narrow;
    }
    /* --------------------------------- FIN Presa --------------------------------- */

    Voili voilou ^^.



    Dernière édition par Kanae le Mer 21 Déc 2016 - 16:46, édité 11 fois
    Sadie White
    Sadie White
    FémininAge : 33Messages : 38

    Ven 20 Mar 2015 - 11:00

    Merci beaucoup ^^
    Meylah
    Meylah
    FémininAge : 22Messages : 60

    Mer 25 Mar 2015 - 18:31

    Merci
    KimmyKinder
    KimmyKinder
    FémininAge : 22Messages : 181

    Jeu 26 Mar 2015 - 7:52

    Miciiiiiiiii <3
    Mangockie
    Mangockie
    FémininAge : 25Messages : 40

    Jeu 26 Mar 2015 - 9:28

    Merci :)
    Laeta
    Laeta
    FémininAge : 23Messages : 73

    Jeu 26 Mar 2015 - 17:33

    Juste ce dont j'avais besoin ** merkii
    Syx
    Syx
    MasculinAge : 25Messages : 204

    Dim 29 Mar 2015 - 19:13

    Joli, merci !




    ~
    Mello
    Mello
    FémininAge : 26Messages : 52

    Ven 10 Avr 2015 - 23:58

    Merci!
    Wavy
    Wavy
    FémininAge : 22Messages : 39

    Dim 12 Avr 2015 - 20:48

    Trop belle merci ♥
    Puale
    Puale
    MasculinAge : 27Messages : 18

    Dim 12 Avr 2015 - 20:58

    SUPERBE ! Waw *.*
    AnotherLife
    AnotherLife
    MasculinAge : 33Messages : 11

    Mar 14 Avr 2015 - 3:09

    merci
    Petit Prince
    Petit Prince
    MasculinAge : 30Messages : 26

    Mar 14 Avr 2015 - 14:00

    Fiche magnifique. Elle est claire et forte agréable parcourir. Merci beaucoup.
    Drill'
    Drill'
    FémininAge : 38Messages : 65

    Mar 14 Avr 2015 - 19:00

    Magnifique fiche !!
    avatar
    GEnterZ
    MasculinAge : 25Messages : 63

    Mer 15 Avr 2015 - 10:39

    Thanks !
    Mister CK
    Mister CK
    MasculinAge : 30Messages : 28

    Mer 15 Avr 2015 - 11:04

    Je voulais juste dire qu'elle est sublime cette fiche, Bravo !
    TroisQuartsLicorne
    TroisQuartsLicorne
    FémininAge : 93Messages : 76

    Jeu 16 Avr 2015 - 2:28

    Merci pour le partage !
    Il me tarde de mater ce code ! :hug:

    Edit : Attention au " ; " ( point virgule ) dans l'appel des classes dans le code html ! :zen:



     
    Lilynufare
    Lilynufare
    FémininAge : 33Messages : 341

    Ven 17 Avr 2015 - 0:24

    jolie merci
    Tria
    Tria
    FémininAge : 26Messages : 127

    Ven 17 Avr 2015 - 12:21

    Très beau rendu, merci ! ^^



    "Tomber est permis, se relever est ordonné."
    Fiche Simple, Grise et Epurée - Page 9 Hv62
    Izaya Orihara
    Izaya Orihara
    FémininAge : 22Messages : 105

    Ven 17 Avr 2015 - 20:30

    Merci pour le partage ! ^.^
    KosukeMurakawa
    KosukeMurakawa
    MasculinAge : 28Messages : 8

    Dim 19 Avr 2015 - 2:21

    Merci ^^
    Sheo
    Sheo
    FémininAge : 32Messages : 26

    Mer 22 Avr 2015 - 11:34

    génial *.*
    Ode 14
    Ode 14
    FémininAge : 31Messages : 21

    Jeu 23 Avr 2015 - 2:45

    Merci très beau code =D.
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Ven 24 Avr 2015 - 1:19

    Merci pour cette fiche. (;
    sandcreations
    sandcreations
    FémininAge : 52Messages : 20

    Ven 24 Avr 2015 - 7:37

    Jolie fiche merci
    Velasta
    Velasta
    FémininAge : 34Messages : 34

    Sam 25 Avr 2015 - 9:03

    Merci
    Twizzle
    Twizzle
    FémininAge : 26Messages : 79

    Sam 25 Avr 2015 - 15:00

    Waouh magnifique codage, j'aime vraiment beaucoup ! Je te l'emprunte, merci du partage ♥




    ω Love, it will get you nowhere, you are on your own, lost in the wild. So come to me now, I could use someone like you, someone who'll kill on my command, and asks no questions. I'm gonna make you, I'm gonna break you, I'm gonna make you, a fucking psycho !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 20:41