Avoir un dégradé à afficher sur un message pour les groupes

[serge4789]

Bonjour à tous,

Je souhaiterais savoir comment réaliser un dégradé à afficher aux messages que poste le staff du forum.

Quel est le script à ajouter afin de pouvoir avoir cette présentation ?

D’avance merci pour vos réponses et votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne journée.

Message réservé au staff Forumactif :
En raison de mon indisponibilité de Février à fin Avril 2012, je ne suis pas en mesure d’uper mon topic régulièrement. De ce fait, je demande au staff de ne pas délester ce topic.

[Dr. Karlos]

Bonsoir,

Je vous invite à consulter ce message qui répondra certainement à votre question.

Le code n'est fonctionnel que pour les forums en phpBB3, si ce n'est pas votre cas, merci de nous préciser la version de votre forum.

Cordialement.

[serge4789]

Bonjour et merci de m’avoir répondu rapidement,

Bonsoir,

Je vous invite à consulter ce message qui répondra certainement à votre question.

Je viens de voir votre explication. C’est assez complexe pour moi car je ne comprends pas bien.

Pourriez-vous m’expliquer comment faire en me donnant des explications claires et simples s’il vous plait ?

Le code n'est fonctionnel que pour les forums en phpBB3, si ce n'est pas votre cas, merci de nous préciser la version de votre forum.

Cordialement.

Je suis effectivement en phpBB3.

D’avance merci pour votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne journée.

[serge4789]

UP

[Psyaliah]

Bonjour,
Rends toi dans:
Panneau d'administration
UTILISATEURS & GROUPES
Administration des rangs

Ensuite, sélectionne par exemple le rang administrateur, puis dans la case "Titre du rang" met y:

Code:

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

Ensuite il faut se rendre dans:
Modules
Gestion des codes Javascript
Activer la gestion des codes Javascript : "Oui"

Puis Créer un nouveau code javascript
Dans "Titre", y écrire "Rangs", puis cocher la case "Sur les sujets".

Ensuite dans "Code JavaScript" insère:

Code:

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

La, dans le background-color, modifie le "#000000" par le code couleur que tu souhaites avoir.
Puis clique sur Valider.

[serge4789]

Bonjour et merci de m’avoir répondu,

Déjà merci pour ton aide et ta réponse.

Cependant, je souhaiterais avoir la même présentation que ce forum en ayant le même dégradé.

Comment faire pour avoir le même dégradé ?

D’avance merci pour ton aide.

Reçois par ailleurs mes sentiments respectueux.

Au revoir et bonne journée.

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[Matriochka]

Bonsoir,

Si vous désirez un dégradé similaire à celui que l’on retrouve sur le forum de support, il vous faut mettre un fond au format image, plutôt qu’une simple couleur.

Ici, par exemple, l’image est celle-ci :

Il s’agit d’un dégradé bleu créé sur un fond transparent, qui s’adapte donc à toutes les plateformes.

Si vous ne savez pas comment créer une telle image, n’oubliez pas qu’un Service de créations graphiques se tient à votre entière disposition

[serge4789]

Bonsoir et merci de m’avoir répondu rapidement,

Bonsoir,

Si vous désirez un dégradé similaire à celui que l’on retrouve sur le forum de support, il vous faut mettre un fond au format image, plutôt qu’une simple couleur.

Ici, par exemple, l’image est celle-ci :

Il s’agit d’un dégradé bleu créé sur un fond transparent, qui s’adapte donc à toutes les plateformes.

Si vous ne savez pas comment créer une telle image, n’oubliez pas qu’un Service de créations graphiques se tient à votre entière disposition

Ah d’accord.

Donc comment puis-je mettre un fond au format image ?

Faut-il modifier quelque chose dans le script :

Code:

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

Par exemple à la place de :

Code:

('background-color','#000000')

Faut il mettre par exemple l’adresse de l’image ?

Exemple :

Code:

('background-color','http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png')

Ce qui donne au final :

Code:

$(function() {
$('div.post:has(".fondstaff")').css('background-color','http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png');
});

D’avance merci pour votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne soirée.

[serge4789]

UP

[serge4789]

UP

[Nicoge]

Bonjour,

pour que cela fonctionne, je pense que vous devez changer background-color par background-image dans le code javascript.

Nicoge

[serge4789]

Bonjour et merci de m’avoir répondu,

Désolé mais ça ne fonctionne pas.

Que faire ?

Il me faut l’aide d’une personne s y connaissant bien en code et script.

D’avance merci pour votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne soirée.

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[Wave]

Bonjour,

Les rangs du staff comportent une classe :

Code:

<span class="staff">Administrateur</span>

Ensuite, c'est un simple JS qui ajoute une classe aux messages contenant ce rang :

Code:

$(function(){
  $('span.staff').closest('.post').addClass('staffmember');
});

Et ce message est modifié par le CSS, sur la classe .staffmember

Code:

.staffmember {
  background: transparent;
  background-image:url(http://i42.servimg.com/u/f42/16/72/45/61/bg_pos11.png) !important;
  background-position:right bottom !important;
  background-repeat: no-repeat!important;
}

Cordialement

[Invité]

Salut,

Si certaines personnes, comme moi voit leur fond dans leur message devenir blanc voici la solution a mettre dans leur CSS:

Code:

.staffmember {
  background-color: #COULEUR;
  background-image:url(http://i42.servimg.com/u/f42/16/72/45/61/bg_pos11.png) !important;
  background-position:right bottom !important;
  background-repeat: no-repeat!important;
}

(remplacer "COULEUR" par votre couleur hexadecimal (#COULEUR)). Et merci beaucoup Flo-73 pour votre solution ^^

[bush76]

merci pour moi c'est bon

[serge4789]

Sujet toujours d'actualité pour moi.

J'essayerais la solution plus tardcar actuellement je suis sur une connexion WIFI payante donc limitée.

[serge4789]

UP

[serge4789]

UP

[Nicoge]

Vous pouvez aussi essayer comme ceci:


Le rang doit être nommé ainsi :

Code:

<span id="staff">Nom du rang</span>

Ajoutez ensuite un javascript apparaissant sur les sujets, dans lequel vous mettrez :

Code:

$(function() {
        $('#staff').closest('tr.post').addClass('staffmember');
});


Puis dans votre CSS, ajoutez le code suivant :

Code:

tr.staffmember td {
  background: #FFFFFF !important;
}

Vous devez remplacer #FFFFFF par le code couleur de votre choix, ou par l'image du dégradé de votre choix.

[Wave]

Vous pouvez aussi essayer comme ceci:


Le rang doit être nommé ainsi :

Code:

<span id="staff">Nom du rang</span>

Ajoutez ensuite un javascript apparaissant sur les sujets, dans lequel vous mettrez :

Code:

$(function() {
        $('#staff').closest('tr.post').addClass('staffmember');
});


Puis dans votre CSS, ajoutez le code suivant :

Code:

tr.staffmember td {
  background: #FFFFFF !important;
}

Vous devez remplacer #FFFFFF par le code couleur de votre choix, ou par l'image du dégradé de votre choix.

Bonjour j'ai déjà énoncer cette solution dans ce sujet: https://forum.forumactif.com/t328457-avoir-un-degrade-a-afficher-sur-un-message-pour-les-groupes#2843747

[Nicoge]

Bonsoir,

Votre solution est légèrement différente et c'est pour cela que j'ai posté mon message, pour moi ça à fonctionné avec la les codes que j'ai donné mais pas avec ceux que vous aviez donné précédemment :s

Nicoge

[serge4789]

Bonjour et merci de vos réponses,

Je sollicite l’aide et la solution du staff Forumactif utilisée sur ce forum.

J’attend donc une réponse du staff Forumactif.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne journée.

[serge4789]

UP

[bush76]

Par contre comment faire pour avoir le dégradé autre que bleu svp ???