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.


    Liens Simples, Gris et Epurés

    Partagez
    avatar
    Kanae
    FémininAge : 25Messages : 342

    le Mer 10 Sep 2014 - 10:48

    Rappel du premier message :

    Liens Simples, Gris et Epurés



    Bonjour !

    Je continue sur ma lancée avec une fiche de liens ce coup-ci, inspirée du travail de Halloween et de Sparrow Style. Enjoy !

    Parce qu'il s'agit d'un travail regroupant plusieurs éléments, vous pouvez aller voir la Fiche de Présentation 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.


    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 !





    Version brute de décoffrage



    Code Brut :




    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://38.media.tumblr.com/5a95208db6bdbc9b447419e30f0cb7e4/tumblr_mfc7ekAafn1r6zkm3o1_500.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">Interesting...</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: -18px 10px 0 0; 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: #8C8C8C; margin: auto; padding: 1px; width: 245px; height: 40px;"><div style="background-color: #E6E6E6; width: 245px; height: 20px; border-top: 1px solid #FEFEFE;"></div><div style="background-color: #B1B1B1; border-bottom: 2px solid #9B9B9B; width: 245px; height: 18px;"></div></div>
    <div style="background-color: #EFF5FF; margin: -56px auto 0 auto; width: 227px; height: 22px; border: 1px solid #384B69; padding: 5px; color: #483047; font-size: 15px; font-family: calibri; font-variant: small-caps;"><marquee scrollamount="3">Age • Situation • Métier • Donnée</marquee></div>


    <div style="font-family: georgia; margin: 0 0 -18px 315px; font-size: 24px; color: #B0C3AB;">So you are</div><div style="font-family: georgia; margin: 0 0 -22px 80px; font-size: 24px; color: #B0C3AB;">I think</div>
    <div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><table><td>
    <div style="background-color: #8D838D; height: 1px; margin: -7px 0 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px;"></div></div>
    <div style="background-color: #ffffff; width: 190px; height: 300px; margin-left : 30px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> 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.

    <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> 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></td><td>
    <div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 18px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 18px;"></div></div>
    <div style="background-color: #ffffff; height: 300px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;"><span style="font-size: 16px; font-family: impact; color: #DF2626;">{busy}</span><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- type de relation -</span> 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.

    <span style="font-size: 16px; font-family: impact; color: #6AD030;">{free!}</span><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- type de relation -</span> 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.

    <span style="font-size: 16px; font-family: impact; color: #A530D0;">{reserved}</span><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- type de relation -</span> 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.</div></td></table></div>

    <div style="margin: 0 0 -22px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">I know</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><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>



    Code brut pour rajouter un lien :



    N'oubliez surtout pas que ce code est à placer devant le < / table > final ! Sinon vous allez vous retrouver avec des éléments dispatchés un peu partout.



    Code:
    <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>


    Version Simplifiée



    Code simplifié fiche :



    Attention, pour ceux qui ont déjà installé le CSS de la fiche de présentation, certains codes sont répétés !



    Code:
    <div class="fond_1;"><img src="http://38.media.tumblr.com/5a95208db6bdbc9b447419e30f0cb7e4/tumblr_mfc7ekAafn1r6zkm3o1_500.gif" style="width: 100%; heigh: 280px;"/><div class="fond_6;"><div class="bloc_guillemet"; text-align: center; margin-top: 10px;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Interesting...</span></div></div><div class="credits"; margin: -3px 0 0 10px;">feat Personnalité choisie</div><div class="soustitre"; margin: -18px 10px 0 0;">Prénom Nom</div>

    <div class="fond_scroll_1;"><div class="fond_scroll_2;"></div><div class="fond_scroll_3;"></div></div><br /><div class="fond_scroll_4;"><marquee scrollamount="3">Age • Situation • Métier • Donnée</marquee></div>


    <div class="titre_1"; margin: 0 0 -18px 315px;">So you are</div><div style="titre_1"; margin: 0 0 -22px 80px;">I think</div>
    <div class="fond_2;"><table><td>
    <div class="style_2;"></div><div class="style_4;"></div></div>
    <div class="fond_7;"><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- caractère -</span> 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.

    <span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- histoire -</span> 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></td><td>
    <div class="style_5;"></div><div class="style_6;"></div></div>
    <div class="fond_7;"><span style="font-size: 16px; font-family: impact; color: #DF2626;">{busy}</span><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- type de relation -</span> 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.

    <span style="font-size: 16px; font-family: impact; color: #6AD030;">{free!}</span><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- type de relation -</span> 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.

    <span style="font-size: 16px; font-family: impact; color: #A530D0;">{reserved}</span><span style="font-size: 12px; font-family: georgia; color: #879E9B; font-variant: small-caps; font-weight: bold;">- type de relation -</span> 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.</div></td></table></div>

    <div class="titre_1"; margin: 0 0 -22px 80px;">I know</div>
    <div class="fond_2;">
    <div class="style_2;"></div><div class="style_3;"></div>
    <table><tr><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" class="bloc_image_2;"></td><td><div class="soustitre"; margin-right: 40px;">Prénom Nom</div><div class="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" class="bloc_image_2;"></td><td><div class="soustitre"; margin-right: 40px;">Prénom Nom</div><div class="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><a class="credits"; margin-top: -3px; text-align: center;" href="http://www.never-utopia.com">© Kanae de Never-Utopia</a></div>



    Pour rajouter un lien :



    Ici aussi, soyez vigilant en replaçant le lien ajouté juste avant le < / table >.



    Code:
    <tr><td>

    <img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" class="bloc_image_2;"></td><td><div class="soustitre"; margin-right: 40px;">Prénom Nom</div><div class="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>



    Code feuille CSS :



    Code:
    /* --------------------------------- Liens --------------------------------- */
    .fond_1
    {
    background-color: #E4E4E4;
    width: 530px;
    margin: auto;
    padding-bottom: 10px;
    box-shadow: 3px 3px 5px #000000;
    color: #353535;
    font-family: 'Verdana';
    font-size: 11px;
    }
    .fond_2
    {
    background-color: #DFDFDF;
    margin: 0 10px 0 10px;
    padding-bottom: 20px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    }
    .fond_6
    {
    background-color: #F0F0F0;
    border-top: 4px solid #B0C3AB;
    border-bottom: 2px solid #BEBEBE;
    height: 40px;
    width: 100%;
    }
    .fond_7
    {
    background-color: #ffffff;
    width: 190px;
    height: 300px;
    margin-left : 30px;
    padding: 10px;
    text-align: justify;
    overflow: auto
    }
    .fond_8
    {
    background-color: #ffffff;
    height: 120px;
    margin: 0 30px 0 18px;
    padding: 10px;
    text-align: justify;
    overflow: auto;
    }
    .fond_scroll_1
    {
    background-color: #8C8C8C;
    margin: auto;
    padding: 1px;
    width: 245px;
    height: 40px;
    }
    .fond_scroll_2
    {
    background-color: #E6E6E6;
    width: 245px;
    height: 20px;
    border-top: 1px solid #FEFEFE;
    }
    .fond_scroll_3
    {
    background-color: #B1B1B1;
    border-bottom: 2px solid #9B9B9B;
    width: 245px;
    height: 18px;
    }
    .fond_scroll_4
    {
    background-color: #EFF5FF;
    width: 227px;
    height: 22px;
    margin: -56px auto 0 auto;
    border: 1px solid #384B69;
    padding: 5px;
    color: #483047;
    font-size: 15px;
    font-family: calibri;
    font-variant: small-caps;
    }
    .style_2
    {
    background-color: #8D838D;
    height: 1px;
    margin: -7px 0 0 30px;
    }
    .style_3
    {
    background-color: #B0C3AB;
    height: 2px;
    margin-left: 30px;
    margin-right: 30px;
    }
    .style_4
    {
    background-color: #B0C3AB;
    height: 2px;
    margin-left: 30px;
    }
    .style_5
    {
    background-color: #8D838D;
    height: 1px;
    margin: -7px 30px 0 18px;
    }
    .style_6
    {
    background-color: #B0C3AB;
    height: 2px;
    margin: 0 30px 0 18px;

    .titre_1
    {
    font-family: georgia;
    font-size: 24px;
    color: #B0C3AB;
    }
    .bloc_guillemet
    {
    font-family: georgia;
    font-size: 36px;
    text-shadow: 1px 1px 2px #1A1A1A;
    color: #353535;
    }
    .soustitre
    {
    text-align: right;
    font-family: georgia;
    font-variant: small-caps;
    font-size: 14px;
    font-style: italic;
    letter-spacing : 2px;
    color: #879E9B;
    }
    .bloc_image_2
    {
    border: 2px solid #BEBEBE;
    width: 100px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-left: 30px;
    }
    .credits
    {
    margin-top: -3px;
    margin-left: 10px;
    color: #BEBEBE;
    font-size: 10px;
    font-family: arial narrow;
    }
    /* --------------------------------- FIN Liens --------------------------------- */


    Dernière édition par Kanae le Mer 21 Déc 2016 - 16:47, édité 10 fois
    Ponk
    FémininAge : 17Messages : 10

    le Mer 4 Mar 2015 - 17:32

    Merci Very Happy
    avatar
    Mozart
    FémininAge : 23Messages : 52

    le Jeu 5 Mar 2015 - 5:15

    ow j'adore !!



    avatar
    Cumulus
    FémininAge : 23Messages : 14

    le Sam 7 Mar 2015 - 19:02

    Merci :3
    avatar
    Alys19
    FémininAge : 24Messages : 55

    le Jeu 12 Mar 2015 - 18:09

    Mercii!!!! Very Happy
    avatar
    Lisandre Berantar
    FémininAge : 22Messages : 22

    le Ven 13 Mar 2015 - 19:03

    J'adore ! Merci beaucoup ♥
    avatar
    naah
    MasculinAge : 23Messages : 77

    le Sam 14 Mar 2015 - 11:30

    Merci ! :3
    avatar
    Zoé
    FémininAge : 18Messages : 185

    le Sam 14 Mar 2015 - 17:54

    Thanksss



    avatar
    Lucia-san
    FémininAge : 17Messages : 60

    le Sam 14 Mar 2015 - 22:05

    Merci du partage !
    avatar
    Furries
    FémininAge : 21Messages : 34

    le Dim 15 Mar 2015 - 16:03

    Merci beaucoup !^^
    avatar
    Ysandre
    FémininAge : 23Messages : 16

    le Mer 25 Mar 2015 - 11:56

    très joli comme code! :hug:
    avatar
    chocolette
    FémininAge : 22Messages : 13

    le Mer 25 Mar 2015 - 17:09

    Thanks! Wink
    avatar
    Chant
    FémininAge : 17Messages : 68

    le Sam 28 Mar 2015 - 16:40

    Merciiiii
    avatar
    Archeos
    FémininAge : 21Messages : 60

    le Dim 29 Mar 2015 - 16:23

    J'adore. **



    avatar
    Callisto
    FémininAge : 21Messages : 44

    le Lun 30 Mar 2015 - 12:26

    merci beaucoup !
    caraa
    FémininAge : 18Messages : 31

    le Lun 30 Mar 2015 - 18:04

    merci c:
    avatar
    Jay-89
    FémininAge : 28Messages : 85

    le Mer 1 Avr 2015 - 9:42

    Merci !
    avatar
    benficagirl
    FémininAge : 31Messages : 353

    le Mer 1 Avr 2015 - 21:15

    J'adore :) je vais l'essayer du coup Very Happy
    avatar
    chocobiscotte
    FémininAge : 24Messages : 43

    le Mer 1 Avr 2015 - 21:45

    merci c'est super joli
    Chromounette
    FémininAge : 19Messages : 10

    le Sam 4 Avr 2015 - 19:33

    Merci ! C'est super o/
    avatar
    Noburnak
    MasculinAge : 24Messages : 23

    le Lun 6 Avr 2015 - 14:41

    *invocation vodou* //POUTRE


    MERCI ♥
    avatar
    Mello
    FémininAge : 20Messages : 52

    le Ven 10 Avr 2015 - 1:06

    Merci!
    avatar
    Ancolie
    FémininAge : 19Messages : 33

    le Dim 12 Avr 2015 - 14:14

    Canon la fiche ! Merci :3
    avatar
    Puale
    MasculinAge : 21Messages : 18

    le Dim 12 Avr 2015 - 21:08

    Parfait ! *.*
    avatar
    Treize Sillver
    FémininAge : 18Messages : 21

    le Ven 17 Avr 2015 - 13:24

    Merci ! =D
    avatar
    Siprano
    FémininAge : 19Messages : 291

    le Mer 22 Avr 2015 - 21:43

    J'aiiiime
    Contenu sponsorisé


      La date/heure actuelle est Ven 15 Déc 2017 - 5:35