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

    le Lun 27 Avr 2015 - 16:32

    Merci ! =D





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

    le Ven 1 Mai 2015 - 16:47

    Merci beaucoup ^^



    avatar
    BlueGhost
    MasculinAge : 17Messages : 125

    le Ven 8 Mai 2015 - 15:53

    Thanks !





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

    le Mar 9 Juin 2015 - 3:04

    Thxc
    avatar
    Allèle
    FémininAge : 25Messages : 56

    le Mar 9 Juin 2015 - 9:28

    Merci
    avatar
    Yukooo
    MasculinAge : 17Messages : 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
    avatar
    Rosedesvents
    FémininAge : 31Messages : 96

    le Ven 12 Juin 2015 - 13:34

    Merci
    avatar
    Dokigaygay
    MasculinAge : 19Messages : 29

    le Jeu 18 Juin 2015 - 18:21

    merci!
    avatar
    picka234
    Age : 53Messages : 440

    le Ven 19 Juin 2015 - 17:59

    merci



    avatar
    Nono-Chan
    FémininAge : 20Messages : 273

    le Lun 22 Juin 2015 - 12:21

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

    le Sam 27 Juin 2015 - 12:06

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

    le Sam 11 Juil 2015 - 19:47

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

    le Lun 20 Juil 2015 - 15:26

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

    le Mer 29 Juil 2015 - 22:20

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

    le Ven 31 Juil 2015 - 3:20

    Merci beaucoups
    avatar
    Sweet Angel
    FémininAge : 35Messages : 148

    le Sam 1 Aoû 2015 - 9:17

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

    le Mer 19 Aoû 2015 - 6:13

    Merci de l'astuce ! =)
    avatar
    Kelalin
    FémininAge : 25Messages : 1945

    le Mer 19 Aoû 2015 - 17:14

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

    le Dim 23 Aoû 2015 - 22:55

    Merci beaucoup :)



    avatar
    Solitude
    FémininAge : 43Messages : 285

    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. ~
    avatar
    Zoé
    FémininAge : 19Messages : 185

    le Ven 28 Aoû 2015 - 21:10

    thx :3



    avatar
    Whit
    FémininAge : 20Messages : 154

    le Dim 30 Aoû 2015 - 19:56

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

    le Sam 5 Sep 2015 - 15:59

    Merci



    avatar
    Milou
    FémininAge : 19Messages : 163

    le Sam 19 Sep 2015 - 18:35

    thanks ^^



    avatar
    Zealanders
    MasculinAge : 22Messages : 42

    le Lun 21 Sep 2015 - 21:38

    Merchi :3
    Contenu sponsorisé


      La date/heure actuelle est Jeu 16 Aoû 2018 - 15:43