Code de dégradé pour fond ne fonctionne plus

[Pitra]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Après modification de Viewtopic
Lien du forum : http://bimbforum.forumeiros.com

Description du problème

Bonjour/Bonsoir

J'ai un problème avec mon dégradé que j'avais installé en suivant le tutoriel officiel du Fdf. Il fonctionnait à merveille mais depuis quelques jours, plus de dégradé !

En fouillant dans les archives, j'ai trouvé quelques solutions apportées à des problèmes semblables. Sauf qu'aucune de ses solutions ne fonctionne à mon niveau. J'ai tendance à croire que c'est parce que j'ai touché au Viewtopic_body mais je n'en suis pas sûre

Voici mon JV

Spoiler:

Et mon CSS en entier

Spoiler:

Je fournirai le template concerné volontiers si besoin.

Grand Merci d'avance à qui voudra bien m'éclairer! J'y tiens vraiment à ce dégradé

[Scoubifitz]

bonjour,

l'image de fond n'existe plus sur l'hébergeur imageshack ...

https://2img.net/r/ihimizer/img443/8555/ocre.png

[Pitra]

Bonjour Scoubifitz, merci de vous pencher sur mon problème

L'image est bel et bien existente... Du moins, je la vois moi en cliquant sur le lien

[Pitra]

UP^^
Toujours d'actualité.
Merci !^^

[Feuilla']

Bonsoir,
comme Scoubifitz je ne vois pas l'image, le lien renvoie à une erreur 404 :



Pour savoir si le problème vient des templates, on peut essayer de forcer les templates par défaut et regarder si le problème est toujours là (même si on pense qu'il vient du dégradé expiré).
Bonne soirée !

[Pitra]

Bonsoir Feuilla'
Merci pour voter aide

Comme je l'ai dit plus haut, le lien du dégradé fonctionne correctement chez moi. Mais pour être totalement sûre que le problème ne vient pas de là, je l'ai réhébergé.

Code:

 
.secondarytitle h2 {display:none;}
#description
{
color: #5C0404; 
font-size: 22px;
font-family: Courrier, serif;
}

.widget-arrow {
  height: 13px;
  width: 16px;
  border-radius: 4px;
  float: left;
  cursor: pointer;
  background: #f5ebf7 url(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
}
.widget-arrow.isright {
  float: right;
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
  background-position: 0 0;
}

div.topictitle strong { display: none; }
.bgAdmin td.row1 {
background-image: url(http://img15.hostingpics.net/pics/467454ocre.png) !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgAdmin td.row2 {
background-image: url(http://img15.hostingpics.net/pics/467454ocre.png) !important;
background-position: bottom;
background-repeat: repeat-x;
}
.icon_online {
  position:absolute;
  margin-top: 0px;
  margin-left:-0px;
}
.postdetails.poster-profile {
width: 50px;
}

Il n'apparait toujours pas. J'avais essayé de forcer les templates par défaut pour résoudre un autre problème. Et le dégradé était rééparru. Je pense donc que le problème pourrait venir de là.

Puis-je poster mon viewtopic en entier pour un petit check-up de pro?

[Feuilla']

Re,
ce serait bien en effet, comme ça les personnes qui s'y connaissent en template pourront vous aider (ou même n'importe qui s'il rencontre une erreur fatale).
N'hésitez pas à le mettre sous balises code.
Bonne soirée !

[Pitra]

Re,
Merci beaucoup pour le conseil Feuilla'.
Voici donc sous Spoiler et Code le template en question:

Template Viewtopic_body:

Si ça peut aider, d'après ce que j'ai remarqué, c'est en bidouillant des trucs dans les codes de l'Avatar, du Pseudo et du Rang que le problème est apparu. Je ne sais juste pas l'erreur que j'ai commise

Grand merci à qui voudra bien m'aider^^

[Feuilla']

Re,
je vais laisser quelqu'un d'autre répondre pour la question du template, ce sera mieux ainsi.
Par contre, qu'avez-vous essayé de faire sur le rang (que l'on puisse voir l'erreur ?) ?
Il faut faire attention à ne pas supprimer certains éléments de ce rang présents dans le tutoriel (le code à mettre en début et fin, présenté au début du tutoriel).

[Pitra]

Re,
Merci pour l'attention Feuilla'^^
Je n'ai rien fait de compliqué en réalité. Je ne sais pas de quel tutoriel il s'agit.
J'ai suivi les conseils donnés dans un autre sujet pour centrer l'avatar, le pseudo et le rang textuel. Après cela il y avait un espace de trop entre ce dernier et l'avatar. J'ai donc supprimé un < /b>.
C'est tout ce que j'ai eu à faire de ce côté là^^

[Feuilla']

Re,
je désigne le tutoriel suivant, cité par vous-même dans le premier post :
https://forum.forumactif.com/t334565-fond-de-message-different-pour-le-staff-degrade
Je crois que je ne vais plus répondre car je n'ai pas les solutions au reste des questions.
Bonne soirée !

[Pitra]

UP
Remonte petit sujet

Merci !^^

[Pitra]

Petit UP! Toujours d'actualité^^

Merci!

[Lixyr]

Bonjour,

Il me faudrait l'accès à un topique où un administrateur a posté afin que je puisse voir ce qu'il en est. Comme le template a rechangé depuis...
Mais personnellement pour éviter les erreurs, j'aurais plutôt mis ça dans le JavaScript :

Code:


        $(function() {
        $('.Administrateur').closest('tr').addClass('AdministrateurDegrade');
        });

*EDIT*

Je vois que le rang administrateur a comme classe bgAdmin, du coup ce serait plutôt :

Code:


        $(function() {
        $('.bgAdmin').closest('tr').addClass('AdministrateurDegrade');
        });

Après, est-ce que AdministrateurDegrade est la bonne classe pour le fond ?

[Pitra]

Re,
Je suis on on peut plus ravie de vous retrouver ici très chère
Alors, le premier post du dernier sujet dont je viens de nous donner l'accès dans notre autre sujet a été posté par un Admin. Vous pouvez donc constatez que le dégradé ne sort pas sa jolie frimousse xD.

Je remplace le Jv et je vous dit ce qu'il en est.

*EDIT*: J'ai mis le nouveau JV mais le dégradé n'apparait toujours pas. Pour votre question concernant la classe, je n'ai pas très bien saisi, du moins je ne sais pas où vérifier. Pouvez vous me dire où voir ou quoi vous fournir pour vérification?

[Lixyr]

Hum et bien, pour l'image de fond que vous souhaitez, c'est bien cette partie du CSS ?

div.topictitle strong { display: none; }
.bgAdmin td.row1 {
background-image: url(https://2img.net/r/hpimg15/pics/467454ocre.png) !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgAdmin td.row2 {
background-image: url(https://2img.net/r/hpimg15/pics/467454ocre.png) !important;
background-position: bottom;
background-repeat: repeat-x;
}

Et surtout cette image ?
https://2img.net/r/hpimg15/pics/467454ocre.png
Car si je regarde votre CSS en fait il suit une logique de balises qui n'existe plus dans votre template donc c'est normal que ça ne fonctionne plus.

Code:

 $(function() {
        $('.Admin').closest('tr').addClass('AdministrateurDegrade');
        });

Dans le JS.

Et ensuite, dans le CSS :

Code:

.message .AdministrateurDegrade {
    background-color: transparent !important;
    background-image: url("http://img15.hostingpics.net/pics/467454ocre.png") !important;
}

Et bien entendu ensuite, ne pas oublier de supprimer la couleur de fond des cellules profil et message, qui passent par dessus et cache le fond, donc l'image :

Code:

.message .AdministrateurDegrade td {
    background-color: transparent !important;
}

Si ça ne fonctionne pas c'est que ça vient du JS.

[Pitra]

J'ai mis exactement les codes que vous venez de me fournir mais ça ne fonctionne toujours pas.
Pour le code contenant le lien de l'image, il faut bien la mettre une seule fois? D'après ce que j'avais compris de l'autre tutoriel, il fallait doublé le code pour 'BB2. Mais en même temps ce n'est plus le même code donc les règles ont peut-être changé.

Et aussi, dans mon CSS, le lien de l'image est en rouge, c'est normal? J'ai enlevé les ".." pour voir s'il y aurait changement. C'est bien passé en vert mais le visuel n'est pas apparu donc je les ai remis.

Le problème viendrait donc du JV. Etrange parce que pas plus tard qu'hier nuit, j'ai créer une autre JV qui fonctionne à merveille.

Mais on ne sait jamais... Puis-je fournir quelque chose pour vous aider à y voir plus claire?

[mariok13]

bonsoir

question bete dans le javascript de votre dégradé il est positionné sur tous les sujets ?

[Lixyr]

Ah oui, il faudrait corriger la bourde que j'ai fait, dans le CSS...

Ce n'est pas

.message .AdministrateurDegrade{

mais

.messages .AdministrateurDegrade{

Donc

Code:

.messages .AdministrateurDegrade {

et

Code:

.messages .AdministrateurDegrade td {

Avec ça je devrais pouvoir avoir un visuel (il faudrait laisser ce code dans le CSS que je puisse tester).

[Pitra]

Yihaaa!!! Il est réapparu!! J'arrive pas à croire qu'il soit resté caché juste à cause d'un "s".
MAIS il se répète dans les posts plus longs (confère notre sujet de test). Pourrait on le voir apparaitre normalement dans les longs posts?

Bonsoir mariok13,
Votre question n'est pas bête du tout, question de code il faut être prudent sur tout.
So, non, il est positionné sur "Sur les sujets".

[Lixyr]

Oui après il suffit de configurer le CSS. (ah ! ah ! donc pas d'erreur JS mais bel et bien une boulette de ma part...)

Code:

.messages .AdministrateurDegrade {
    background-color: #f7eee4 !important;
    background-image: url("http://img15.hostingpics.net/pics/467454ocre.png") !important;
    background-position: 0 100%;
    background-repeat: repeat-x;
}

[Pitra]

Et donc et donc, j'ai l'immense bonheur de vous annoncer que vous êtes venus à bout d'un problème!!
Il s'affiche, il est parfait, nickel!! (Et j'espère de tout mon coeur qu'il le restera xD)
Merci infiniment!!

EDIT: après un dernier contrôle tout est vraiment parfait. Je mets donc le sujet en