Messages spéciaux à la façon de Forumactif

[Syou]

Bonjour,

Si l'on regarde bien sur ce lien-ci « Votre forum est en sécurité avec Forumactif » il y a un en-tête, un cadre et un fond dégradé dans le message en lui-même. J'ai même vu un membre avoir une couleur différente pour son message ici-même.

On peut changer la couleur des messages de façon continue mais ce que je voudrais c'est le faire de façon ponctuelle avec un dégradé. Je ne sais pas non plus comment mettre un en-tête. En cherchant et en allant dans Trucs et Astuces / Divers ressources pour les WebMasters puis dans Générateurs de boutons je suis tombé sur ce site :http://www.grsites.com/generate/group/2000/

Les Text Boxes qu'il propose ressemble bien à ce que je voudrais. Seulement, j'aurais souhaité avoir des codes pouvant faire cela plus facilement. Est-ce possible ?

Merci d'avance.

[Syou]

Bien sûr il faut prendre en compte l'ancien thème du forum...

[Syou]

Up !

[Syou]

Bonsoir,

Je souhaite vous apporter des précisions supplémentaires.

Alors ce que je vois - ou voyait car le thème a changé depuis - c'était un message avec un fond orange / bleuté en dégradé de droite à gauche quelque chose comme ça. Alors, pour certains messages j'aurais besoin de changer la couleur de fond que j'ai habituellement, en adaptant celle-ci au thème général du forum, bien entendu.
Ensuite, avoir une possibilité de faire un cadre avec un en-tête + logo du site. Enfin, ce type de message s'ils sont utilisés pour la Charte, ils font plus propres et c'est par là que passe les personnes nouvellement inscrites ou les invités qui ont accès à la Charte sans être inscrit.

Concrètement ça donne cela :





A cela s'ajoute ma question sur le dégradé sur le fond du message que l'on peut ajouter sur le message désiré, sans pour autant que ce soit sur tous les messages et pour tous les membres.

J'espère avoir été suffisamment clair.

Source du message pris en exemple : https://forum.forumactif.com/t13002-les-rangs#75847

[Dr. Karlos]

Bonsoir,

Pour les fonds de messages différents d'un utilisateur à l'autre, vous devrez créer un rang différent pour chaque utilisateur ayant un fond différent. Vous devrez entourer le titre du rang par cette balise:

Code:

<span class="fondPSEUDO">Titre du rang</span>

Vous pouvez bien sûr remplacer PSEUDO par le nom de l'utilisateur afin de vous retrouver dans vos rangs.

Une fois le rang attribué, créez un code javascript sur les sujets pour chaque rang et y insérer ce code:

Code:

$(function() {
$('div.post:has(".fondPSEUDO")').css('background-color','#000000');
});

Vous devez remplacer fondPSEUDO par le code attribué dans le rang plus tôt. Une fois la modification faite, vous pouvez maintenant personnaliser le fond de l'utilisateur en question.

Dans le code présent, vous pouvez personnaliser le fond à l'aide d'une couleur. Modifiez simplement le #000000 par la couleur désirée.

Pour avoir une image, remplacez ('background-color','#000000') par ('background-image','url(ADRESSE DE L'IMAGE)'). Le code présent prend en fonction que votre image est faite en fonction du cadre du post.

Vous avez donc un code pour un rang et un rang pour un fond différent.

---

Pour le tableau du message, il est facilement réalisable en BBcode:

Code:

[table class="tableau"]
[tr]
[td class="entete"][img]IMAGE EN-TÊTE[/img][/td]
[/tr]

[tr]
[td class="contenu"]Contenu[/td]
[/tr]

[tr]
[td class="tableaufin"]Texte[/td]
[td class="tableaufin2" width="100%"][img]IMAGE FIN[/img][/td]
[/tr]
[/table]


La première partie du tableau contient donc l'image d'en tête de votre tableau. Vous pouvez personnaliser votre en-tête avec du CSS à partir de la class entete.

La deuxième partie du tableau contient le contenu de votre message. Vous pouvez à nouveau la personnaliser à l'aide du CSS et de la class contenu.

La troisième partie du tableau contient votre image de bas de tableau. Elle sera automatiquement placée à droite complètement du tableau. Elle est aussi personnalisable à l'aide de la class tableaufin pour le texte et tableaufin2 pour l'image.

L'ensemble de votre tableau est lui aussi personnalisable à l'aide du CSS à partir de la class tableau.

Ces différents tutoriaux sauront vous aider:
- Le CSS - Comment ça marche?
- Les balises BBcode.


Cordialement.

[Syou]

Wow ! C'est énorme ce que vous avez fait. Ça fait des jours et des jours que je galère... J'espère que ça sera utile aussi à ceux qui, comme moi, n'ont pas trouvé de réponse à cette question afin de personnaliser des messages de type tutos, Charte etc., pour que ça fasse plus propre.

Je ne vais pas pouvoir tester ça ce soir car il est bien tard en France.

Merci beaucoup !

P.S. : Je ne peux pas la noter comme régler encore ( ? ) parce que je dois tester non ( ? ) ; sinon je reviendrai si j'ai des détails à demander.