Code de dégradé pour fond ne fonctionne plus

5 participants

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

Résolu Code de dégradé pour fond ne fonctionne plus

Message par Pitra Ven 30 Oct 2015 - 21:43

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 Very Happy

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é ! Crying or Very sad

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 Embarassed

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é Angel


Dernière édition par I Am LiBeRtY le Dim 8 Nov 2015 - 19:04, édité 1 fois
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Scoubifitz Sam 31 Oct 2015 - 11:25

bonjour,

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

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

Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3679
Inscrit(e) le : 18/03/2008

Voir le profil de l'utilisateur http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Sam 31 Oct 2015 - 14:14

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

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

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Mer 4 Nov 2015 - 17:58

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

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Feuilla' Mer 4 Nov 2015 - 18:22

Bonsoir,
comme Scoubifitz je ne vois pas l'image, le lien renvoie à une erreur 404 :
Code de dégradé pour fond ne fonctionne plus 1318457691563a3e568e08d404notfound

Code de dégradé pour fond ne fonctionne plus 1359071669563a3e565e2bc404notfound_2_
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 !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Voir le profil de l'utilisateur
Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Mer 4 Nov 2015 - 18:37

Bonsoir Feuilla'
Merci pour voter aide Smile

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? Angel
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Feuilla' Mer 4 Nov 2015 - 18:41

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. Wink
Bonne soirée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Voir le profil de l'utilisateur
Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Mer 4 Nov 2015 - 18:51

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 Sad

Grand merci à qui voudra bien m'aider^^
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Feuilla' Mer 4 Nov 2015 - 18:59

Re,
je vais laisser quelqu'un d'autre répondre pour la question du template, ce sera mieux ainsi. Wink
Par contre, qu'avez-vous essayé de faire sur le rang (que l'on puisse voir l'erreur ?) ? Question
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).
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Voir le profil de l'utilisateur
Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Mer 4 Nov 2015 - 19:08

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. scratch
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à^^
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Feuilla' Mer 4 Nov 2015 - 20:05

Re,
je désigne le tutoriel suivant, cité par vous-même dans le premier post : Wink
Tuto 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. Wink
Bonne soirée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Voir le profil de l'utilisateur
Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Ven 6 Nov 2015 - 21:17

UP
Remonte petit sujet cheers

Merci !^^
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Dim 8 Nov 2015 - 17:17

Petit UP! Toujours d'actualité^^

Merci! Smile
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Lixyr Dim 8 Nov 2015 - 17:28

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 ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Code de dégradé pour fond ne fonctionne plus 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Code de dégradé pour fond ne fonctionne plus 3592387030 pour prévenir la modération.

Code de dégradé pour fond ne fonctionne plus Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7005
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Dim 8 Nov 2015 - 17:33

Re,
Je suis on on peut plus ravie de vous retrouver ici très chère Smile
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?
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Lixyr Dim 8 Nov 2015 - 17:55

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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Code de dégradé pour fond ne fonctionne plus 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Code de dégradé pour fond ne fonctionne plus 3592387030 pour prévenir la modération.

Code de dégradé pour fond ne fonctionne plus Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7005
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Dim 8 Nov 2015 - 18:18

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. reflexion

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

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par mariok13 Dim 8 Nov 2015 - 18:25

bonsoir

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

mariok13
****

Messages : 421
Inscrit(e) le : 06/06/2015

Voir le profil de l'utilisateur http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Lixyr Dim 8 Nov 2015 - 18:26

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).


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Code de dégradé pour fond ne fonctionne plus 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Code de dégradé pour fond ne fonctionne plus 3592387030 pour prévenir la modération.

Code de dégradé pour fond ne fonctionne plus Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7005
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Dim 8 Nov 2015 - 18:32

Yihaaa!!! Il est réapparu!! Yahoo 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". Smile
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Lixyr Dim 8 Nov 2015 - 18:42

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;
}


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Code de dégradé pour fond ne fonctionne plus 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Code de dégradé pour fond ne fonctionne plus 3592387030 pour prévenir la modération.

Code de dégradé pour fond ne fonctionne plus Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7005
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code de dégradé pour fond ne fonctionne plus

Message par Pitra Dim 8 Nov 2015 - 18:51

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

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

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

Voir le profil de l'utilisateur http://bimbforum.forumeiros.com
Pitra 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