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.

-50%
Le deal à ne pas rater :
-50% Baskets Nike Air Huarache
64.99 € 129.99 €
Voir le deal

    Liens Simples, Gris et Epurés

    Kanae
    Kanae
    FémininAge : 31Messages : 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
    DrWeaver
    DrWeaver
    FémininAge : 37Messages : 36

    Dim 13 Nov 2016 - 23:50

    J'adore. Franchement, elle est bien faite ta fiche. Merci beaucoup pour le partage =)
    Nardzer
    Nardzer
    FémininAge : 25Messages : 22

    Dim 4 Déc 2016 - 18:58

    Super, merci ! :)
    TekeTrash
    TekeTrash
    FémininAge : 29Messages : 1

    Lun 19 Déc 2016 - 10:46

    J'adore, merci beaucoup !!
    Ezraël Maëstro
    Ezraël Maëstro
    MasculinAge : 24Messages : 91

    Jeu 22 Déc 2016 - 12:46

    Je repaaaaasse pour les liens cette fois-ci, merci à toi ! Very Happy



    Liens Simples, Gris et Epurés - Page 10 Sign110
    Océan
    Océan
    FémininAge : 25Messages : 19

    Dim 8 Jan 2017 - 3:47

    Merci !




    VIDEO MELIORA PROBOQUE DETERIORA SEQUOR
    May-Lee & Matchitisiw Bilagaana sur Take me to Neverland, Astrid Nygård sur Esprit Sauvage, Freya & Solveig sur Red Sands, Rhaena Targaryen sur A Feast for Dragons. Viens me rejoindre !

    ♡ ♡ ♡

    Rudein
    Rudein
    FémininAge : 27Messages : 87

    Mar 24 Jan 2017 - 21:19

    Merci pour le partage !! ham3
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Mar 14 Fév 2017 - 16:41

    Bonjour ^^ j'aime beaucoup ta fiche je te la prend merci beaucoup ^^
    SoraKumori
    SoraKumori
    MasculinAge : 26Messages : 30

    Lun 1 Mai 2017 - 19:12

    Merci pour ce codage épuré mais très sympa !
    Jiragi
    Jiragi
    FémininAge : 23Messages : 22

    Sam 27 Jan 2018 - 21:01

    Merci
    Latica
    Latica
    FémininAge : 26Messages : 45

    Jeu 29 Mar 2018 - 12:20

    Merci !
    Yukiru
    Yukiru
    FémininAge : 20Messages : 27

    Lun 9 Avr 2018 - 10:13

    Merciii! Jolie fiche! :)
    Nyash
    Nyash
    FémininAge : 38Messages : 36

    Jeu 28 Juin 2018 - 10:45

    merci !
    Anju44
    Anju44
    FémininAge : 32Messages : 6

    Dim 2 Sep 2018 - 23:42

    Bonjour !

    Le code est très joli, merci :)
    Néanmoins, dans la version simplifiée, il y a de grosses erreurs dans le codage. Dans les div il y a des propriétés css mais il manque les "style" devant ou alors c'est mis "class" au lieu de "style" par moment, du coup ça fait tout buguer. o/

    Mais la version brut fonctionne très bien ! o/
    Celestakemi
    Celestakemi
    FémininAge : 24Messages : 47

    Sam 1 Déc 2018 - 14:40

    Merci beaucoup :love:



    Liens Simples, Gris et Epurés - Page 10 1483782496-celesta-grand
    Laurolay
    Laurolay
    FémininAge : 20Messages : 109

    Mer 22 Avr 2020 - 18:46

    mercii o/
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Sam 17 Oct 2020 - 17:49

    merci pour cette petite fiche^^
    Mick'
    Mick'
    MasculinAge : 37Messages : 6

    Dim 13 Nov 2022 - 16:36

    Merci pour ce partage
    valravn
    valravn
    MasculinAge : 29Messages : 8

    Dim 20 Nov 2022 - 13:57

    J'aime beaucoup, je vais la poster sur un forum en espérant qu'elle attirera ici des tas de curieux !

    C'est sobre, travaillé, parfait quoi Very Happy
    Narratrice
    Narratrice
    FémininAge : 25Messages : 5

    Dim 16 Juil 2023 - 13:53

    Merci beaucoup! Je la trouve fort sympatoche!
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 18:40