Fond de message arrondi gris

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:

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  

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 !

Merci ! =D

Merci beaucoup ^^

Thanks !

Thxc

Merci

C'est moi ou sur le spoiler exemple, l'avatar dépasse du cadre du forum ? o-O

Merci

merci!

merci

Pas mal

Merci ! Hâte de voir :p

Merci beaucoup pour le partage ! <3

Merci~

merciiii !!!

Merci beaucoups

Merci pour l'idée.

Merci de l'astuce ! =)

Merci ∩( ・ω・)∩

Merci beaucoup :)

Merci

thx :3

Merci ! >w<

Merci

thanks ^^

Merchi :3