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.

Le deal à ne pas rater :
Boutique Nike : -25% dès 50€ sur TOUT le site Nike avec le code ...
Voir le deal

    Fiche Simple, Grise et Epurée

    Kanae
    Kanae
    FémininAge : 32Messages : 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
    Csteel
    Csteel
    FémininAge : 30Messages : 19

    Dim 15 Fév 2015 - 15:24

    Merci du partage ! C'est épurée et très classe, beau travail !
    shala
    shala
    FémininAge : 32Messages : 213

    Dim 15 Fév 2015 - 17:27

    merci



    Kurik
    Kurik
    MasculinAge : 32Messages : 32

    Lun 16 Fév 2015 - 22:01

    Wow ! Et tout ça à l'aide des tutos NU, c'est vraiment chouette à voir. Fort sympathique de nous partager le résultat de ton apprentissage. =)
    Manue
    Manue
    FémininAge : 44Messages : 58

    Mar 17 Fév 2015 - 10:43

    Merci !
    Myxookiie
    Myxookiie
    FémininAge : 31Messages : 47

    Ven 20 Fév 2015 - 1:22

    Simple, mais efficace! J'aime! ^^
    LickingBoot
    LickingBoot
    FémininAge : 25Messages : 503

    Ven 20 Fév 2015 - 16:24

    merci Wink



    Fiche Simple, Grise et Epurée - Page 8 557826ilovedoudousign
    GROSSE MALA
    GROSSE MALA
    FémininAge : 25Messages : 9

    Ven 20 Fév 2015 - 17:45

    Magnifique, merci.
    Lestrange
    Lestrange
    FémininAge : 28Messages : 165

    Dim 22 Fév 2015 - 1:32

    Wouhaaaa °° J'aime ! Je veux \o/
    Louvy
    Louvy
    FémininAge : 25Messages : 14

    Mer 25 Fév 2015 - 14:37

    Merci pour le partage (:
    ALYESKA
    ALYESKA
    FémininAge : 30Messages : 13

    Jeu 26 Fév 2015 - 20:01




    WE DREAM WHAT WE WISH TO BECOME
    Glimy
    Glimy
    FémininAge : 25Messages : 19

    Ven 27 Fév 2015 - 15:19

    Très jolie fiche, merci ! :)
    Neymar
    Neymar
    MasculinAge : 26Messages : 139

    Dim 1 Mar 2015 - 18:32

    Magnifique o_o
    avatar
    Amélia
    FémininAge : 25Messages : 49

    Lun 2 Mar 2015 - 0:22

    Merci pour ce joli petit code ! Je suis tombée sous son charme
    avatar
    Lupa
    FémininAge : 28Messages : 183

    Lun 2 Mar 2015 - 17:00

    C'est superbe, merci beaucoup !



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    Katuro
    Katuro
    FémininAge : 26Messages : 39

    Mar 3 Mar 2015 - 2:21

    Vraiment parfait, pile ce que je voulais <3
    memoriam
    memoriam
    FémininAge : 32Messages : 73

    Sam 7 Mar 2015 - 8:08

    C'est magnifique, merci beaucoup du partage :)
    Adélia
    Adélia
    FémininAge : 26Messages : 21

    Sam 7 Mar 2015 - 15:01

    Merci beaucoup, j'adore :)
    Myla Young
    Myla Young
    FémininAge : 27Messages : 31

    Sam 7 Mar 2015 - 18:04

    Merci!
    Kira Sazaki
    Kira Sazaki
    FémininAge : 30Messages : 22

    Dim 8 Mar 2015 - 16:41

    Très joli j'aime beaucoup !
    Merci du partage !
    lΔω
    lΔω
    FémininAge : 26Messages : 105

    Mer 11 Mar 2015 - 14:00

    merci
    Lu-brique
    Lu-brique
    FémininAge : 31Messages : 57

    Mer 11 Mar 2015 - 23:17

    Je t'admire pour avoir fait cela, seulement avec les connaissance de ce forum! Moi je suis encore une patate en codage.
    J'adore le style très sobre! Merci du partage!
    Angy38
    Angy38
    FémininAge : 54Messages : 233

    Jeu 12 Mar 2015 - 21:47

    Merci !



    Fiche Simple, Grise et Epurée - Page 8 Jvie
    Amacky
    Amacky
    FémininAge : 32Messages : 135

    Ven 13 Mar 2015 - 10:04

    J'adore ta fiche :)
    Kaamee
    Kaamee
    FémininAge : 28Messages : 110

    Dim 15 Mar 2015 - 20:34

    Merci ♥



    Prisver
    Prisver
    FémininAge : 24Messages : 33

    Mar 17 Mar 2015 - 19:30

    Merci beaucoup !
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 17:14