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 : -13%
(Black Friday) PC portable Gamer- ERAZER Deputy P60i ...
Voir le deal
649.99 €

    Ambiance Boisée

    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Ven 20 Jan 2012 - 21:18



    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

    Skyleen
    Skyleen
    FémininAge : 32Messages : 476

    Ven 20 Jan 2012 - 21:25

    Merci pour le partage :) ça ne peux qu'être utile :)
    Rubidium68
    Rubidium68
    MasculinAge : 33Messages : 18

    Sam 21 Jan 2012 - 9:30

    Merci :)
    Newlon
    Newlon
    FémininAge : 29Messages : 25

    Sam 21 Jan 2012 - 11:40

    Merci !
    Shuu-Shuu
    Shuu-Shuu
    FémininAge : 28Messages : 199

    Sam 21 Jan 2012 - 12:09

    Merci ^^
    Balmung Lynren
    Balmung Lynren
    MasculinAge : 36Messages : 133

    Sam 21 Jan 2012 - 16:43

    Merci sa me parait très sympathique ce petit tuto :)



    Ambiance Boisée Banbalmunglynren
    Beaummont
    Beaummont
    FémininAge : 38Messages : 19

    Dim 22 Jan 2012 - 3:42

    Merci!



    Ambiance Boisée Irisfff1
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Dim 22 Jan 2012 - 10:10

    Muchas Gracias amigo ! Super boulot que tu nous fait à chaque fois merci Taktiik !
    Perle
    Perle
    FémininAge : 27Messages : 32

    Dim 22 Jan 2012 - 15:58

    Merci je trouve ça très jolie **
    OMJ
    OMJ
    FémininAge : 34Messages : 92

    Dim 22 Jan 2012 - 16:35

    J'adore la fiche =) Merci pour le partage
    Illiana
    Illiana
    FémininAge : 28Messages : 98

    Dim 22 Jan 2012 - 16:36

    Merci pour l'astuce !



    Ambiance Boisée 2z7g2dv
    Yusei Hôji
    Yusei Hôji
    MasculinAge : 33Messages : 71

    Dim 22 Jan 2012 - 18:42

    Merci
    Streetwalker
    Streetwalker
    FémininAge : 31Messages : 46

    Dim 22 Jan 2012 - 18:55

    Merci :)



    L'enfant Michael Jackson n'a jamais pu exister, le chanteur des Jacksons 5 l'a étouffé à la naissance.
    Manwella
    Manwella
    FémininAge : 26Messages : 13

    Mer 25 Jan 2012 - 20:35

    Je veux voir, je suis sûre que c'est utile comme tuto ^^



    Ambiance Boisée Tumblr_lx36fhEda21r9snuzo1_500
    Aki'
    Aki'
    FémininAge : 28Messages : 258

    Dim 29 Jan 2012 - 15:54

    Merci
    Irissia87
    Irissia87
    FémininAge : 37Messages : 124

    Lun 30 Jan 2012 - 16:25

    Merci pour le code!
    darkhero246
    darkhero246
    MasculinAge : 32Messages : 179

    Mar 31 Jan 2012 - 1:01

    Merci pour le tuto fort utile :)
    fregadeth
    fregadeth
    MasculinAge : 47Messages : 80

    Mar 31 Jan 2012 - 7:25

    Merci ^^
    Calistes Terra
    Calistes Terra
    FémininAge : 28Messages : 14

    Mer 1 Fév 2012 - 2:03

    Joli joli, merci à toi :'O.
    Malizia.
    Malizia.
    FémininAge : 28Messages : 90

    Mer 1 Fév 2012 - 3:05

    Merci Very Happy
    Melon ♫
    Melon ♫
    FémininAge : 30Messages : 19

    Mer 1 Fév 2012 - 20:18

    Merci (:
    Anonymous
    Invité

    Mer 1 Fév 2012 - 21:29

    Merci pour le partage :)
    Midnigth
    Midnigth
    MasculinAge : 29Messages : 61

    Mar 7 Fév 2012 - 20:03

    Merci ! :)
    Kelogo
    Kelogo
    MasculinAge : 25Messages : 16

    Mer 8 Fév 2012 - 23:00

    Thanks !



    Ambiance Boisée 708261Sasuk
    Romane
    Romane
    FémininAge : 29Messages : 17

    Jeu 9 Fév 2012 - 20:59

    J'adore !!!
    Contenu sponsorisé


      La date/heure actuelle est Lun 2 Déc 2024 - 12:14