Dégradé comme

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Dégradé comme

Message par STARMan Dim 13 Mai 2012 - 11:07

Bonjour,

Comment mettre un dégradé comme le forum des forums et comme les messages du staf ?

Merci d'avance,
STARMan


Dernière édition par STARMan le Ven 18 Mai 2012 - 12:45, édité 1 fois
STARMan

STARMan
****

Masculin
Messages : 345
Inscrit(e) le : 18/09/2011

http://rail-bretagne.forumbreizh.com
STARMan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par Psyaliah Dim 13 Mai 2012 - 14:47

Bonjour,
Une recherche vous aurait permis de trouver votre bonheur ici.
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par STARMan Jeu 17 Mai 2012 - 20:58

Bonsoir,
J'ai essayé comme il est dit dans le topic ci-dessus; mais voilà ce que ça donne :
Dégradé comme  Sans_t21

Je veux un dégradé comme le forum des forums...
STARMan

STARMan
****

Masculin
Messages : 345
Inscrit(e) le : 18/09/2011

http://rail-bretagne.forumbreizh.com
STARMan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par Psyaliah Jeu 17 Mai 2012 - 21:37

Mmh, vous êtes en phpBB 2 ou 3?
Pour le 2 ce n'est pas encore au point, pour le 3:

→ Rendez vous dans le PA, dans la partie administration des rangs du forum. Si vous souhaitez que le dégradé s'affiche pour les administrateurs seulement, n'éditez que le rang Administrateur. Si vous souhaitez qu'il s'affiche sur d'autre également, éditez les aussi. Lorsque vous éditez un rang, remplacer son nom par:
Code:
<span class="fondstaff">Admin</span>

→ Ensuite, rendez vous dans le PA > Modules > Gestion des codes Javascript.
Cliquez sur le bouton ajout.
Pour le nom du code, mettez simplement "Rangs", puis cochez seulement la case "Sur les sujets". Insérez ensuite ce code:
Code:
$(function() {
$('div.post:has(".fondstaff")').css({ backgroundImage : 'url(liendelimage)' });
});

Bien sûr, il faudra remplacer "liendelimage" par le lien de votre image de dégradé. Comme par exemple celui-ci.
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par STARMan Jeu 17 Mai 2012 - 21:57

Oui mais non...
Dégradé comme  Sans_t22

Ça n'est pas fixé au bas du message...
STARMan

STARMan
****

Masculin
Messages : 345
Inscrit(e) le : 18/09/2011

http://rail-bretagne.forumbreizh.com
STARMan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par Psyaliah Jeu 17 Mai 2012 - 22:21

Mmh, remplacez le code Javascript par celui ci:
Code:
$(function() {
$('.fondstaff').parent().parent().parent().parent().parent().addClass('bgstaff');

});

Puis, ajouter ceci à votre css:
Code:
div .bgstaff {
  background-image: url("http://img585.imageshack.us/img585/3200/tape2e.png");
  background-position: bottom right;
}
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par Invité Jeu 17 Mai 2012 - 23:11

Bonsoir,

Je me pose la question(le sujet m'intéresse ^^ ) de pourquoi la class n'a pas le même nom Confused
Et une dernière question et je sais que je peux me tromper , pourquoi ne pas utiliser la propriété background-attachment: fixed; ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par Psyaliah Ven 18 Mai 2012 - 0:13

Bonsoir,
La class "fondstaff" à été attribuée au rang.
Lorsque quelqu'un possédant ce rang poste un message, on indique dans le Javascript, grâce à l'aide de "parent()" de remonter de quatre niveau et d'y attribuer une class, pour y mettre notre fond. C'est pour ça que je met un autre nom, car "fondstaff" correspond au nom du rang, et "bgstaff" à la div où va être appliqué le background.
Ensuite, "background-attachmment: fixed;" ne sert à rien, il est de toute façon fixe, vu que je lui est dit de se positionner en bas à droite ;p !
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par STARMan Ven 18 Mai 2012 - 8:17

C'est bon, ca marche...

Mais je ne dois pas retirer le code que j'ai mis dans le nom de rang ?

Je peux faire ça aussi pour mes membre mais avec une autre couleur ?

Merci d'avance !
STARMan

STARMan
****

Masculin
Messages : 345
Inscrit(e) le : 18/09/2011

http://rail-bretagne.forumbreizh.com
STARMan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par SandyL Ven 18 Mai 2012 - 9:23

Dégradé comme  Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Dégradé comme  Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Dégradé comme  50378

A bientôt sur ForumActif Smile
SandyL

SandyL
Membre actif

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

https://monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par Psyaliah Ven 18 Mai 2012 - 12:39

Bonjour,
Si vous voulez faire ça avec vos membres, vous devez répétez l'opération en modifiant les infos.

Par exemple, pour le nom du rang 'membre' vous mettrez:
Code:
<span class="fondmembre">Membres</span>

Puis, pour le javascript, vous en créer un nouveau également, copier/coller l'ancien en modifiant "fondstaff" par "fondmembre" et "bgstaff" par "bgmembre" par exemple.

De même dans le css, vous réécrivez le même code en dessous de l'autre, puis "div .bgstaff" deviendra "div .bgmembre".
Ensuite, il faudra trouver un dégradé d'une autre couleur et remplacez le code image de "div .bgmembre" par le dégradé de l'autre couleur.
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dégradé comme

Message par STARMan Ven 18 Mai 2012 - 12:44

Merci beaucoup !
STARMan

STARMan
****

Masculin
Messages : 345
Inscrit(e) le : 18/09/2011

http://rail-bretagne.forumbreizh.com
STARMan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum