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 (=
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
Voilà, plus de ligne. Maintenant on s'attaque au vrai code.
Cherchez ceci (vers la ligne 195)
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:
Puis validez, et tout devrait fonctionner !
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">
- 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 ^^