Problême de couleur des groupes
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problême de couleur des groupes
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
- Vue du compte admin et Modo :
Vue du compte membre :
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le départ
Lien du forum : https://zenithlointain.forumsrpg.com/
Description du problème
Bonjour tout le monde,Je viens vous demander vos lumières quant à un soucis que je ne parviens pas à localiser. A tous les coups, c'est trois fois rien, mais je sèche.
Le code de l'apparence des messages du forum fait que la couleur du groupe d'un membre s'affiche derrière son pseudo. Cela fonctionne parfaitement avec mon compte fonda et modo mais une fois en "membre", plus aucune couleur s'affiche.
Y'a t'il un soucis de permissions qui m'échappe quelque part ?
Auriez-vous une idée ?
Dernière édition par Tankred le Lun 25 Avr 2022 - 19:12, édité 1 fois
Re: Problême de couleur des groupes
Bonjour !
Pourriez-vous fournir le code en question, nous dire où il se trouve, comment il est configuré (sur toutes les pages, juste les sujets, etc.) ?
En tant qu'invité, je n'arrive pas non plus à voir la couleur, ni le script correspondant.
Pourriez-vous fournir le code en question, nous dire où il se trouve, comment il est configuré (sur toutes les pages, juste les sujets, etc.) ?
En tant qu'invité, je n'arrive pas non plus à voir la couleur, ni le script correspondant.
Re: Problême de couleur des groupes
Bonjour Toryudo !
Tout se trouve ici, il n'y a pas de JS externe.
Et le CSS qui va avec
Et mes groupes
Tout se trouve ici, il n'y a pas de JS externe.
- viewtopic_body:
- Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
if(typeof(_atc) == "undefined") {
_atc = { };
}
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" style="margin:auto;">
<tr><td align="left" valign="middle" {WIDTH_GALLERY}><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" align="middle" border="0" /></a><!-- END switch_user_authreply --></td>
<td align="right" valign="middle" class="gensmall"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic -->{S_WATCH_TOPIC}<!-- END watchtopic --><!-- END switch_user_logged_in --></td></tr>
<tr><td colspan="2"><div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1></div><span class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span></td></tr>
</table>
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
<!-- BEGIN topicpagination -->
<tr><td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr>
<!-- END topicpagination -->
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<tr><td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td></tr>
<!-- END hidden -->
<!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td><!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active --><div style="height:5px;"></div>
</td></tr>
<tr>
<td valign="top"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div><div id="namePOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div><div class="datePOST"><span style="display:inline-block; vertical-align:middle; width:55%;">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</span><span style="display:inline-block; vertical-align:middle; width:45%; text-align:right;">{postrow.displayed.POST_DATE}</span></div><div class="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --><div {postrow.displayed.AWARDS_SHOW} class="award_PFIL {postrow.displayed.PROFILE_POSITION}">{postrow.displayed.AWARDS}</div>
<div class="award_more"></div>
<br></div></div><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
</td></tr>
<tr><td><div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<!-- BEGIN switch_signature -->
<div class="signPOST">{postrow.displayed.SIGNATURE}</div>
<!-- END switch_signature -->
</div>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" style="padding-bottom:2px;"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center"><td><span class="genmed">{no_post.L_NO_POST}</span></td></tr>
<!-- END no_post -->
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
</table>
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span></td>
<td align="right" valign="top" {COLSPAN_PAGINATION}><span class="gensmall" style="color: #00ffff;">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
<script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('#namePOST').css("background-color", color);});});</script>
</tr>
</table>
<!-- END viewtopic_bottom -->
<table class="forumline noprint" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2" align="center" style="padding:0px;">
<!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}<!-- END switch_user_logged_in -->
</td></tr>
</table>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Et le CSS qui va avec
- Spoiler:
- Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto 0; padding:10px 0;
background:black; /* MODIFIABLE */
background-image: url(https://i.imgur.com/4g34eQV.jpg);
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; padding-left:15px;
text-align:left; font-size:20px;
color:#fff; /* MODIFIABLE */
font-family: "Quicksand", sans-serif;
}
/* NAVIGATION SUJET */
.navPOST {
display:block; margin-bottom:5px; padding:2px 0; padding-left:10px;
background:#0b3b4e; color:black; /* MODIFIABLE */
text-align:left; font-size:10px; text-transform:uppercase; font-family:Arial;
}
.navPOST a {
color: #aebdc9;
}
/* BLOC AVATAR */
.avaPOST {
position:absolute; margin-left:25px;
width:200px; height:320px;
}
/* AVATAR */
.avaPOST img {
width:200px; height:320px;
}
/* FEUILLE DE PERSONNAGE */
.avaPOST div {
position:absolute; z-index:2; margin-top:-310px; margin-left:10px;
width:170px; height:290px; padding:5px; overflow-y:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.avaPOST div br:nth-of-type(1) {
display:none;
}
.avaPOST:hover div {
transform:scale(1); -webkit-transform:scale(1);
}
/* BLOC PSEUDONYME & RANG */
#namePOST {
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.namePOST {
height:25px; padding:15px 0; padding-left:245px;
text-align:right; text-transform:uppercase; font-size:20px; font-family:Arial; line-height:25px;
}
.namePOST a {
margin-right:15px;
}
/* PSEUDONYME */
.namePOST a strong {
color:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
height:15px; padding:5px 10px 5px 245px;
text-align:right; text-transform:uppercase; font-size:10px; font-family:Arial; line-height:15px;
background:rgba(255,255,255,0.7); color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin:5px auto;
height:15px; padding:5px 10px 5px 245px;
font-size:10px; font-family:Arial;
background:#006366; color:#d4d4d9; /* MODIFIABLE */
}
.datePOST img {
max-height:15px;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin-top:5px;
height:185px; padding:10px 10px 10px 245px; overflow-y:auto;
font-size:11px; font-family:Arial;
background:rgba(255,255,255,0.8); color:#aebdc9; /* MODIFIABLE */
background-image: url(https://i.imgur.com/UXyraGh.jpg);
}
.abtPOST img{
max-width:350px;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:5px; text-align:left;
}
/* IMAGE RANG */
.imgrankPOST {
float: left;
position: relative;
z-index: 3;
right: -235px;
top: -318px;
height: 0px;
}
/* APPARENCE MESSAGE */
div.postbody {
margin:5px auto 0; padding:10px;
background:#1c1d33; color:#aebdc9; /* MODIFIABLE */
text-align:justify;
}
.signPOST br:nth-of-type(1) {
display:none;
}
Et mes groupes
- Spoiler:
Re: Problême de couleur des groupes
Ah ! Dans ce cas, tout s'explique : tout ce qui est entre <!-- BEGIN viewtopic_bottom --> et <!-- END viewtopic_bottom --> n'a pas l'air d'être affiché pour les invités (et j'imagine les membres), c'est pour ça que les membres ne reçoivent pas le script, et ne l'exécutent donc pas !
Du coup, il vous suffit juste de déplacer votre script
A la toute fin du Template par exemple, et tout devrait rentrer dans l'ordre !
Du coup, il vous suffit juste de déplacer votre script
- Code:
<script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('#namePOST').css("background-color", color);});});</script>
A la toute fin du Template par exemple, et tout devrait rentrer dans l'ordre !
Re: Problême de couleur des groupes
Toryudo a écrit:Ah ! Dans ce cas, tout s'explique : tout ce qui est entre <!-- BEGIN viewtopic_bottom --> et <!-- END viewtopic_bottom --> n'a pas l'air d'être affiché pour les invités (et j'imagine les membres), c'est pour ça que les membres ne reçoivent pas le script, et ne l'exécutent donc pas !
Du coup, il vous suffit juste de déplacer votre script
- Code:
<script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('#namePOST').css("background-color", color);});});</script>
A la toute fin du Template par exemple, et tout devrait rentrer dans l'ordre !
Genial Toryudo ! ça marche !!
Je n'aurai jamais pensé à ça dis donc.
Merci beaucoup pour ton temps et ton aide, c'est super !
Sujets similaires
» [Problème de Couleur] couleur des groupes sur le forum
» Problème couleur groupes
» Problème couleur des groupes.
» Problème de couleur de groupes.
» problème couleur des groupes
» Problème couleur groupes
» Problème couleur des groupes.
» Problème de couleur de groupes.
» problème couleur des groupes
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum