Le dégradé n’apparaît pas si le membre est connecté

[serge4789]

Rappel du premier message :

Bonjour,

Je souhaiterais savoir comment corriger le dégradé apparaissant sur les messages que poste les membres du staff de notre forum (administrateurs et modérateurs).

Le problème rencontré est que quand le membre est connecté, le dégradé ne s’affiche pas sur ses messages. Par contre quand il est déconnecté, aucun problème.

Exemple ici même :
http://lapince.forumotion.com/t193-une-fin-du-monde-en-2012

Pourriez-vous m’aider à corriger le problème s’il vous plait ?

Merci d’avance.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne après-midi.

[serge4789]

Bonjour et merci de m’avoir répondu,

Coucou Serge !

Je te propose de tout recommencer, histoire d'enlever le soucis et de rendre fonctionnel le script correctement, grâce à ce tutoriel:

https://forum.forumactif.com/t334565-fond-de-message-different-pour-le-staff-degrade

Nous venons de ressayer et tout fonctionne avec le tutoriel. Cependant, le dégradé n’apparaît pas si le membre est connecté.

Il y a toujours ce souci là.

D’avance merci pour ton aide.

Reçois par ailleurs mes sentiments respectueux.

Au revoir et bonne journée.

[Psyaliah]

Juste par hasard, avez vous l'image "en ligne" en bandeau diagonal sur votre forum ?

Ca peut peut-être venir de ça, tenter de changer l'image si vous avez celle ci, pour voir si cela fonctionne

[serge4789]

Bonsoir et merci de m’avoir répondu,

Juste par hasard, avez vous l'image "en ligne" en bandeau diagonal sur votre forum ?

Ca peut peut-être venir de ça, tenter de changer l'image si vous avez celle ci, pour voir si cela fonctionne

Oui exact. Pourtant sur ce forum, ça fonctionne sans problème.

Comment faire pour que cela fonctionne également sur mon forum ?

D’avance merci pour votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne soirée.

[Psyaliah]

Ils sont magiciens sur ce forum... c'est une bonne question d'ailleurs ..
Mais d'après ce que je vois, sur le FdF l'image du "En ligne" à été placée sur la partie profil, donc pas en fond, après je ne saurais comment faire.
Il faut attribuer une class puis utiliser du javascript, et dans ce cas précis, je n'ai aucune idée de la solution.

Le plus simple reste de faire une image personnalisé et qu'elle soit affiché en ligne avec tout les petits boutons ^^

[serge4789]

Bonjour et merci de m’avoir répondu,

Ils sont magiciens sur ce forum... c'est une bonne question d'ailleurs ..
Mais d'après ce que je vois, sur le FdF l'image du "En ligne" à été placée sur la partie profil, donc pas en fond, après je ne saurais comment faire.

Ah d’accord. Je ne savais pas.

Il faut attribuer une class puis utiliser du javascript, et dans ce cas précis, je n'ai aucune idée de la solution.

Ok. Je vais donc attendre la réponse d’une personne d'un membre du staff qualifiée afin que l’on puisse m’apporter une solution.
n
Merci à vous Psyaliah

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne après-midi à vous.

[serge4789]

UP

[Invité]

Bonjour,
Voici un code css pour mettre le en ligne :

Spoiler:

Merci

[serge4789]

Bonsoir et merci de m’avoir répondu,

Bonjour,
Voici un code css pour mettre le en ligne :

Spoiler:

Merci

Je viens d’essayer en mettant le code mais cela ne change rien. L’image connectée, en elle-même, apparaît bien, mais le dégradé quant à lui, n’apparaît pas si le membre est connecté.

J’attends l’aide d’une personne du staff plus expérimentée dans ce domaine.

D’avance merci pour vos réponses et votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne soirée.

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[Threax]

Bonjour,

Remplacez :

Code:

div .AdministrateurDegrade {
  background-image: url("lien_du_degradé");


par :

Code:

div .AdministrateurDegrade {
  background-image: url("lien_du_degradé") !important;


Et ajoutez :

Code:

.online .postprofile {
    background-image: url("http://2img.net/i/fa/prosilver/icon_user_online.png");
    background-repeat: no-repeat ;
    background-position: right top;
}

à votre CSS

[serge4789]

Bonjour Threax et merci de m’avoir répondu,

Je viens d’essayer mais cela ne résout toujours pas le problème. Le dégradé disparait si le membre est connecté.

Si cela peut éventuellement vous aider à résoudre mon problème, voici le contenu de ma feuille de style CSS :

Code:

#wrap #page-header .navbar {background:#fff;}
ul.navlinks{border-bottom-color: #0372BE;}
ul.navlinks span.new-message {
color: #D01141;
padding-right: 2em;
background: transparent url('http://2img.net/i/fa/email.gif') no-repeat top right;
}
a.forumtitle {
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

.redim{table-layout:fixed;}.redim img {width:100%;}


.tr- {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  background: url(http://bit.ly/acLmW9);
    font-weight: bold;
    margin: 10px auto auto;
    padding: 5px;
    width: 90%;
  border-width: 1px;
  border-style: solid;
}

.tr-.modos {
    -moz-box-shadow: 1px 1px 10px #7BB92B;
    -webkit-box-shadow:  1px 1px 10px #7BB92B;
    box-shadow:  1px 1px 10px #7BB92B;
    border-color: #7BB92B;
    color: #7BB92B;
}


.tr-.admin {
    -moz-box-shadow: 1px 1px 10px #CA0A0A;
    -webkit-box-shadow:  1px 1px 10px #CA0A0A;
    box-shadow:  1px 1px 10px #CA0A0A;
    border-color: #CA0A0A;
    color: #CA0A0A;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* Début - Styles pour la colorisation des codes */.str {color:#080;} .kwd {color:#008;} .com {color:#800;} .typ {color:#606;} .lit {color:#066;} .pun {color:#660;} .pln {color:#000;} .tag {color:#008;} .atn { color:#606;} .atv {color:#080;} .dec {color:#606;} pre.prettyprint {padding:2px;} ol.linenums {margin-top:0;margin-bottom:0;} @media print {  .str {color:#060;}  .kwd {        color:#006;        font-weight:bold;}  .com {        color:#600;    font-style:italic;  }  .typ {    color:#404;    font-weight:bold;  }  .lit {color:#044;}  .pun {color:#440;}          .pln {color:#000;}  .tag {    color:#006;    font-weight:bold;  }  .atn {color:#404;}        .atv {color: #060;}} ol.linenums:hover {list-style-type:none} dl.codebox{  border-left: 5px solid #cecece;  word-wrap: break-word;} dl.codebox dt{  font-size:12px;  color:#06f;} .linenums li{  background-color:#fff;  border-left: 3px solid #a9eafe;  padding: 5px;}  /* Fin - Styles pour la colorisation des codes */

.row2 .postprofile {    background-color: #ECF3F7;} .row1 .postprofile {    background-color: #E1EBF2;} .postprofile {    border-radius: 10px 10px 10px 10px;    border: medium none ! important;    padding: 5px;} .online .postprofile {    background-image: url("http://2img.net/i/fa/prosilver/icon_user_online.png");    background-repeat: no-repeat;    background-position: right top;} .post.online {    background-image: none !important;} .postbody ul.profile-icons {    margin-right: 15px;}

 .sharing-cl{overflow:hidden;margin:-20px 0 0 0;padding:0;list-style:none;width:530px;}.sharing-cl a{overflow:hidden;width:75px;height:20px;float:left;margin-right:5px;text-indent:-200px;background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;}a.sh-su{background-position:-210px -40px;}a.sh-feed{background-position:-70px -40px;}a.sh-tweet{background-position:-140px -40px;}a.sh-mail{background-position:0 -40px;}a.sh-digg{background-position:-280px -40px;}a.sh-face{margin-right:0;background-position:-350px -40px;}a.sh-mail:hover{background-position:0 1px;}a.sh-feed:hover{background-position:-70px 1px;}a.sh-tweet:hover{background-position:-140px 1px;}a.sh-su:hover{background-position:-210px 1px;}.sh-digg:hover{background-position:-280px 1px;}a.sh-face:hover{background-position:-350px 1px;}#text{margin-top:5px;font-weight:bold;font-family:helvetica,arial,sans-serif;}#text a{text-indent:0;height:auto;text-align:center;font-size:11px;padding-top:35px;color:#999;text-decoration:none;}

div .AdministrateurDegrade {
  background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
  background-position: bottom right;
}

.online .postprofile {
    background-image: url("http://2img.net/i/fa/prosilver/icon_user_online.png");
    background-repeat: no-repeat ;
    background-position: right top;
}

D’avance merci pour votre réponse.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne après-midi à vous.

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[Invité]

Bonsoir, j'ai essayer de reproduire votre problème, et en effet dans votre feuille de style il y a ceci :

Code:

.post.online {    background-image: none !important;}

En supprimant ce petit bout de code, ça vous donne une solution ?
Je ne garanti rien.
Cordialement.

[serge4789]

Bonsoir et merci de m’avoir répondu rapidement,

Bonsoir, j'ai essayer de reproduire votre problème, et en effet dans votre feuille de style il y a ceci :

Code:

.post.online {    background-image: none !important;}

En supprimant ce petit bout de code, ça vous donne une solution ?
Je ne garanti rien.
Cordialement.

Je préfère avoir l’aide de Therex (rapidement de préférence car cela fait déjà plusieurs semaines que ce topic est commencé alors j’aimerais bien que ce sujet se résolve rapidement) qui est plus expérimenté dans ce domaine.

D’avance merci pour vos réponses et votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne soirée.

[Threax]

Bonsoir,

La solution proposée me semble être la bonne.

[serge4789]

Bonjour et merci de m’avoir répondu,

Bonsoir, j'ai essayer de reproduire votre problème, et en effet dans votre feuille de style il y a ceci :

Code:

.post.online {    background-image: none !important;}

En supprimant ce petit bout de code, ça vous donne une solution ?
Je ne garanti rien.
Cordialement.

En effet ça fonctionne enfin.

Merci infiniment pour votre aide.

Bonsoir,

La solution proposée me semble être la bonne.

Effectivement.

Merci également à vous Therex.

Sujet résolu à archiver.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne journée.