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

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

    le Dim 19 Fév 2017 - 18:57

    merci
    avatar
    Flavien1309
    MasculinAge : 24Messages : 39

    le Dim 19 Fév 2017 - 22:22

    merci !!
    avatar
    Gieve
    FémininAge : 28Messages : 104

    le Lun 20 Fév 2017 - 17:37

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

    le Lun 6 Mar 2017 - 13:49

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

    le Sam 29 Avr 2017 - 21:01

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

    le Sam 20 Mai 2017 - 10:45

    Merci
    avatar
    cacapipi
    FémininAge : 20Messages : 11

    le Dim 21 Mai 2017 - 14:32

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

    le Dim 11 Juin 2017 - 21:46

    très sympa



    Le présent est un cadeau.
    avatar
    Ombeline30
    FémininAge : 33Messages : 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 ^^
    avatar
    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...

    avatar
    ThunderTB
    MasculinAge : 34Messages : 13

    le Mar 10 Oct 2017 - 22:27

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

    le Dim 15 Oct 2017 - 2:53

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

    le Mar 24 Oct 2017 - 22:07

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

    le Mer 25 Oct 2017 - 18:01

    Merci ♥
    avatar
    Asriel
    FémininAge : 22Messages : 120

    le Ven 27 Oct 2017 - 12:58

    Merci du LS Very Happy



    avatar
    Calico
    FémininAge : 23Messages : 14

    le Mar 31 Oct 2017 - 20:13

    merci
    avatar
    Old
    MasculinAge : 20Messages : 20

    le Ven 16 Fév 2018 - 1:52

    merci Very Happy
    avatar
    Dream Land School
    FémininAge : 29Messages : 54

    le Jeu 1 Mar 2018 - 11:12

    Merci :)



    avatar
    WalkingContradiction
    FémininAge : 24Messages : 19

    le Ven 23 Mar 2018 - 16:36

    merci beaucoup, c'est très joli ! Very Happy
    avatar
    TheDarkOne
    FémininAge : 28Messages : 21

    Hier à 12:27

    Superbe, merci ! Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Aoû 2018 - 2:07