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.

Le Deal du moment : -38%
Ecran PC gaming 23,8″ – ACER KG241Y P3bip ...
Voir le deal
99.99 €

    Ambiance Boisée

    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    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
    Astral Senta
    MasculinAge : 34Messages : 1

    Lun 17 Sep 2012 - 19:38

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

    Mar 25 Sep 2012 - 0:27

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

    Jeu 27 Sep 2012 - 3:27

    Wouah j'adore merci <3
    Vicko
    Vicko
    MasculinAge : 30Messages : 46

    Ven 28 Sep 2012 - 23:02

    merci
    Renji13008
    Renji13008
    MasculinAge : 34Messages : 15

    Sam 29 Sep 2012 - 11:19

    Magnifique !
    karma71620
    karma71620
    MasculinAge : 32Messages : 19

    Sam 29 Sep 2012 - 11:53

    merci!
    P'tit loup
    P'tit loup
    MasculinAge : 42Messages : 451

    Sam 29 Sep 2012 - 13:50

    Merci



    Ambiance Boisée - Page 7 30xivrd
    Natsuya Gaïaguard
    Natsuya Gaïaguard
    FémininAge : 34Messages : 144

    Mar 2 Oct 2012 - 16:20

    Je veux bien voir le tuto ^^



    Ambiance Boisée - Page 7 Signa10
    tiloup249
    tiloup249
    MasculinAge : 35Messages : 22

    Dim 7 Oct 2012 - 4:30

    Merci
    staYoung
    staYoung
    FémininAge : 26Messages : 7

    Lun 8 Oct 2012 - 19:23

    Merci!
    Atsarûth
    Atsarûth
    MasculinAge : 38Messages : 2

    Sam 13 Oct 2012 - 8:41

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

    Sam 13 Oct 2012 - 15:16

    Merci
    Lessien
    Lessien
    FémininAge : 42Messages : 163

    Lun 15 Oct 2012 - 16:37

    Super, merci à toi :
    Fuyuka
    Fuyuka
    FémininAge : 30Messages : 63

    Mer 17 Oct 2012 - 21:42

    Merci ^^
    Nemesyss
    Nemesyss
    FémininAge : 34Messages : 31

    Jeu 18 Oct 2012 - 18:06

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

    Sam 20 Oct 2012 - 17:23

    Merci, la fiche est génial ! ♥
    Nayero
    Nayero
    MasculinAge : 29Messages : 39

    Dim 21 Oct 2012 - 22:08

    Merci



    Ambiance Boisée - Page 7 Nayero10
    Fares
    Fares
    MasculinAge : 31Messages : 51

    Ven 26 Oct 2012 - 21:35

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

    Sam 27 Oct 2012 - 20:27

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

    Lun 29 Oct 2012 - 6:41

    Merci beaucoup ^^
    SweetieBay
    SweetieBay
    FémininAge : 32Messages : 146

    Lun 29 Oct 2012 - 18:16

    merci =)
    Stitch56
    Stitch56
    FémininAge : 31Messages : 209

    Mar 30 Oct 2012 - 10:33

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

    Mer 31 Oct 2012 - 20:17

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

    Sam 3 Nov 2012 - 11:52

    Merci Wink



    Ambiance Boisée - Page 7 090302034044742442
    Elodie potter
    Elodie potter
    FémininAge : 37Messages : 106

    Sam 3 Nov 2012 - 12:16

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 16:41