[Question] Profil

[Heung-Min Hidem]

Bonsoir,

Comment faire pour que les membres de mon staff possèdes un fond de profil différent des utilisateurs comme cet exemple:

[img][/img]

Je vous remercie de votre attention,
Cordialement Cedino.

[Dr. Karlos]

Bonsoir,

Vous devrez en premier lieu créer un rang que vous attribuerez aux membres en question.

Si les membres ont déjà des rangs, vous n'avez qu'à les entourer de la balise, dans le cas où vos membres n'ont pas de rang, insérez ce code dans le nom du rang:

Code:

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

Vous pouvez bien sûr remplacer Titre du rang par ce que vous désirez.

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

Code:

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

Une fois la modification faite, vous pouvez maintenant personnaliser le fond des membres qui auront le fond de message différent.

Dans le code présent, vous personnalisez 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.


Cordialement.

[Heung-Min Hidem]

Bonsoir,

Vous devrez en premier lieu créer un rang que vous attribuerez aux membres en question.

Si les membres ont déjà des rangs, vous n'avez qu'à les entourer de la balise, dans le cas où vos membres n'ont pas de rang, insérez ce code dans le nom du rang:

Code:

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

Vous pouvez bien sûr remplacer Titre du rang par ce que vous désirez.

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

Code:

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

Une fois la modification faite, vous pouvez maintenant personnaliser le fond des membres qui auront le fond de message différent.

Dans le code présent, vous personnalisez 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.


Cordialement.

Bonsoir,

Je ne comprends pas finir ce protocole :s

Code:

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

Voici le code que j'ai mis, mais ma question est la suivante: où mettre le nom de mon rang?

[Dr. Karlos]

Bonsoir,

Vous n'avez pas besoin d'insérer le titre de votre rang dans le code Javascript.

En entourant votre rang par ce code:

Code:

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

Vous faites en sorte qu'à chaque fois que le fondstaff sera vu sur les sujets, le fond du post changera de couleur selon vos indications.

Vous devez donc simplement placer le code dans la gestion des codes Javascript sur les sujets.


Cordialement.

[Heung-Min Hidem]

Bonsoir,

Vous n'avez pas besoin d'insérer le titre de votre rang dans le code Javascript.

En entourant votre rang par ce code:

Code:

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

Vous faites en sorte qu'à chaque fois que le fondstaff sera vu sur les sujets, le fond du post changera de couleur selon vos indications.

Vous devez donc simplement placer le code dans la gestion des codes Javascript sur les sujets.


Cordialement.

C'est bien ça que je dois mettre?

Code:

<span class="fondstaff">Fondateur</span>

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

[Dr. Karlos]

Re,

Non, vous devez placer ce code comme titre d'un rang:

Code:

<span class="fondstaff">Fondateur</span>

Les points 3 et 4 de ce tutoriel vous expliquent comment créer et attribuer un rang aux membres désirés, dans votre cas, les membres de votre staff.

Vous placez ensuite ce code dans votre panneau d'administration comme ceci:
> PA | Modules | Gestion des codes Javascript | Créer un nouveau code Javascript

Code:

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

Vous aviez mis un dièse de trop.

Vous devez cocher le code seulement sur les sujets. Assurez-vous aussi que l'option Activer la gestion des codes Javascript soit mise sur "Oui".


Cordialement.

[Heung-Min Hidem]

Merci encore de votre aide, mais je pense encore avoir "zappé" un truc parce que sa ne semble pas marchait :s

Pour l'instant, voici ce que j'ai fait:

[Dr. Karlos]

Bonjour,

Il vaut manque une apostrophe après votre couleur dans le code.

Utilisez ce code:

Code:

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

Le forum est bien en phpBB3 et le rang est bien attribué à des membres?


Cordialement.

[Heung-Min Hidem]

Bonjour,

Il vaut manque une apostrophe après votre couleur dans le code.

Utilisez ce code:

Code:

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

Le forum est bien en phpBB3 et le rang est bien attribué à des membres?


Cordialement.

Re,

Je vous remercie ça marche, j'avais bien oublié une apostrophe