AccueilFAQRechercherMembresGroupesS'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.


    Fiche Simple, Grise et Epurée

    Partagez
    avatar
    Kanae
    FémininAge : 25Messages : 304

    le Dim 7 Sep 2014 - 19:19

    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
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Lun 8 Sep 2014 - 9:48

    Hey^^
    Jolie fiche ! Sobre, efficace, j'aime beaucoup ^^

    Merci du partage Wink et j'ajoute que ça fait grand plaisir de voir que tu es arrivée à ce résultat avec les explications présentes sur N-U ! x)
    Bravo et continue comme ça !



    avatar
    Kanae
    FémininAge : 25Messages : 304

    le Lun 8 Sep 2014 - 10:58

    Merci pour le compliment et pour tes encouragements !

    J'avoue que le monde mystérieux du codage se révèle un peu plus barbare chaque jour, mais à force d'acharnement et grâce aux excellents tuto du forum (et des non pas moins excellents conseils d'Halloween), je finis par comprendre comment parvenir au résultat que je veux.

    Encore pas mal de travail à fournir ! Mais j'espère que m'amuser à coder ce genre d'éléments, petit à petit, à mon rythme, me permettra de progresser. Ma fierté du jour est d'être parvenue à utiliser un tableau... comme quoi on peut se contenter de peu XD.

    Toujours est-il que si tu trouves la fiche jolie, elle devrait plaire à d'autres personnes alors si ça peut aider, c'est déjà beaucoup !
    avatar
    A-Lice
    FémininAge : 23Messages : 4939

    le Lun 8 Sep 2014 - 12:18

    Merci pour le partage.

    avatar
    Chocolakato
    FémininAge : 26Messages : 768

    le Lun 8 Sep 2014 - 13:47

    Hey, c'est vraiment joli !
    :3



    avatar
    Koalz
    FémininAge : 22Messages : 101

    le Lun 8 Sep 2014 - 14:03

    C'est magnifique ! Bravo le résultat est top :3



    avatar
    Nathouille
    FémininAge : 25Messages : 67

    le Lun 8 Sep 2014 - 14:33

    Bravo ! *.* Moi j'aime bien, et je cherche une fiche depuis un moment comme les autres ont l'air de ne pas m'aimer... Donc je vais essayer celle-ci, comme je suis une bille en codage. Merci, mille fois merci !
    avatar
    Orange Sanguine
    FémininAge : 20Messages : 75

    le Mar 9 Sep 2014 - 2:26

    Merci ^-^



    avatar
    Pythia
    FémininAge : 28Messages : 165

    le Mar 9 Sep 2014 - 23:11

    J'aime beaucoup :) Merci pour le partage



    avatar
    Ehawee
    FémininAge : 24Messages : 4626

    le Mer 10 Sep 2014 - 14:25

    Hey!

    GG pour la fiche =) Bravo pour tes progrès!



    Absence jusque début juillet pour cause de concours ; merci de vous adresser à d'autres membres du staff Wink


    avatar
    Exogenesis
    FémininAge : 25Messages : 62

    le Mer 10 Sep 2014 - 19:55

    Merci pour ce partage car elle est vraiment chouette, tu as eu raison ;D

    Bisous <3
    avatar
    Banhjo
    MasculinAge : 19Messages : 74

    le Jeu 11 Sep 2014 - 0:04

    Jolie fiche
    avatar
    melimêlo
    FémininAge : 24Messages : 25

    le Ven 12 Sep 2014 - 15:57

    Elle est géniale ta fiche ! Merci ! Je vais juste enlever des morceaux parce que je n'ai pas besoin de tout... Mais tout l'honneur restera pour toi :p
    avatar
    Xelha
    FémininAge : 24Messages : 107

    le Ven 12 Sep 2014 - 22:38

    Merci beaucoup




    ¤Kit by me¤
    avatar
    Rainbow Dash
    FémininAge : 18Messages : 52

    le Sam 13 Sep 2014 - 2:23

    J'adore, merci!
    avatar
    Kau
    FémininAge : 15Messages : 148

    le Sam 13 Sep 2014 - 17:55

    Elle est fantastique *_* Merci beaucoup du partage. :3
    avatar
    AutentiiK
    MasculinAge : 24Messages : 19

    le Dim 14 Sep 2014 - 19:57

    Sobre et très jolie ! Merci beaucoup !
    avatar
    Invité

    le Lun 15 Sep 2014 - 12:27

    Jolie ♥
    Merci :love:
    avatar
    Nyusu97
    FémininAge : 19Messages : 60

    le Mar 16 Sep 2014 - 2:02

    Oh mon dieu, c'est exactement ce que je cherchais. Je la trouve vraiment belle. Simple, élégante, tout en étant assez sophistiqué pour être classe. Non, franchement, j'adore. Beau travail ! *Aimerait savoir coder ainsi*



    avatar
    Aile de l'Ange
    FémininAge : 18Messages : 100

    le Mer 17 Sep 2014 - 14:22

    J'adore la présentation.
    avatar
    poussette59
    FémininAge : 32Messages : 155

    le Mer 17 Sep 2014 - 17:27

    magnifique *.*
    avatar
    Féhéla
    FémininAge : 43Messages : 232

    le Jeu 18 Sep 2014 - 19:03

    Magnifique sobre et class, j'adore !
    avatar
    CainOff
    FémininAge : 15Messages : 3

    le Ven 19 Sep 2014 - 20:33

    Marchiii
    avatar
    -Hikaru-
    MasculinAge : 20Messages : 50

    le Dim 21 Sep 2014 - 11:30

    superbe fiche ^^
    avatar
    Light Anonymous
    FémininAge : 21Messages : 57

    le Lun 22 Sep 2014 - 18:00

    MERCIIII Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Lun 1 Mai 2017 - 0:37