AccueilDernières imagesRechercherS'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.

Le Deal du moment :
Fnac : 2 Funko Pop achetées : le 3ème ...
Voir le deal

    Fond de message arrondi gris

    Alumine
    Alumine
    FémininAge : 26Messages : 487

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

    Dim 22 Mai 2016 - 16:14

    Je prend !



    Fond de message arrondi gris - Page 5 1401912845-sans-titre-8


    Katty1993
    Katty1993
    FémininAge : 27Messages : 24

    Dim 29 Mai 2016 - 6:29

    Merci!
    Lynnakiel
    Lynnakiel
    FémininAge : 27Messages : 19

    Mar 28 Juin 2016 - 14:06

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

    Sam 9 Juil 2016 - 3:37

    joli
    Kâ Lys
    Kâ Lys
    MasculinAge : 32Messages : 299

    Jeu 14 Juil 2016 - 18:14

    Merci! :0



    Fond de message arrondi gris - Page 5 Bug
    Sideris
    Sideris
    FémininAge : 28Messages : 113

    Jeu 14 Juil 2016 - 19:18

    Merci !









    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 33Messages : 128

    Jeu 14 Juil 2016 - 20:06

    Merci !
    Leila
    Leila
    FémininAge : 34Messages : 30

    Lun 18 Juil 2016 - 15:33

    Merci !
    Neko Mimi
    Neko Mimi
    FémininAge : 33Messages : 165

    Jeu 21 Juil 2016 - 10:57

    Merci pour l'astuce ♥



    Fond de message arrondi gris - Page 5 Tumblr_me5uxaCZuJ1qj73e2o1_500
    avatar
    céleste callisto
    FémininAge : 32Messages : 55

    Sam 6 Aoû 2016 - 14:44

    merci
    Indy Solo
    Indy Solo
    FémininAge : 29Messages : 240

    Mar 9 Aoû 2016 - 9:09

    Merci ^^



    Fond de message arrondi gris - Page 5 Sans_t10
    Aubenaissante
    Aubenaissante
    MasculinAge : 38Messages : 15

    Mar 9 Aoû 2016 - 17:52

    up
    dean winchester
    dean winchester
    MasculinAge : 29Messages : 85

    Ven 12 Aoû 2016 - 3:29

    merci
    Mystick
    Mystick
    FémininAge : 38Messages : 100

    Mar 4 Oct 2016 - 18:09

    Merci ! :)
    Alborio
    Alborio
    MasculinAge : 24Messages : 37

    Lun 17 Oct 2016 - 23:20

    Cool !
    Shi
    Shi
    MasculinAge : 32Messages : 59

    Mer 19 Oct 2016 - 20:27

    merci!
    Voyageur-B21E3
    Voyageur-B21E3
    MasculinAge : 29Messages : 35

    Sam 5 Nov 2016 - 22:25

    Merci !
    Patou972
    Patou972
    FémininAge : 45Messages : 175

    Lun 14 Nov 2016 - 18:58

    merci beaucoup
    Dariel
    Dariel
    FémininAge : 54Messages : 69

    Dim 20 Nov 2016 - 0:21

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

    :ange:



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

    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.
    Offrande
    Offrande
    FémininAge : 32Messages : 194

    Lun 28 Nov 2016 - 22:37

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

    Mer 28 Déc 2016 - 20:43

    merci
    Giovale
    Giovale
    MasculinAge : 32Messages : 16

    Mar 31 Jan 2017 - 23:16

    Merci !
    Doomdom
    Doomdom
    MasculinAge : 38Messages : 25

    Ven 10 Fév 2017 - 13:21

    Merci :aww:
    Envola
    Envola
    FémininAge : 32Messages : 63

    Lun 13 Fév 2017 - 19:47

    Merci!
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 5:30