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
    Kyandi
    FémininAge : 19Messages : 157

    le Dim 22 Mai 2016 - 16:14

    Je prend !






    avatar
    Katty1993
    FémininAge : 21Messages : 24

    le Dim 29 Mai 2016 - 6:29

    Merci!
    avatar
    Lynnakiel
    FémininAge : 21Messages : 19

    le Mar 28 Juin 2016 - 14:06

    Merci, je vais essayer ça sur mon forum !
    En tout cas j'aime bien le rendu :)
    avatar
    Nekrofyre
    MasculinAge : 18Messages : 33

    le Sam 9 Juil 2016 - 3:37

    joli
    avatar
    Kâ Lys
    MasculinAge : 55Messages : 299

    le Jeu 14 Juil 2016 - 18:14

    Merci! :0



    avatar
    Sideris
    FémininAge : 23Messages : 112

    le Jeu 14 Juil 2016 - 19:18

    Merci !









    avatar
    Kim Jae Yoon
    FémininAge : 28Messages : 128

    le Jeu 14 Juil 2016 - 20:06

    Merci !
    avatar
    Leila
    FémininAge : 28Messages : 29

    le Lun 18 Juil 2016 - 15:33

    Merci !
    avatar
    Neko Mimi
    FémininAge : 28Messages : 162

    le Jeu 21 Juil 2016 - 10:57

    Merci pour l'astuce ♥



    céleste callisto
    FémininAge : 26Messages : 54

    le Sam 6 Aoû 2016 - 14:44

    merci
    avatar
    Indy Solo
    FémininAge : 23Messages : 238

    le Mar 9 Aoû 2016 - 9:09

    Merci ^^



    avatar
    Aubenaissante
    MasculinAge : 32Messages : 15

    le Mar 9 Aoû 2016 - 17:52

    up
    avatar
    dean winchester
    MasculinAge : 24Messages : 85

    le Ven 12 Aoû 2016 - 3:29

    merci
    avatar
    Mystick
    FémininAge : 33Messages : 100

    le Mar 4 Oct 2016 - 18:09

    Merci ! :)
    avatar
    Alborio
    MasculinAge : 19Messages : 33

    le Lun 17 Oct 2016 - 23:20

    Cool !
    avatar
    Shi
    MasculinAge : 27Messages : 58

    le Mer 19 Oct 2016 - 20:27

    merci!
    avatar
    Voyageur-B21E3
    MasculinAge : 24Messages : 35

    le Sam 5 Nov 2016 - 22:25

    Merci !
    avatar
    Patou972
    FémininAge : 39Messages : 172

    le Lun 14 Nov 2016 - 18:58

    merci beaucoup
    avatar
    Dariel
    FémininAge : 48Messages : 44

    le Dim 20 Nov 2016 - 0:21

    cheers Alumine, tu illumines ma journée :siffle:

    :ange:



    C'est la vie Invité ! Pas le paradis.
    avatar
    missphan
    FémininAge : 35Messages : 156

    le Sam 26 Nov 2016 - 13:00

    merci



    + my personal brand of heroin
    You’re none of them because you’re all of them. Now that we found each other, you’ve given my past and future meaning. You are the sixth. You are the last. ©endlesslove.
    avatar
    Offrande
    FémininAge : 27Messages : 194

    le Lun 28 Nov 2016 - 22:37

    Merci beaucoup c'est exactement ce que je rechercher :) ! ♥
    avatar
    Sweet Pea
    FémininAge : 27Messages : 17

    le Mer 28 Déc 2016 - 20:43

    merci
    avatar
    Giovale
    MasculinAge : 26Messages : 16

    le Mar 31 Jan 2017 - 23:16

    Merci !
    avatar
    Doomdom
    MasculinAge : 33Messages : 25

    le Ven 10 Fév 2017 - 13:21

    Merci :aww:
    avatar
    Envola
    FémininAge : 26Messages : 56

    le Lun 13 Fév 2017 - 19:47

    Merci!
    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Aoû 2018 - 16:10