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 : -50%
Trottinette électrique OCEAN DRIVE A9 avec ...
Voir le deal
299.99 €

    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
    Lessien
    Lessien
    FémininAge : 41Messages : 163

    Jeu 24 Sep 2015 - 22:58

    Merci !
    Dydy
    Dydy
    FémininAge : 33Messages : 493

    Mer 21 Oct 2015 - 11:44

    merci du partage ♥



    Fond de message arrondi gris - Page 4 27978_signature_never_utopia_dydy_2
    dishonorableHighblood
    dishonorableHighblood
    FémininAge : 27Messages : 31

    Jeu 22 Oct 2015 - 7:09

    Merci!



    •♐♐♐♐♐♐♐♐♐• dishonorable yet fabulous •♐♐♐♐♐♐♐♐♐•
    Noruenu
    Noruenu
    FémininAge : 31Messages : 123

    Jeu 22 Oct 2015 - 18:48

    Merci du partage ! :3
    Ivelyne
    Ivelyne
    FémininAge : 31Messages : 45

    Mer 28 Oct 2015 - 7:27

    Merci Very Happy
    Nishiki
    Nishiki
    FémininAge : 26Messages : 325

    Mer 28 Oct 2015 - 13:18

    Merci ! C'est simple et élégant :3



    Fond de message arrondi gris - Page 4 Head19
    Utauko
    Utauko
    FémininAge : 27Messages : 45

    Jeu 19 Nov 2015 - 18:14

    Super **
    Merci :3
    Orphanine
    Orphanine
    FémininAge : 37Messages : 14

    Ven 11 Déc 2015 - 12:02

    Faut que je teste ça ! =)

    Merci pour le code :)
    Blueflyght
    Blueflyght
    FémininAge : 23Messages : 22

    Dim 10 Jan 2016 - 17:07

    Merci =)
    Anonymous
    Invité

    Sam 16 Jan 2016 - 18:16

    En virant le fond, pourquoi pas? Pour un concept particulier. ^^
    TaraToI
    TaraToI
    FémininAge : 31Messages : 67

    Jeu 28 Jan 2016 - 11:49

    Très joli je vais essayer !



    Fond de message arrondi gris - Page 4 Icone_16
    Nearween
    Nearween
    FémininAge : 25Messages : 213

    Lun 15 Fév 2016 - 10:48

    Merkii pour le code o/



    Fond de message arrondi gris - Page 4 Tumblr_static_tumblr_static_e0bc42ijrzwc84o84s4s8o0g_640

    Stand by Me
    Neya
    Neya
    FémininAge : 24Messages : 164

    Lun 15 Fév 2016 - 20:44

    Thank's
    Lunara
    Lunara
    FémininAge : 37Messages : 95

    Mar 16 Fév 2016 - 12:40

    merci pour la partage
    Okita
    Okita
    MasculinAge : 30Messages : 16

    Sam 20 Fév 2016 - 13:49

    Merci beaucoup :)
    Fiery Aura
    Fiery Aura
    FémininAge : 25Messages : 57

    Jeu 25 Fév 2016 - 16:12

    Merci !
    Misery Mind™
    Misery Mind™
    FémininAge : 33Messages : 152

    Sam 27 Fév 2016 - 16:21

    merci !
    mon-etoile
    mon-etoile
    FémininAge : 35Messages : 140

    Jeu 10 Mar 2016 - 6:06

    Merci
    younessdu91
    younessdu91
    MasculinAge : 26Messages : 96

    Dim 20 Mar 2016 - 18:26

    Alumine a écrit: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






    CSS



    Puis validez, et tout devrait fonctionner ! Un petit merci pour voir (=
    Evil Queen 4ever
    Evil Queen 4ever
    FémininAge : 31Messages : 64

    Mar 22 Mar 2016 - 16:04

    superbe je tente Very Happy




    Fond de message arrondi gris - Page 4 478753Chantal
    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 24Messages : 60

    Dim 3 Avr 2016 - 14:44

    merci
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 55Messages : 167

    Sam 9 Avr 2016 - 15:07

    Merci
    kinai0107
    kinai0107
    MasculinAge : 48Messages : 15

    Lun 18 Avr 2016 - 19:54

    merci
    SillyDoo
    SillyDoo
    FémininAge : 31Messages : 13

    Sam 23 Avr 2016 - 23:48

    Nickel, ça va régler mon problème !
    Scandalucia
    Scandalucia
    FémininAge : 33Messages : 234

    Lun 2 Mai 2016 - 18:14

    MERCI beaucoup pour ce partage ♥
    Contenu sponsorisé


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