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
    Littlelittle
    Littlelittle
    FémininAge : 33Messages : 52

    le Lun 27 Avr 2015 - 16:32

    Merci ! =D





    << A little thing like another >>
    John Parker
    John Parker
    MasculinAge : 36Messages : 57

    le Ven 1 Mai 2015 - 16:47

    Merci beaucoup ^^



    BlueGhost
    BlueGhost
    MasculinAge : 17Messages : 125

    le Ven 8 Mai 2015 - 15:53

    Thanks !





    ~ Upupupu... je ne suis pas une peluche, je suis Monokuma ! ~
    Danganronpaaa ♥
    Anazera
    Anazera
    MasculinAge : 22Messages : 37

    le Mar 9 Juin 2015 - 3:04

    Thxc
    Allèle
    Allèle
    FémininAge : 26Messages : 56

    le Mar 9 Juin 2015 - 9:28

    Merci
    Yukooo
    Yukooo
    MasculinAge : 18Messages : 11

    le Mer 10 Juin 2015 - 14:09

    C'est moi ou sur le spoiler exemple, l'avatar dépasse du cadre du forum ? o-O
    Rosedesvents
    Rosedesvents
    FémininAge : 32Messages : 96

    le Ven 12 Juin 2015 - 13:34

    Merci
    Dokigaygay
    Dokigaygay
    MasculinAge : 20Messages : 29

    le Jeu 18 Juin 2015 - 18:21

    merci!
    picka234
    picka234
    FémininAge : 54Messages : 493

    le Ven 19 Juin 2015 - 17:59

    merci



    Nono-Chan
    Nono-Chan
    FémininAge : 21Messages : 273

    le Lun 22 Juin 2015 - 12:21

    Pas mal
    Elwing
    Elwing
    FémininAge : 27Messages : 86

    le Sam 27 Juin 2015 - 12:06

    Merci ! Hâte de voir :p
    Cloudygirl
    Cloudygirl
    FémininAge : 34Messages : 65

    le Sam 11 Juil 2015 - 19:47

    Merci beaucoup pour le partage ! <3
    Ayame
    Ayame
    FémininAge : 22Messages : 53

    le Lun 20 Juil 2015 - 15:26

    Merci~
    Elwana
    Elwana
    FémininAge : 21Messages : 42

    le Mer 29 Juil 2015 - 22:20

    merciiii !!!
    senda95
    senda95
    MasculinAge : 25Messages : 35

    le Ven 31 Juil 2015 - 3:20

    Merci beaucoups
    Sweet Angel
    Sweet Angel
    FémininAge : 36Messages : 152

    le Sam 1 Aoû 2015 - 9:17

    Merci pour l'idée.
    Lux Caellis
    Lux Caellis
    FémininAge : 26Messages : 23

    le Mer 19 Aoû 2015 - 6:13

    Merci de l'astuce ! =)
    Kelalin
    Kelalin
    FémininAge : 26Messages : 2038

    le Mer 19 Aoû 2015 - 17:14

    Merci ∩( ・ω・)∩
    [LT]BountyS4
    [LT]BountyS4
    MasculinAge : 22Messages : 57

    le Dim 23 Aoû 2015 - 22:55

    Merci beaucoup :)



    Solitude
    Solitude
    FémininAge : 43Messages : 286

    le Jeu 27 Aoû 2015 - 20:49

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Zoé
    Zoé
    FémininAge : 19Messages : 186

    le Ven 28 Aoû 2015 - 21:10

    thx :3



    Whit
    Whit
    FémininAge : 21Messages : 154

    le Dim 30 Aoû 2015 - 19:56

    Merci ! >w<
    ptite_perle
    ptite_perle
    FémininAge : 55Messages : 124

    le Sam 5 Sep 2015 - 15:59

    Merci



    Milou
    Milou
    FémininAge : 19Messages : 163

    le Sam 19 Sep 2015 - 18:35

    thanks ^^



    Zealanders
    Zealanders
    MasculinAge : 23Messages : 42

    le Lun 21 Sep 2015 - 21:38

    Merchi :3
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Mar 2019 - 2:25