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 : 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
    avatar
    Xenala
    FémininAge : 35Messages : 28

    le Ven 26 Déc 2014 - 21:45

    Merci ^^
    avatar
    Lilynufare
    FémininAge : 28Messages : 341

    le Lun 29 Déc 2014 - 17:59

    merci pour l'astuce
    Garunzo
    MasculinAge : 19Messages : 38

    le Lun 29 Déc 2014 - 18:01

    Merci
    avatar
    andril
    FémininAge : 29Messages : 42

    le Jeu 22 Jan 2015 - 15:57

    merci !!!
    avatar
    Kimberlay *
    FémininAge : 28Messages : 160

    le Dim 1 Fév 2015 - 13:53

    Merci ! Je vais essayer Very Happy
    avatar
    Venise
    FémininAge : 35Messages : 270

    le Ven 6 Fév 2015 - 0:53

    merci
    avatar
    Monaka
    FémininAge : 26Messages : 132

    le Mar 10 Fév 2015 - 15:54

    je vais tenter :)
    avatar
    Rogue Titan
    FémininAge : 23Messages : 49

    le Jeu 12 Fév 2015 - 21:09

    Merci
    avatar
    Rogue Titan
    FémininAge : 23Messages : 49

    le Ven 13 Fév 2015 - 10:08

    Merci pour le code !
    avatar
    Devil.
    FémininAge : 21Messages : 58

    le Ven 13 Fév 2015 - 18:06

    Merci merci ! :3
    avatar
    Nyan-cat
    FémininAge : 19Messages : 326

    le Jeu 19 Fév 2015 - 9:40

    merci ♥



    avatar
    ginl
    FémininAge : 30Messages : 65

    le Mar 24 Fév 2015 - 12:01

    merci :)
    avatar
    Amacky
    FémininAge : 26Messages : 133

    le Ven 13 Mar 2015 - 13:03

    Merci
    avatar
    Irissia87
    FémininAge : 31Messages : 124

    le Mar 17 Mar 2015 - 16:36

    merci :)
    avatar
    Hayate kimitsu
    MasculinAge : 25Messages : 30

    le Mer 18 Mar 2015 - 20:54

    merci x)
    avatar
    Kamesora
    FémininAge : 26Messages : 90

    le Ven 20 Mar 2015 - 23:44

    Merci
    avatar
    Kamui Kyuuji
    MasculinAge : 26Messages : 30

    le Sam 21 Mar 2015 - 10:14

    Merci beaucoup.
    avatar
    Théine
    MasculinAge : 37Messages : 24

    le Lun 30 Mar 2015 - 1:59

    merci!
    avatar
    LyN[ss]
    FémininAge : 26Messages : 105

    le Mar 31 Mar 2015 - 22:44

    Merci beaucoup pour ce partage ! =)
    avatar
    patriciadpt30
    FémininAge : 55Messages : 240

    le Mer 1 Avr 2015 - 20:58

    super merci pour voir :)



    Patricia :)
    avatar
    Babouine
    FémininAge : 24Messages : 17

    le Dim 19 Avr 2015 - 13:02

    Merci Very Happy
    avatar
    Izaya Orihara
    FémininAge : 17Messages : 105

    le Dim 19 Avr 2015 - 16:43

    Merci pour le partage !
    avatar
    sandcreations
    FémininAge : 47Messages : 20

    le Mar 21 Avr 2015 - 18:41

    Merci pour cette astuce!
    avatar
    Ariane
    FémininAge : 26Messages : 13

    le Mar 21 Avr 2015 - 20:07

    Merci
    avatar
    Célestine
    FémininAge : 20Messages : 51

    le Sam 25 Avr 2015 - 23:36

    Merci !!
    Contenu sponsorisé


      La date/heure actuelle est Mar 16 Oct 2018 - 5:12