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.


    Cadre City autour de message (simple)

    Partagez
    Elektra Kloo
    Elektra Kloo
    FémininAge : 30Messages : 156

    le Sam 28 Mar 2015 - 18:34

    Rappel du premier message :

    Cadre City autour des messages

    Aperçu

    I - CSS
    Code:

    .fondpost{
      /*bordures du message*/
      background-color: #110f10; /*Couleur de fond*/
      border :   2px solid #666666 ; /*Couleur de bordures*/
      padding: 15px;
      min-height: 268px;
      margin: 20px;
        border-radius:10px; /*Effet arrondi*/
    }
    .contenumess{
    /*Fond, décoration autour de message*/
        background-image:url(http://img11.hostingpics.net/pics/387303citylightsbyjoakimolofssond4xbm23.jpg); /*Image de fond*/
        background-color:#000000; /*Couleur de fond, préférence la même que le reste du forum*/
        border :   2px solid #000000 ; /*Couleur de bordures */
        border-radius:10px; /*Effet arrondi*/
      min-height: 268px; /*Hauteur minium de votre fond*/
      max-width: 700px; /*Largeur max de votre fond*/
    background-repeat:no-repeat; /*No-Répétition image, si texture ou vous pouvez mettre repeat*/
        padding: 10px;
      margin: 10px 10px 10px 10px;}

    2 - Templates
    Rendez vous dans Affichage > Templates > Général > Viewtopic_body
    Repérer ceci
    Code:
    <div>{postrow.displayed.MESSAGE}</div>

    Mettez devant
    Code:
    <div class="contenumess"><div class="postbody fondpost">

    Mettez derrière la balise "...MESSAGE}"
    Code:
    </div></div>

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.


    Dernière édition par Elektra Kloo le Dim 29 Mar 2015 - 22:25, édité 2 fois
    Lexucio
    Lexucio
    MasculinAge : 24Messages : 33

    le Mer 2 Nov 2016 - 19:50

    Merci ^^
    Nyotengu
    Nyotengu
    FémininAge : 24Messages : 85

    le Dim 6 Nov 2016 - 18:42

    merci
    Madras
    Madras
    FémininAge : 34Messages : 281

    le Mar 29 Nov 2016 - 22:44

    Merci du partage
    mon-etoile
    mon-etoile
    FémininAge : 30Messages : 140

    le Dim 18 Déc 2016 - 13:45

    Merci beaucoup
    Choubakawa
    Choubakawa
    MasculinAge : 25Messages : 87

    le Sam 7 Jan 2017 - 14:00

    Merci !



    mijako
    mijako
    FémininAge : 26Messages : 83

    le Dim 8 Jan 2017 - 1:31

    merci
    Adiboo
    Adiboo
    MasculinAge : 29Messages : 22

    le Ven 13 Jan 2017 - 0:47

    Ça donne un rendu super cool j'aime beaucoup c'est très joli !
    Mordred Ghost
    Mordred Ghost
    FémininAge : 32Messages : 64

    le Ven 20 Jan 2017 - 20:12

    merci :friends:
    Pavlover
    Pavlover
    FémininAge : 22Messages : 24

    le Sam 21 Jan 2017 - 20:24

    Merci Very Happy!
    Giovale
    Giovale
    MasculinAge : 27Messages : 16

    le Mar 31 Jan 2017 - 21:20

    Merci
    IceCreamMaster
    IceCreamMaster
    FémininAge : 18Messages : 74

    le Sam 4 Fév 2017 - 17:16

    merci





    Eat ice cream everydays !
    inouk
    inouk
    MasculinAge : 17Messages : 25

    le Sam 18 Fév 2017 - 21:21

    merci
    Sighild
    Sighild
    FémininAge : 32Messages : 211

    le Dim 19 Fév 2017 - 19:57

    merci beaucoup pour le tuto!
    Plum
    Plum
    FémininAge : 52Messages : 21

    le Jeu 23 Fév 2017 - 17:41

    Merci
    Shaïka
    Shaïka
    FémininAge : 22Messages : 79

    le Sam 4 Mar 2017 - 12:23

    Merci
    Soar
    Soar
    FémininAge : 18Messages : 17

    le Dim 5 Mar 2017 - 18:25

    merci
    Asha
    Asha
    FémininAge : 24Messages : 16

    le Mar 7 Mar 2017 - 19:07

    Merci !
    Vixol
    Vixol
    MasculinAge : 23Messages : 13

    le Dim 19 Mar 2017 - 4:13

    Merci à toi, ca rend très sympathique
    gwenM
    gwenM
    FémininAge : 22Messages : 234

    le Sam 8 Avr 2017 - 18:15

    merci
    Vito
    Vito
    MasculinAge : 21Messages : 12

    le Lun 10 Avr 2017 - 13:03

    merci
    Melle Lena
    Melle Lena
    FémininAge : 44Messages : 300

    le Ven 14 Avr 2017 - 7:29

    Merci pour ce tuto.
    Egyfu
    Egyfu
    FémininAge : 25Messages : 49

    le Mer 19 Avr 2017 - 23:37

    Merci beaucoup pour ton code :)
    Misery Devil
    Misery Devil
    FémininAge : 29Messages : 163

    le Mar 2 Mai 2017 - 20:00

    jolie et simple



    Balty
    Balty
    FémininAge : 15Messages : 5

    le Mar 2 Mai 2017 - 20:12

    Merci c:
    alsayed
    alsayed
    MasculinAge : 45Messages : 75

    le Ven 19 Mai 2017 - 11:23

    merci
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Mar 2019 - 1:59