Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 24Message(s) : 4506

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    6/10  (6/10)
    Guilde des Architectes:
    3/10  (3/10)
    Ehawee
    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>




    gif1gif2
    MasculinAge : 31Message(s) : 31699

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    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 !


    FémininAge : 28Message(s) : 7935
    Gabriel
    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 !!!!!
    MasculinAge : 24Message(s) : 1493

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Scavenger
    le Jeu 4 Avr 2013 - 9:10
    c'est jolie. Very Happy


    FémininAge : 24Message(s) : 4506

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    6/10  (6/10)
    Guilde des Architectes:
    3/10  (3/10)
    Ehawee
    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")




    gif1gif2
    FémininAge : 27Message(s) : 133
    Falyae
    le Sam 18 Mai 2013 - 0:01
    Merci pour le partage! Très jolie fiche et j'aime beaucoup l'effet trefle! ^^


    FémininAge : 31Message(s) : 250
    Ashem
    le Lun 27 Mai 2013 - 12:31
    Merci pour le partage !
    FémininAge : 17Message(s) : 93
    Samluna
    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
    FémininAge : 24Message(s) : 4506

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    6/10  (6/10)
    Guilde des Architectes:
    3/10  (3/10)
    Ehawee
    le Lun 10 Juin 2013 - 22:10
    Contente qu'elle vous plaise ^^




    gif1gif2
    MasculinAge : 22Message(s) : 108

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Jenova
    le Jeu 17 Oct 2013 - 22:32
    Merci !
    FémininAge : 25Message(s) : 20
    Serere
    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 =) | ! |
    FémininAge : 21Message(s) : 153

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    0smose
    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.
    FémininAge : 22Message(s) : 4
    Kryystale
    le Lun 5 Mai 2014 - 3:28
    Très bien fait, merci !
    FémininAge : 26Message(s) : 46
    Amadeus
    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 ~ *-*
    MasculinAge : 25Message(s) : 17
    Néolyte
    le Mar 16 Sep 2014 - 17:35
    Un grand merci pour le partage, il est sublime :)
    FémininAge : 20Message(s) : 62
    Faramir
    le Sam 4 Oct 2014 - 15:07
    Très belle fiche. Merci :)
    FémininAge : 18Message(s) : 44
    Hane
    le Jeu 31 Mar 2016 - 18:06
    J'adore le style, avec le trèfle ça fait changement.
    FémininAge : 24Message(s) : 1399

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Jeu 31 Mar 2016 - 20:58
    Merci pour le partage !
    Contenu sponsorisé
    Aujourd'hui à 7:05

      La date/heure actuelle est Dim 4 Déc 2016 - 7:05