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
    Alumine
    Alumine
    FémininAge : 21Messages : 488

    le Lun 20 Oct 2014 - 12:12

    Rappel du premier message :

    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
    Anonymous
    Invité

    le Dim 19 Fév 2017 - 18:57

    merci
    Flavien1309
    Flavien1309
    MasculinAge : 25Messages : 39

    le Dim 19 Fév 2017 - 22:22

    merci !!
    Gieve
    Gieve
    FémininAge : 29Messages : 104

    le Lun 20 Fév 2017 - 17:37

    Merci beaucoup **
    Nyotengu
    Nyotengu
    FémininAge : 24Messages : 85

    le Lun 6 Mar 2017 - 13:49

    merci
    gémo
    gémo
    FémininAge : 26Messages : 8

    le Sam 29 Avr 2017 - 21:01

    J'essaye ça merci
    Deveata
    Deveata
    MasculinAge : 23Messages : 23

    le Sam 20 Mai 2017 - 10:45

    Merci
    cacapipi
    cacapipi
    FémininAge : 20Messages : 11

    le Dim 21 Mai 2017 - 14:32

    merci Very Happy
    Midori-chan
    Midori-chan
    FémininAge : 34Messages : 33

    le Dim 11 Juin 2017 - 21:46

    très sympa



    Le présent est un cadeau.
    Ombeline30
    Ombeline30
    FémininAge : 34Messages : 124

    le Jeu 6 Juil 2017 - 15:25

    Merci beaucoup pour le partage je vais tester car l'arrondi correspond à celui de mon codage catégories ^^
    Tifastrife
    Tifastrife
    FémininAge : 26Messages : 259

    le Mer 26 Juil 2017 - 17:28

    Merci ^^



    Les êtres chèrs que nous avons perdus, et les rêves, qui se sont envolés... Ne les oubliez jamais...

    ThunderTB
    ThunderTB
    MasculinAge : 35Messages : 14

    le Mar 10 Oct 2017 - 22:27

    merci beaucoup !
    Mirony
    Mirony
    FémininAge : 31Messages : 44

    le Dim 15 Oct 2017 - 2:53

    merci pour ce partage c'est superbe
    Sow_Oxalys
    Sow_Oxalys
    FémininAge : 28Messages : 21

    le Mar 24 Oct 2017 - 22:07

    merci du partage !
    Allison01
    Allison01
    FémininAge : 34Messages : 200

    le Mer 25 Oct 2017 - 18:01

    Merci ♥
    Asriel
    Asriel
    FémininAge : 23Messages : 120

    le Ven 27 Oct 2017 - 12:58

    Merci du LS Very Happy



    Calico
    Calico
    FémininAge : 24Messages : 15

    le Mar 31 Oct 2017 - 20:13

    merci
    Old
    Old
    MasculinAge : 21Messages : 20

    le Ven 16 Fév 2018 - 1:52

    merci Very Happy
    Dream Land School
    Dream Land School
    FémininAge : 30Messages : 60

    le Jeu 1 Mar 2018 - 11:12

    Merci :)



    WalkingContradiction
    WalkingContradiction
    FémininAge : 25Messages : 19

    le Ven 23 Mar 2018 - 16:36

    merci beaucoup, c'est très joli ! Very Happy
    TheDarkOne
    TheDarkOne
    FémininAge : 29Messages : 24

    le Lun 20 Aoû 2018 - 12:27

    Superbe, merci ! Very Happy
    Dariel
    Dariel
    FémininAge : 49Messages : 69

    le Jeu 27 Sep 2018 - 2:53

    cheers Toc toc toc... Ne me laisse pas dehors il pleut....

    Sleep



    C'est la vie Invité ! Pas le paradis.
    Contenu sponsorisé


      La date/heure actuelle est Mar 26 Mar 2019 - 21:53