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 : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.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
    Xenala
    Xenala
    FémininAge : 41Messages : 28

    Ven 26 Déc 2014 - 21:45

    Merci ^^
    Lilynufare
    Lilynufare
    FémininAge : 33Messages : 341

    Lun 29 Déc 2014 - 17:59

    merci pour l'astuce
    avatar
    Garunzo
    MasculinAge : 25Messages : 38

    Lun 29 Déc 2014 - 18:01

    Merci
    andril
    andril
    FémininAge : 34Messages : 42

    Jeu 22 Jan 2015 - 15:57

    merci !!!
    Kimberlay *
    Kimberlay *
    FémininAge : 33Messages : 161

    Dim 1 Fév 2015 - 13:53

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

    Ven 6 Fév 2015 - 0:53

    merci
    Monaka
    Monaka
    FémininAge : 31Messages : 137

    Mar 10 Fév 2015 - 15:54

    je vais tenter :)
    Rogue Titan
    Rogue Titan
    FémininAge : 29Messages : 53

    Jeu 12 Fév 2015 - 21:09

    Merci
    Rogue Titan
    Rogue Titan
    FémininAge : 29Messages : 53

    Ven 13 Fév 2015 - 10:08

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

    Ven 13 Fév 2015 - 18:06

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

    Jeu 19 Fév 2015 - 9:40

    merci ♥



    Fond de message arrondi gris - Page 2 Nyan_cat_in_portals_by_ds_dna-d56j8yb
    ginl
    ginl
    FémininAge : 36Messages : 88

    Mar 24 Fév 2015 - 12:01

    merci :)



    Fond de message arrondi gris - Page 2 Mjsear10
    Fond de message arrondi gris - Page 2 Galeri10
    Amacky
    Amacky
    FémininAge : 31Messages : 135

    Ven 13 Mar 2015 - 13:03

    Merci
    Irissia87
    Irissia87
    FémininAge : 36Messages : 124

    Mar 17 Mar 2015 - 16:36

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

    Mer 18 Mar 2015 - 20:54

    merci x)
    Kamesora
    Kamesora
    FémininAge : 31Messages : 93

    Ven 20 Mar 2015 - 23:44

    Merci
    Kamui Kyuuji
    Kamui Kyuuji
    MasculinAge : 31Messages : 30

    Sam 21 Mar 2015 - 10:14

    Merci beaucoup.
    Théine
    Théine
    MasculinAge : 43Messages : 24

    Lun 30 Mar 2015 - 1:59

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

    Mar 31 Mar 2015 - 22:44

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

    Mer 1 Avr 2015 - 20:58

    super merci pour voir :)



    Patricia :)
    Babouine
    Babouine
    FémininAge : 29Messages : 17

    Dim 19 Avr 2015 - 13:02

    Merci Very Happy
    Izaya Orihara
    Izaya Orihara
    FémininAge : 22Messages : 105

    Dim 19 Avr 2015 - 16:43

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

    Mar 21 Avr 2015 - 18:41

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

    Mar 21 Avr 2015 - 20:07

    Merci
    Célestine
    Célestine
    FémininAge : 26Messages : 51

    Sam 25 Avr 2015 - 23:36

    Merci !!
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 6:43