dégradé pour le staff qui fait 1 fois sur deux ... ou qui est invisible

[Selendo]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour, j'ai suivi le tutoriel permettant de mettre un dégradé automatique pour les membres du staff (comme sur le fdf) sur leurs posts, mais il bug (ou cela peut il venir du code ?)

Si ma co-admin postes un topic : on voit le dégradé sur son message (à droite en bas).
Si moi ou un autre membre du staff ou elle répond dans la foulée, notre dégradé n’apparaît pas, par contre le post d'après si, et c'est à chaque fois 1 post sur deux lorsque des posts du staff se suivent, comment pallier à ce désagrément ?

Par ailleurs je suis le seul à voir les dégradés de mon staff même eux ne les voient aps, pourquoi ?

[Selendo]

un petit up

[Selendo]

un petit up

[no_way]

Bonjour avez-vous pris soin de suivre la partie pour la version de votre forum ?
Le tutoriel est en deux parties, l'une pour phpBB3 et l'autre pour phpBB2.

[Selendo]

Bonjour avez-vous pris soin de suivre la partie pour la version de votre forum ?
Le tutoriel est en deux parties, l'une pour phpBB3 et l'autre pour phpBB2.

Merci j'ai modifié désormais ils s'affichent tous à chaque fois, masi les autres membres du staff ne les voient toujours pas, pourquoi ?

[no_way]

Je ne vois pas de raison pour laquelle vous pouvez visualiser les dégradés et pas les autres, pourriez-vous créer un sujet visible aux invités et demander à votre équipe de poster dessus ?

[Selendo]

Bonjour, voilà le lien du sujet ou j'ai posté sujet

[no_way]

Merci c'est plus facile de trouver ce qui cloche
L'image que vous utilisez pour le dégradé est énorme 1881/311 px et comme la plus grande partie de l'image est vide et que le code CSS de base centre sur le bas, la partie visible du dégradé (rouge) se retrouve en dehors de la zone d'affichage.

Vous pouvez donc soit créer un dégradé moins large soit remplacer dans vos classes bgstaff et bggraph:

Code:

background-position:bottom;

par:

Code:

background-position:right bottom;

ainsi le dégradé se calera en bas et sur le côté droit des cellules.

[Selendo]

Comme vous pouvez le voir le dégradé est desormais en double ce qui est dérangeant

[no_way]

Votre dégradé apparait en double car vous l'utilisez pour les deux cellules (td.row1 et td.row2) , remplacez:
par:

Code:

.bgstaff td[class^="row"]:nth-child(2){
        background-image: url('http://img15.hostingpics.net/pics/434124dgrad2.png') !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        }

en retirant la première déclaration, votre dégradé n'apparaîtra que dans la cellule du message.

N'oubliez pas de faire de même pour bggraph

[Selendo]

Bonjour, je l'ai fait, mais comme vous pouvez le constater il y a toujours un problème...

[no_way]

J'ai édité mon message précédent, je vous laisse essayer.

[Selendo]

Bonjour, cela bug encore...

[no_way]

Pourriez-vous contrôler le titre de vos rangs ?
Car là, les classes bgstaff et bggraph n'existent pas
Edit:
Vous avez mis la classe staff à la place de bgstaff.

[Selendo]

bonjour, j'ai mis bgstaff à la place de staff dans la class du rang admin et du rang animateur, mais comme vous pouvez le voir ce n'est toujours pas affiché.

[no_way]

Oups, remettez vos rangs comme auparavant (staff et graph), je viens de trouver plusieurs erreurs dans votre CSS qui posent problème, fournissez moi votre CSS pour que je le corrige

[Selendo]

Le CSS :

Code:


#widget-arrows {
  height: 13px;
}
a.fa-mention {
  color:#333;
}
.bgstaff td[class^="row"]:nth-child(2),{
        background-image: url(http://img15.hostingpics.net/pics/434124dgrad2.png) !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        }
.bggraph td[class^="row"]:nth-child(2),{
        background-image: url(http://img11.hostingpics.net/pics/127911dgrad.png) !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        }
 


J'ai remis les rangs, je vous remercie pour votre temps apporté à la résolution de mon problème

[no_way]

De rien , voici votre CSS corrigé:

Code:

#widget-arrows {
height: 13px;
}
a.fa-mention {
color:#333;
}
.bgstaff td[class^="row"]:nth-child(2){
background-image: url(http://img15.hostingpics.net/pics/434124dgrad2.png) !important;
background-position: right bottom;
background-repeat: repeat-x;
}
.bggraph td[class^="row"]:nth-child(2){
background-image: url(http://img11.hostingpics.net/pics/127911dgrad.png) !important;
background-position: right bottom;
background-repeat: repeat-x;
}

[Selendo]

beaucoup ! Je comrpnds meiux pourquoi "Ade Actif"
+ 11 en réputaztion (+ sur tous vos posts et merci )
Vraiment super, par contre, il faudrait remettre à jour le tuto non ?
Bonne continuation à vous !

:youopi: :thanks:

topic

[no_way]

Non c'était une erreur de votre part dans votre CSS en fait ^^.

Merci beaucoup et bonne continuation