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.


    Liens Simples, Gris et Epurés

    Kanae
    Kanae
    FémininAge : 32Messages : 354

    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
    -Madara Uchiha-
    -Madara Uchiha-
    MasculinAge : 30Messages : 41

    Mer 21 Jan 2015 - 4:58

    Wow, bravo!
    Missmytic
    Missmytic
    FémininAge : 35Messages : 26

    Mar 27 Jan 2015 - 6:07

    Merci beaucoup <3
    Patachou
    Patachou
    MasculinAge : 27Messages : 12

    Jeu 29 Jan 2015 - 18:21

    Merci beaucoup, ça va m'être utile !
    Xperience
    Xperience
    FémininAge : 28Messages : 156

    Jeu 29 Jan 2015 - 21:00

    Merci !



    Liens Simples, Gris et Epurés - Page 3 1453390429-tumblr-lv1fbrkxzh1qlnpia
    Shaad
    Shaad
    MasculinAge : 31Messages : 5

    Jeu 29 Jan 2015 - 21:53

    Merci à toi, un très beau code :o
    Elissane
    Elissane
    FémininAge : 24Messages : 44

    Ven 30 Jan 2015 - 18:33

    Elle est magnifique, merci beaucoup !
    andril
    andril
    FémininAge : 35Messages : 42

    Ven 30 Jan 2015 - 18:35

    Merci !!!!!
    avatar
    Wolftactick
    FémininAge : 23Messages : 71

    Sam 31 Jan 2015 - 12:21

    trop bow !
    Demoniall
    Demoniall
    FémininAge : 24Messages : 74

    Dim 1 Fév 2015 - 15:22

    Superbe, merci !
    Harmonia
    Harmonia
    FémininAge : 26Messages : 110

    Mar 3 Fév 2015 - 18:07

    *Tente une invocation vaudou.* Marche pas :/ !

    Bref, merci beaucoup ♥
    Weiss
    Weiss
    MasculinAge : 28Messages : 32

    Mar 3 Fév 2015 - 20:12

    Jolie code, merci beaucoup ! =D
    solowena
    solowena
    FémininAge : 34Messages : 4

    Mer 4 Fév 2015 - 16:48

    c'est magnifique merci pour ce partage !
    okeane
    okeane
    FémininAge : 34Messages : 93

    Ven 6 Fév 2015 - 7:02

    merci :)
    Sakura Sumeragi
    Sakura Sumeragi
    FémininAge : 34Messages : 62

    Mar 10 Fév 2015 - 10:54

    merci :3
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Mer 11 Fév 2015 - 0:05

    Super ! :)
    Lacey Grey
    Lacey Grey
    FémininAge : 29Messages : 17

    Sam 14 Fév 2015 - 10:11

    Merciiiiiiii
    Zeka
    Zeka
    MasculinAge : 29Messages : 17

    Lun 16 Fév 2015 - 19:19

    Merci beaucoup du partage !
    Manue
    Manue
    FémininAge : 44Messages : 58

    Mar 17 Fév 2015 - 10:47

    Merci !!!
    MOON LEE
    MOON LEE
    FémininAge : 30Messages : 149

    Mer 18 Fév 2015 - 22:47

    merci
    Akiro
    Akiro
    FémininAge : 32Messages : 55

    Ven 20 Fév 2015 - 21:21

    Magnifique, c'est une belle variante de la présentation!
    Merci beaucoup!
    Contry
    Contry
    FémininAge : 25Messages : 28

    Lun 23 Fév 2015 - 18:45

    C'est super bien fait !
    Merci
    Glimy
    Glimy
    FémininAge : 25Messages : 19

    Ven 27 Fév 2015 - 16:02

    Très jolie fiche de liens, merci ! :)
    lykath
    lykath
    MasculinAge : 36Messages : 72

    Sam 28 Fév 2015 - 21:30

    merci beaucoup ^^
    Apana
    Apana
    FémininAge : 25Messages : 5

    Dim 1 Mar 2015 - 13:26

    Merci du partage, c'est très beau ham1
    Neymar
    Neymar
    MasculinAge : 26Messages : 139

    Mer 4 Mar 2015 - 15:52

    Hawnsome !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:45