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
    avatar
    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
    avatar
    Lexucio
    MasculinAge : 24Messages : 33

    le Mer 2 Nov 2016 - 19:50

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

    le Dim 6 Nov 2016 - 18:42

    merci
    avatar
    Madras
    FémininAge : 33Messages : 281

    le Mar 29 Nov 2016 - 22:44

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

    le Dim 18 Déc 2016 - 13:45

    Merci beaucoup
    avatar
    Choubakawa
    MasculinAge : 25Messages : 87

    le Sam 7 Jan 2017 - 14:00

    Merci !



    avatar
    mijako
    FémininAge : 26Messages : 83

    le Dim 8 Jan 2017 - 1:31

    merci
    avatar
    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 !
    avatar
    Mordred Ghost
    FémininAge : 32Messages : 64

    le Ven 20 Jan 2017 - 20:12

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

    le Sam 21 Jan 2017 - 20:24

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

    le Mar 31 Jan 2017 - 21:20

    Merci
    avatar
    IceCreamMaster
    FémininAge : 18Messages : 74

    le Sam 4 Fév 2017 - 17:16

    merci





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

    le Sam 18 Fév 2017 - 21:21

    merci
    avatar
    Sighild
    FémininAge : 31Messages : 208

    le Dim 19 Fév 2017 - 19:57

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

    le Jeu 23 Fév 2017 - 17:41

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

    le Sam 4 Mar 2017 - 12:23

    Merci
    avatar
    Soar
    FémininAge : 18Messages : 17

    le Dim 5 Mar 2017 - 18:25

    merci
    avatar
    Asha
    FémininAge : 23Messages : 16

    le Mar 7 Mar 2017 - 19:07

    Merci !
    avatar
    Vixol
    MasculinAge : 23Messages : 13

    le Dim 19 Mar 2017 - 4:13

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

    le Sam 8 Avr 2017 - 18:15

    merci
    avatar
    Vito
    MasculinAge : 21Messages : 12

    le Lun 10 Avr 2017 - 13:03

    merci
    avatar
    Melle Lena
    FémininAge : 43Messages : 300

    le Ven 14 Avr 2017 - 7:29

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

    le Mer 19 Avr 2017 - 23:37

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

    le Mar 2 Mai 2017 - 20:00

    jolie et simple



    avatar
    Balty
    FémininAge : 15Messages : 5

    le Mar 2 Mai 2017 - 20:12

    Merci c:
    avatar
    alsayed
    MasculinAge : 45Messages : 75

    le Ven 19 Mai 2017 - 11:23

    merci
    Contenu sponsorisé


      La date/heure actuelle est Mar 18 Déc 2018 - 16:38