AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Le trèfle à quatre feuilles [multi-usage]

    Partagez
    Ehawee
    FémininAge : 24Messages : 4595

    le Jeu 4 Avr 2013 - 0:19

    Le secret de cette fiche est son trèfle d'images qui lui apporte tout le cachet voulu ^^". Vous pouvez en voir un exemple "personnalisé" dans mon journal de bord ici

    Le modèle qui suit est dans un nuancier de gris, neutre, libre à vous donc, d'y faire les modifications de votre choix. Ont été laissés dans le code les mentions IMAGES A,B, C, D qui correspondent à la rosace centrale histoire de vous aider. Lorsque vous utilisez la fiche SUPPRIMEZ ces mentions.

    exemple:
    Code:
    <div style="blabla: blabla; blabla: blabla;">IMAGE A</div>
    deviendra
    Code:
    <div style="blabla: blabla; blabla: blabla;"></div>

    Respectez les dimensions en pixel indiquées sur la fiche pour un meilleur effet au niveau des images =)


    TITRE
    sous-titre




    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas cursus venenatis quam sed iaculis. Pellentesque libero arcu, convallis ac ullamcorper nec, lacinia ut nunc. Morbi tempus dolor a elit sodales imperdiet. Aenean mollis tellus sed est luctus facilisis. Duis et velit leo, in ultricies purus. Pellentesque ante nulla, elementum at pellentesque mollis, vulputate non est. Morbi non dolor ut mi viverra porttitor a ut orci. Pellentesque tristique justo eget nulla laoreet semper.

    Duis molestie nulla quis diam imperdiet volutpat. Morbi porttitor, diam vitae eleifend tristique, nisl nisi elementum odio, ac mattis nisi tellus at nibh. Vestibulum auctor, lacus id pretium placerat, justo dolor porttitor nibh, eget gravida quam lorem non turpis. Nam ac lacinia odio. Mauris scelerisque tempus adipiscing. Vestibulum dictum, est ac dapibus posuere, purus tellus gravida neque, quis aliquam urna erat quis dui. Sed iaculis porta risus in consequat. Duis sit amet eros nunc, vitae gravida erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris quis enim at nisl dapibus sagittis quis eu augue. Maecenas tortor risus, consectetur eget blandit quis, tempor a felis. Integer hendrerit semper felis, nec posuere sem mattis at. Integer tempor ullamcorper lacinia. Quisque convallis justo et est pulvinar gravida.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas cursus venenatis quam sed iaculis. Pellentesque libero arcu, convallis ac ullamcorper nec, lacinia ut nunc. Morbi tempus dolor a elit sodales imperdiet. Aenean mollis tellus sed est luctus facilisis. Duis et velit leo, in ultricies purus. Pellentesque ante nulla, elementum at pellentesque mollis, vulputate non est. Morbi non dolor ut mi viverra porttitor a ut orci. Pellentesque tristique justo eget nulla laoreet semper.

    Duis molestie nulla quis diam imperdiet volutpat. Morbi porttitor, diam vitae eleifend tristique, nisl nisi elementum odio, ac mattis nisi tellus at nibh. Vestibulum auctor, lacus id pretium placerat, justo dolor porttitor nibh, eget gravida quam lorem non turpis. Nam ac lacinia odio. Mauris scelerisque tempus adipiscing. Vestibulum dictum, est ac dapibus posuere, purus tellus gravida neque, quis aliquam urna erat quis dui. Sed iaculis porta risus in consequat. Duis sit amet eros nunc, vitae gravida erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris quis enim at nisl dapibus sagittis quis eu augue. Maecenas tortor risus, consectetur eget blandit quis, tempor a felis. Integer hendrerit semper felis, nec posuere sem mattis at. Integer tempor ullamcorper lacinia. Quisque convallis justo et est pulvinar gravida.
    blabla final

    Fiche de Narja pour Never Utopia

    Code:
    <blockquote style="overflow: hide; margin-left: auto; margin-right: auto; width: 600px; background: #2B292E; border-left: 5px solid #737C85; border-right: 5px solid #737C85; border-radius : 999px 999px 999px 999px; padding-bottom: 187px; padding-top: 180px; background-image: url(http://nsa34.casimages.com/img/2013/04/03/130403101849363080.png); background-position: top; background-repeat: no-repeat">
    <center><div style="color: #E1E1E3; font-family: times new roman; font-size: 40px; font-style: italic; font-variant: small-caps;">TITRE</div></center><div style="color: #737C85; font-family: times new roman; font-size: 14px; font-style: italic; font-variant: small-caps; text-align: center;  border-bottom: 1px dotted #E1E1E3; padding-top: 7px">sous-titre</div><br><br><br><br><div style="margin-left: auto; margin-right: auto; width: 500px; background: #737C85; border-left: 5px solid #E1E1E3; border-right: 5px solid #E1E1E3; border-radius : 10px 10px 10px 10px; text-align: justify; padding: 10px; font-family: times new roman; font-style: italic; color : #1A1B22 ; "> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas cursus venenatis quam sed iaculis. Pellentesque libero arcu, convallis ac ullamcorper nec, lacinia ut nunc. Morbi tempus dolor a elit sodales imperdiet. Aenean mollis tellus sed est luctus facilisis. Duis et velit leo, in ultricies purus. Pellentesque ante nulla, elementum at pellentesque mollis, vulputate non est. Morbi non dolor ut mi viverra porttitor a ut orci. Pellentesque tristique justo eget nulla laoreet semper.

    Duis molestie nulla quis diam imperdiet volutpat. Morbi porttitor, diam vitae eleifend tristique, nisl nisi elementum odio, ac mattis nisi tellus at nibh. Vestibulum auctor, lacus id pretium placerat, justo dolor porttitor nibh, eget gravida quam lorem non turpis. Nam ac lacinia odio. Mauris scelerisque tempus adipiscing. Vestibulum dictum, est ac dapibus posuere, purus tellus gravida neque, quis aliquam urna erat quis dui. Sed iaculis porta risus in consequat. Duis sit amet eros nunc, vitae gravida erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris quis enim at nisl dapibus sagittis quis eu augue. Maecenas tortor risus, consectetur eget blandit quis, tempor a felis. Integer hendrerit semper felis, nec posuere sem mattis at. Integer tempor ullamcorper lacinia. Quisque convallis justo et est pulvinar gravida. </div><table style="width: 500px; margin-right: auto; margin-left: auto; margin-top: -40px"><tr><td style="width: 250px; height: 250px; "><div style="margin-left: 80px; width: 200px; height: 200px; background-image: url(http://nsa33.casimages.com/img/2013/04/03/130403101445251561.png); background-position: center; border-radius: 0px 100px 0px 100px; overflow: hide;margin-right: 0px; margin-left: 50px; margin-top: 50px">IMAGE A</div></td><td style="width: 250px; height: 250px; "><div style="margin-left: 80px; width: 200px; height: 200px; background-image: url(http://nsa33.casimages.com/img/2013/04/03/130403101445251561.png); background-position: center; border-radius: 100px 0px 100px 0px; overflow: hide; margin-right: 50px; margin-top: 50px; margin-left: 0px; text-align: right">IMAGE B</div></td></tr><tr><td style="width: 250px; height: 250px; "><div style="margin-left: 80px; width: 200px; height: 200px; background-image: url(http://nsa33.casimages.com/img/2013/04/03/130403101445251561.png); background-position: center; border-radius: 100px 0px 100px 0px; overflow: hide; margin-left: 50px; margin-bottom: 50px; text-align: right">IMAGE C</div></td><td style="width: 250px; height: 250px; "><div style="margin-left: 80px; width: 200px; height: 200px; background-image: url(http://nsa33.casimages.com/img/2013/04/03/130403101445251561.png); background-position: center; border-radius: 0px 100px 0px 100px; overflow: hide; margin-right: 50px; margin-bottom: 50px; margin-left: 0px">IMAGE D</div></td></tr></table><div style="margin-left: auto; margin-right: auto; width: 500px; background: #737C85; border-left: 5px solid #E1E1E3; border-right: 5px solid #E1E1E3; border-radius : 10px 10px 10px 10px; text-align: justify; padding: 10px; font-family: times new roman; font-style: italic; margin-top: -40px; color : #1A1B22 ; "> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas cursus venenatis quam sed iaculis. Pellentesque libero arcu, convallis ac ullamcorper nec, lacinia ut nunc. Morbi tempus dolor a elit sodales imperdiet. Aenean mollis tellus sed est luctus facilisis. Duis et velit leo, in ultricies purus. Pellentesque ante nulla, elementum at pellentesque mollis, vulputate non est. Morbi non dolor ut mi viverra porttitor a ut orci. Pellentesque tristique justo eget nulla laoreet semper.

    Duis molestie nulla quis diam imperdiet volutpat. Morbi porttitor, diam vitae eleifend tristique, nisl nisi elementum odio, ac mattis nisi tellus at nibh. Vestibulum auctor, lacus id pretium placerat, justo dolor porttitor nibh, eget gravida quam lorem non turpis. Nam ac lacinia odio. Mauris scelerisque tempus adipiscing. Vestibulum dictum, est ac dapibus posuere, purus tellus gravida neque, quis aliquam urna erat quis dui. Sed iaculis porta risus in consequat. Duis sit amet eros nunc, vitae gravida erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris quis enim at nisl dapibus sagittis quis eu augue. Maecenas tortor risus, consectetur eget blandit quis, tempor a felis. Integer hendrerit semper felis, nec posuere sem mattis at. Integer tempor ullamcorper lacinia. Quisque convallis justo et est pulvinar gravida. </div><div style="color: #737C85; font-family: times new roman; font-size: 14px; font-style: italic; font-variant: small-caps; text-align: center; border-top: 1px dotted #E1E1E3; margin-top: 10px">blabla final</div>
    [color=#737C85][i][center]Fiche de Narja pour [url=http://www.never-utopia.com]Never Utopia[/url][/center][/i][/color]</blockquote>



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


    Okhmhaka
    FémininAge : 32Messages : 31823

    le Jeu 4 Avr 2013 - 0:21

    Oooooh c'est classe le trèfle au milieu ! C'est une super idée je trouve x).

    Bravo et merci !



    Gabriel
    FémininAge : 29Messages : 7935

    le Jeu 4 Avr 2013 - 0:41

    J'étais justement en train de me dire que ta fiche de journal de bord était vraiment sympa... Beau boulot ! Very Happy



    Invité

    le Jeu 4 Avr 2013 - 8:20

    *o*
    J'adore, c'est magnifique !!!!!
    Scavenger
    MasculinAge : 24Messages : 1495

    le Jeu 4 Avr 2013 - 9:10

    c'est jolie. Very Happy



    Ehawee
    FémininAge : 24Messages : 4595

    le Jeu 4 Avr 2013 - 10:06

    Merci à tous les quatre ^^

    (Cap'taine, m'en parle pas >.<" ça été l'horreur ce trèfle U_U")



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


    Falyae
    FémininAge : 27Messages : 133

    le Sam 18 Mai 2013 - 0:01

    Merci pour le partage! Très jolie fiche et j'aime beaucoup l'effet trefle! ^^



    Ashem
    FémininAge : 31Messages : 250

    le Lun 27 Mai 2013 - 12:31

    Merci pour le partage !
    Samluna
    FémininAge : 17Messages : 96

    le Mer 29 Mai 2013 - 17:55

    *bave* Merci... C'est plus que beau !!! Very Happy




    Priez pour Paris. Priez pour la liberté.
    Priez pour Paris. Priez pour l'égalité.
    Priez pour Paris. Pour la fraternité.

    #Pray for Paris
    Ehawee
    FémininAge : 24Messages : 4595

    le Lun 10 Juin 2013 - 22:10

    Contente qu'elle vous plaise ^^



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


    Jenova
    MasculinAge : 22Messages : 111

    le Jeu 17 Oct 2013 - 22:32

    Merci !
    Serere
    FémininAge : 25Messages : 20

    le Dim 13 Avr 2014 - 16:25

    J'adore! Merci beaucoup ^^



    | ! | "Serere" est un vieux pseudo que je n'utilise plus, donc ne soyez pas étonnés de voir écrit "Luka" (ou LukaDolls) sur mon avatar. Je ne veux pas déranger l'équipe administrative, donc je ne demanderais pas un changement de pseudo par mp, cela dit si l'un de vous passe par là et voit cette petite annonce, si ça ne le dérange pas de procéder à un changement de pseudo, ce serait agréable et je vous en serai reconnaissante, merci =) | ! |
    0smose
    FémininAge : 21Messages : 156

    le Sam 3 Mai 2014 - 12:20

    Ouah ! Quel beau boulot ! Tu as du te donner tellement de mal et prendre beaucoup de temps ! Félicitations, je suis conquise !  :siffle: 





    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.
    Kryystale
    FémininAge : 23Messages : 4

    le Lun 5 Mai 2014 - 3:28

    Très bien fait, merci !
    Amadeus
    FémininAge : 26Messages : 46

    le Mer 28 Mai 2014 - 11:03

    J'aime beaucoup le trèfle au centre. C'est une manière originale de mettre en valeur des images, très différente de ce que l'on voit en général ! Merci ~ *-*
    Néolyte
    MasculinAge : 25Messages : 17

    le Mar 16 Sep 2014 - 17:35

    Un grand merci pour le partage, il est sublime :)
    Faramir
    FémininAge : 20Messages : 62

    le Sam 4 Oct 2014 - 15:07

    Très belle fiche. Merci :)
    Hane
    FémininAge : 18Messages : 44

    le Jeu 31 Mar 2016 - 18:06

    J'adore le style, avec le trèfle ça fait changement.
    Kelalin
    FémininAge : 24Messages : 1442

    le Jeu 31 Mar 2016 - 20:58

    Merci pour le partage !
    Contenu sponsorisé


      La date/heure actuelle est Sam 25 Fév 2017 - 3:12