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 :
WD Green SN350 – Disque SSD interne NVMe M.2 ...
Voir le deal
99.99 €

    Fond de message arrondi gris

    Alumine
    Alumine
    FémininAge : 26Messages : 487

    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
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mar 21 Oct 2014 - 4:23

    Super tout sa je vais tenter sa :)



    :heart: :heart:
    Anonymous
    Invité

    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
    hoterion
    hoterion
    FémininAge : 32Messages : 75

    Mer 29 Oct 2014 - 22:51

    Merci pour cette astuce!



    Fond de message arrondi gris Sing10
    tekeden
    tekeden
    MasculinAge : 28Messages : 13

    Jeu 30 Oct 2014 - 15:19

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

    Sam 1 Nov 2014 - 22:58

    Merci ! ^^
    W.
    W.
    FémininAge : 25Messages : 127

    Dim 2 Nov 2014 - 22:23

    merci beaucoup !



    Je suis Charlie.
    Psykhome
    Psykhome
    FémininAge : 26Messages : 41

    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 !



    Fond de message arrondi gris Tumblr_lq0amrNtbJ1qlq05h

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

    Lun 10 Nov 2014 - 11:56

    Merci!!
    GreenGage
    GreenGage
    FémininAge : 30Messages : 73

    Dim 16 Nov 2014 - 14:56

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

    Lun 17 Nov 2014 - 18:54

    Merci ♥
    meolyne
    meolyne
    FémininAge : 40Messages : 74

    Mar 18 Nov 2014 - 9:39

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

    Ven 21 Nov 2014 - 15:33

    Merci!



    « Une oeuvre d’art, c’est un monceau de cicatrices. »
    Fond de message arrondi gris 1416253868-ladycrowcoupe
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Mar 25 Nov 2014 - 9:53

    merci trop top



    Patricia :)
    Dixy
    Dixy
    FémininAge : 30Messages : 234

    Mar 25 Nov 2014 - 15:22

    Merci beaucoup pour le partage !



    Fond de message arrondi gris ?c=isi&im=%2F8762%2F84558762%2Fpics%2F3210667051_1_13_DkYrqtSL
    Gladou
    Gladou
    MasculinAge : 29Messages : 114

    Jeu 27 Nov 2014 - 21:49

    merci



    Fond de message arrondi gris Sans_t14
    Oror
    Oror
    FémininAge : 34Messages : 97

    Ven 28 Nov 2014 - 17:15

    merci !! =)



    Fond de message arrondi gris 351490minion
    ClaryF
    ClaryF
    FémininAge : 33Messages : 138

    Dim 30 Nov 2014 - 18:19

    Merci !
    catinaphone
    catinaphone
    FémininAge : 32Messages : 93

    Jeu 4 Déc 2014 - 21:44

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

    Sam 6 Déc 2014 - 14:48

    MERCI *.*
    Kuro no Sora
    Kuro no Sora
    MasculinAge : 24Messages : 25

    Dim 7 Déc 2014 - 14:33

    Merci.
    Banpaia
    Banpaia
    FémininAge : 26Messages : 130

    Mer 17 Déc 2014 - 19:10

    Merci !
    Maiie
    Maiie
    FémininAge : 33Messages : 55

    Jeu 18 Déc 2014 - 7:13

    Merci pour le partage cheers
    Anonymous
    Invité

    Dim 21 Déc 2014 - 15:06

    Merci :)
    Callisto
    Callisto
    FémininAge : 27Messages : 45

    Dim 21 Déc 2014 - 16:58

    Merci pour ce tutoriel !
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 8:45