Dégradé comme

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

Résolu Dégradé comme

Message par STARMan le 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
****

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 le Dim 13 Mai 2012 - 14:47

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

Psyaliah
# Tropactif #

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

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par STARMan le 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 :


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

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 le 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
# Tropactif #

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

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par STARMan le Jeu 17 Mai 2012 - 21:57

Oui mais non...


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

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 le 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
# Tropactif #

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

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par Invité le 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; ?

Invité
Invité


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

Résolu Re: Dégradé comme

Message par Psyaliah le 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
# Tropactif #

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

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé comme

Message par STARMan le 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
****

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 le Ven 18 Mai 2012 - 9:23

Bonjour,

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


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

A bientôt sur ForumActif Smile

SandyL
+ Hyperactif +

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

http://www.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 le 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
# Tropactif #

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

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dégradé comme

Message par STARMan le Ven 18 Mai 2012 - 12:44

Merci beaucoup !

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


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