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.


    Ambiance Boisée

    Partagez
    Taktiik
    MasculinAge : 22Messages : 2291

    le Ven 20 Jan 2012 - 21:18

    Rappel du premier message :



    Titre du RP
    Membre & Membre & Membre



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
    Cras elementum ultrices diam.
    Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
    Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor.
    Cras vestibulum bibendum augue.
    Praesent egestas leo in pede. Praesent blandit odio eu enim.
    Pellentesque sed dui ut augue blandit sodales.
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
    Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
    Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.
    Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula.
    Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus,
    convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo
    vitae magna. Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate
    sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.
    Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.




    CSS INTEGRÉ


    Code:
    <div style="background: #37434b url('http://img299.imageshack.us/img299/4200/fondboisfoncejm3.jpg'); border: 2px solid #68391d; width: 620px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 10px; margin: auto;">

    <center><div style="background: #68391d; text-shadow: 1px 1px 2px #000000; width: auto; height: 50px; opacity: 0.7;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 10px; font-size: 24px;text-transform: uppercase;">Titre du RP
    <span style="font-size: 14px; padding-top: -10px;"> Membre & Membre & Membre</span></div></center>

    <div style="background-color: #775029; border: 2px solid #68391d; width: 580px; text-align: justify; margin: auto; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 10px; opacity: 0.7;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
    Cras elementum ultrices diam.
    Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
    Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor.
    Cras vestibulum bibendum augue.
    Praesent egestas leo in pede. Praesent blandit odio eu enim.
    Pellentesque sed dui ut augue blandit sodales.
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
    Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
    Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.
    Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula.
    Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus,
    convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo
    vitae magna. Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate
    sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.
    Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
    </div>

    <div style="float:right; text-shadow: 1px 1px 10px #000000;"><a href="#" style="color: #000000; text-decoration: none!important; font-size:9px;">(c) Never Utopia</a></div>
    </div>
    CSS SÉPARÉ


    Code:
    <div class="Fichenu">

    <div class="FicheTitle">Titre du RP
    <span class="FicheTitle2"> Membre & Membre & Membre</span></div>

    <div class="FicheText">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
    Cras elementum ultrices diam.
    Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
    Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor.
    Cras vestibulum bibendum augue.
    Praesent egestas leo in pede. Praesent blandit odio eu enim.
    Pellentesque sed dui ut augue blandit sodales.
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
    Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
    Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.
    Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula.
    Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus,
    convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo
    vitae magna. Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate
    sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.
    Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
    </div>

    <div style="float:right; text-shadow: 1px 1px 10px #000000;"><a href="http://www.never-utopia.com/" style="color: #000000;  text-decoration: none!important; font-size:9px;">(c) Never Utopia</a></div>
    </div>
    Code:
    .Fichenu
    {
       background: #37434b url('http://img299.imageshack.us/img299/4200/fondboisfoncejm3.jpg');
       border: 2px solid #68391d;
       width: 620px;
       -moz-border-radius: 20px;
       -webkit-border-radius: 20px;
       border-radius: 20px;
       padding: 10px;
       margin: auto;
    }

    .FicheTitle
    {
       background: #68391d;
       text-shadow: 1px 1px 2px #000000;
       width: auto;
       height: 50px;
       font-size: 24px;
       text-transform: uppercase;
       padding: 10px;
       margin: auto;
       opacity: 0.7;
       -moz-border-radius: 20px;
       -webkit-border-radius: 20px;
       border-radius: 20px;
    }

    .FicheTitle2
    {
       font-size: 14px;
       padding-top: -10px;
    }

    .FicheText
    {
       background-color: #775029;
       border: 2px solid #68391d;
       width: 580px;
       text-align: justify;
       margin: auto;
       padding: 10px;
       -moz-border-radius: 20px;
       -webkit-border-radius: 20px;
       border-radius: 20px;
       opacity: 0.7;
    }




    Dernière édition par Taktiik le Ven 18 Oct 2013 - 21:58, édité 14 fois

    Astral Senta
    MasculinAge : 26Messages : 1

    le Lun 17 Sep 2012 - 19:38

    merci
    Asaëlle
    FémininAge : 24Messages : 124

    le Mar 25 Sep 2012 - 0:27

    Merci pour ce codage !!!
    Katsumi
    FémininAge : 18Messages : 12

    le Jeu 27 Sep 2012 - 3:27

    Wouah j'adore merci <3
    Vicko
    MasculinAge : 22Messages : 45

    le Ven 28 Sep 2012 - 23:02

    merci
    Renji13008
    MasculinAge : 26Messages : 15

    le Sam 29 Sep 2012 - 11:19

    Magnifique !
    karma71620
    MasculinAge : 24Messages : 19

    le Sam 29 Sep 2012 - 11:53

    merci!
    P'tit loup
    MasculinAge : 34Messages : 423

    le Sam 29 Sep 2012 - 13:50

    Merci



    Natsuya Gaïaguard
    FémininAge : 26Messages : 144

    le Mar 2 Oct 2012 - 16:20

    Je veux bien voir le tuto ^^



    tiloup249
    MasculinAge : 27Messages : 22

    le Dim 7 Oct 2012 - 4:30

    Merci
    staYoung
    FémininAge : 18Messages : 7

    le Lun 8 Oct 2012 - 19:23

    Merci!
    Atsarûth
    MasculinAge : 30Messages : 2

    le Sam 13 Oct 2012 - 8:41

    Merci beaucoup pour ce joli code ! :)
    Tony_Wayne
    MasculinAge : 26Messages : 45

    le Sam 13 Oct 2012 - 15:16

    Merci
    Lessien
    FémininAge : 34Messages : 148

    le Lun 15 Oct 2012 - 16:37

    Super, merci à toi :
    Fuyuka
    FémininAge : 22Messages : 57

    le Mer 17 Oct 2012 - 21:42

    Merci ^^
    Nemesyss
    FémininAge : 26Messages : 28

    le Jeu 18 Oct 2012 - 18:06

    Merci
    Plume de Phénix
    MasculinAge : 17Messages : 24

    le Sam 20 Oct 2012 - 17:23

    Merci, la fiche est génial ! ♥
    Nayero
    MasculinAge : 21Messages : 38

    le Dim 21 Oct 2012 - 22:08

    Merci



    Fares
    MasculinAge : 23Messages : 51

    le Ven 26 Oct 2012 - 21:35

    @Skyleen a écrit:Merci pour le partage :) ça ne peux qu'être utile :)
    Electro
    FémininAge : 20Messages : 30

    le Sam 27 Oct 2012 - 20:27

    Je voudrais voir le code ! :p
    Arwanea
    FémininAge : 25Messages : 2

    le Lun 29 Oct 2012 - 6:41

    Merci beaucoup ^^
    SweetieBay
    FémininAge : 24Messages : 127

    le Lun 29 Oct 2012 - 18:16

    merci =)
    Stitch56
    FémininAge : 23Messages : 197

    le Mar 30 Oct 2012 - 10:33

    merci ^^ :hug:
    Ivy - Blue
    FémininAge : 18Messages : 3

    le Mer 31 Oct 2012 - 20:17

    Super, merci ! (:
    Malick
    Age : 22Messages : 159

    le Sam 3 Nov 2012 - 11:52

    Merci Wink



    Elodie potter
    FémininAge : 29Messages : 106

    le Sam 3 Nov 2012 - 12:16

    merci
    Contenu sponsorisé

    Aujourd'hui à 4:59


      La date/heure actuelle est Jeu 8 Déc 2016 - 4:59