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.


    Fond de message arrondi gris

    Partagez
    avatar
    Alumine
    FémininAge : 20Messages : 488

    le Lun 20 Oct 2014 - 12:12

    Bonjour !
    Alors ce LS vise à faire ceci: le cadre autour du message donc. Ce cadre s'appliquera à tous les messages du forum, puisqu'il est rangé dans la feuille CSS du forum. Sachez aussi qu'il englobe la signature (=
    Spoiler:

    Ce LS va avec un autre, ici:
    profil arrondi sortant de la page




    Templates




    Ok, c'est parti ! On va commencer par modifier nos templates, ici viewtopic_body (dans le panneau d'admin > affichage > templates > général)
    Première chose à faire: dans l'affichage de vos messages, juste en dessous des boutons citer, éditer, il y a une ligne qui sépare cette zone du message à proprement parler. Comme on va refaire une séparation, on n'en a pas vraiment besoin, on peut donc l'enlever (ou pas, à vous de voir !)
    Donc dans notre template viewtopic_body, cherchez ceci: (vers la ligne 164 si vous n'avez encore rien touché) et supprimez-le  Very Happy
    Code:
    <tr>
     <td colspan="2" class="hr">
     <hr />
     </td>
     </tr>


    Voilà, plus de ligne. Maintenant on s'attaque au vrai code.
    Cherchez ceci (vers la ligne 195)
    Code:
    <div class="postbody">
    et remplacez-le par ça :
    Code:
    <div class="postbody fondpost">


    A présent validez le template, n'oubliez pas de le publier, et la suite se passe en CSS !


    CSS


    (le CSS se trouve dans Affichage > couleurs > feuille de style CSS )
    ajoutez simplement ce bout de code:
    Code:
    /*Par Alu' pour NU*/
    .fondpost{
      background-color: rgba(232,232,232, 0.6);
      border: 1px solid #BABABA;
      border-radius:500px / 90px;
      padding: 50px 15px;
      min-height: 230px;
      margin-top: 10px;
    }


    Puis validez, et tout devrait fonctionner !

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



    Alumine
    avatar
    Cruelly
    FémininAge : 25Messages : 2563

    le Mar 21 Oct 2014 - 4:23

    Super tout sa je vais tenter sa :)



    MON PROJET :heart: j'ai besoin d'avis ^^


    avatar
    Halloween
    FémininAge : 24Messages : 9751

    le Mer 22 Oct 2014 - 17:27

    Merci du partage Alumine, explications très claires Wink
    J'en profite pour ajouter ce lien dans le précédent LS :3




    < / Libre service codage >
    avatar
    hoterion
    FémininAge : 26Messages : 75

    le Mer 29 Oct 2014 - 22:51

    Merci pour cette astuce!



    avatar
    tekeden
    MasculinAge : 22Messages : 13

    le Jeu 30 Oct 2014 - 15:19

    C'est bien cool ça Very Happy
    avatar
    Sakura-chan
    FémininAge : 20Messages : 180

    le Sam 1 Nov 2014 - 22:58

    Merci ! ^^
    avatar
    W.
    FémininAge : 19Messages : 127

    le Dim 2 Nov 2014 - 22:23

    merci beaucoup !



    Je suis Charlie.
    avatar
    Psykhome
    FémininAge : 20Messages : 41

    le Jeu 6 Nov 2014 - 0:08

    Je cherchais désespérément comment mettre en forme mes sujets... Cela est exactement ce que je cherchais ! Merci beaucoup !




    Moi aussi, je suis Charlie.
    avatar
    Dastan
    MasculinAge : 34Messages : 111

    le Lun 10 Nov 2014 - 11:56

    Merci!!
    avatar
    GreenGage
    FémininAge : 25Messages : 73

    le Dim 16 Nov 2014 - 14:56

    C'est bien, c'est simple, merci !
    avatar
    hirondelle
    FémininAge : 28Messages : 134

    le Lun 17 Nov 2014 - 18:54

    Merci ♥
    avatar
    meolyne
    FémininAge : 34Messages : 70

    le Mar 18 Nov 2014 - 9:39

    Merci à toi :)
    avatar
    The One Pandemonium
    FémininAge : 24Messages : 97

    le Ven 21 Nov 2014 - 15:33

    Merci!



    « Une oeuvre d’art, c’est un monceau de cicatrices. »
    avatar
    patriciadpt30
    FémininAge : 55Messages : 240

    le Mar 25 Nov 2014 - 9:53

    merci trop top



    Patricia :)
    avatar
    Dixy
    FémininAge : 24Messages : 228

    le Mar 25 Nov 2014 - 15:22

    Merci beaucoup pour le partage !



    avatar
    Gladou
    MasculinAge : 23Messages : 114

    le Jeu 27 Nov 2014 - 21:49

    merci



    avatar
    Oror
    FémininAge : 28Messages : 95

    le Ven 28 Nov 2014 - 17:15

    merci !! =)



    avatar
    ClaryF
    FémininAge : 27Messages : 135

    le Dim 30 Nov 2014 - 18:19

    Merci !
    avatar
    catinaphone
    FémininAge : 26Messages : 93

    le Jeu 4 Déc 2014 - 21:44

    Ah, j'ai hâte d'essayer, ça rend bien ! Thanks !
    avatar
    Jawilsia
    FémininAge : 26Messages : 143

    le Sam 6 Déc 2014 - 14:48

    MERCI *.*
    avatar
    Kuro no Sora
    MasculinAge : 19Messages : 25

    le Dim 7 Déc 2014 - 14:33

    Merci.
    avatar
    Banpaia
    FémininAge : 20Messages : 130

    le Mer 17 Déc 2014 - 19:10

    Merci !
    avatar
    Maiie
    FémininAge : 28Messages : 55

    le Jeu 18 Déc 2014 - 7:13

    Merci pour le partage cheers
    avatar
    SunshineD
    FémininAge : 28Messages : 113

    le Dim 21 Déc 2014 - 15:06

    Merci :)
    avatar
    Callisto
    FémininAge : 21Messages : 44

    le Dim 21 Déc 2014 - 16:58

    Merci pour ce tutoriel !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 24 Mai 2018 - 13:39