AccueilRechercherS'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

    Kanae
    Kanae
    FémininAge : 27Messages : 354

    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
    Ichigo Hoshi
    Ichigo Hoshi
    FémininAge : 25Messages : 22

    le Sam 20 Déc 2014 - 0:15

    Merci ♥
    0smose
    0smose
    FémininAge : 23Messages : 165

    le Dim 21 Déc 2014 - 13:12

    Merci, très jolie fiche !! Very Happy



    Liens Simples, Gris et Epurés - Page 2 Bannie10

    But I'm only human
    And I bleed when I fall down... I'm only human and I crash and I break down. Your words in my head,
    knives in my heart. You build me up and then I fall apart.
    'Cause I'm only human.
    avatar
    Hinate-Chan
    FémininAge : 24Messages : 44

    le Dim 21 Déc 2014 - 16:50

    Très belle fiche merci ! ;3
    Moro-PM
    Moro-PM
    FémininAge : 17Messages : 149

    le Dim 21 Déc 2014 - 19:14

    Merci beaucoup :3
    Meap
    Meap
    FémininAge : 21Messages : 10

    le Mar 23 Déc 2014 - 13:09

    Merciiiii



    Sensei
    Sensei
    FémininAge : 32Messages : 24

    le Mer 24 Déc 2014 - 7:50

    Merci d'avoir partagé avec nous !
    No'Oz
    No'Oz
    FémininAge : 17Messages : 88

    le Jeu 25 Déc 2014 - 0:35

    Très belle fiche, merci pour le partage!
    Faucon
    Faucon
    FémininAge : 19Messages : 64

    le Ven 26 Déc 2014 - 17:22

    Merci ♥
    avatar
    Didou'
    FémininAge : 21Messages : 3

    le Sam 27 Déc 2014 - 14:35

    Merci pour ce partage!
    Godess Destiny
    Godess Destiny
    FémininAge : 25Messages : 2

    le Sam 27 Déc 2014 - 23:04

    Simple, il sert en toute condition. Magnifique code :) Merci
    myka
    myka
    MasculinAge : 31Messages : 19

    le Lun 29 Déc 2014 - 15:27

    Merci.
    Sokaro
    Sokaro
    FémininAge : 23Messages : 195

    le Mar 30 Déc 2014 - 13:09

    *Fait une invocation vaudou pour la fiche*

    Merci du partage!



    Liens Simples, Gris et Epurés - Page 2 540068Sokacadre2
    (Signature provisoire.)
    TimeToSmile
    TimeToSmile
    FémininAge : 21Messages : 49

    le Mar 30 Déc 2014 - 13:36

    Vraiment superbe.

    Elle est très simple et pourtant elle attire le regard. J'adore
    Erza
    Erza
    FémininAge : 24Messages : 63

    le Mar 30 Déc 2014 - 16:36

    Merci ♥



    Liens Simples, Gris et Epurés - Page 2 161
    "Un jour je serai la meilleure codeuse
    Je m’entraînerais sans répis
    Je ne serais jamais la Deu'z
    Et je raflerais tous les prix
    Je parcourrai la toile entiere
    Traquant avec espoir
    Le CSS et ses mystères
    Le secret de son pouvoir

    CODEPOWA !
    Je les saurais tous !
    tatous32
    tatous32
    FémininAge : 23Messages : 31

    le Dim 4 Jan 2015 - 21:16

    Chouette fiche, merci beaucoup !
    Addixon
    Addixon
    FémininAge : 25Messages : 46

    le Dim 4 Jan 2015 - 21:28

    Merci ! Very Happy
    Edward Speleers
    Edward Speleers
    FémininAge : 31Messages : 460

    le Jeu 8 Jan 2015 - 12:51

    Très sympa merci :)



    Liens Simples, Gris et Epurés - Page 2 Edkidd11
    Nearween
    Nearween
    FémininAge : 21Messages : 212

    le Dim 11 Jan 2015 - 11:24

    merci pour le code ^^



    Liens Simples, Gris et Epurés - Page 2 Tumblr_static_tumblr_static_e0bc42ijrzwc84o84s4s8o0g_640

    Stand by Me
    Pee-Boo
    Pee-Boo
    FémininAge : 27Messages : 28

    le Dim 11 Jan 2015 - 13:39

    Merci !
    Vall
    Vall
    MasculinAge : 28Messages : 1253

    le Ven 16 Jan 2015 - 17:20

    merci



    Liens Simples, Gris et Epurés - Page 2 Anniet
    Yasashi
    Yasashi
    FémininAge : 24Messages : 73

    le Ven 16 Jan 2015 - 19:17

    Merci !!
    Meldicia
    Meldicia
    FémininAge : 32Messages : 31

    le Ven 16 Jan 2015 - 20:10

    Merci~
    Kaamee
    Kaamee
    FémininAge : 23Messages : 110

    le Sam 17 Jan 2015 - 16:27

    Merci ♥



    Venise
    Venise
    FémininAge : 36Messages : 270

    le Sam 17 Jan 2015 - 23:09

    merci
    P'tit loup
    P'tit loup
    MasculinAge : 36Messages : 447

    le Mar 20 Jan 2015 - 11:26

    merciiiii ^^



    Liens Simples, Gris et Epurés - Page 2 30xivrd
    Contenu sponsorisé


      La date/heure actuelle est Sam 19 Oct 2019 - 9:12