Hello :)
On a un souci avec ce codage : https://www.never-utopia.com/t65864-un-seul-compte-plusieurs-personnages-choix-deroulant-2-versions?highlight=personnages
On l'utilise depuis un sacré moment et ça fonctionnait bien. Mais depuis que nous avons changé la mise en forme pour l'apparence des sujets, les vavas des pnjs et leurs rangs n'apparaissent plus. Exemple sur ce sujet, le dernier post, où l'avatar du personnage joué ne passe plus : https://coeur-et-force.forumactif.com/t2612-paquet-imprevu#41376
Nous avons :
- Modifié le CSS et la template viewbody, d'abord pour changer la mise en forme, ensuite pour modifier ce qui est demandé dans le tuto ci-dessous%
- Le java installé et la clé de la google sheet n'ont pas bougé.
- Le sélecteur de personnage apparaît bien mais le message, lui, ne montre donc pas les avatars-noms des personnes sélectionnés.
La template :
Le CSS :
Merci d'avance à ceux-celles qui pourront jeter un oeil
A ++
On a un souci avec ce codage : https://www.never-utopia.com/t65864-un-seul-compte-plusieurs-personnages-choix-deroulant-2-versions?highlight=personnages
On l'utilise depuis un sacré moment et ça fonctionnait bien. Mais depuis que nous avons changé la mise en forme pour l'apparence des sujets, les vavas des pnjs et leurs rangs n'apparaissent plus. Exemple sur ce sujet, le dernier post, où l'avatar du personnage joué ne passe plus : https://coeur-et-force.forumactif.com/t2612-paquet-imprevu#41376
Nous avons :
- Modifié le CSS et la template viewbody, d'abord pour changer la mise en forme, ensuite pour modifier ce qui est demandé dans le tuto ci-dessous%
- Le java installé et la clé de la google sheet n'ont pas bougé.
- Le sélecteur de personnage apparaît bien mais le message, lui, ne montre donc pas les avatars-noms des personnes sélectionnés.
La template :
- Spoiler:
- 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="max-width:950px;">
<tr><td align="left" {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" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>
<td align="right" valign="middle"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><span class="gensmall">{S_WATCH_TOPIC}</span><!-- END watchtopic --><!-- END switch_user_logged_in --></td></tr>
<tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}</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 style="margin-right:5px;" href="#bottom">{L_GOTO_DOWN}</a></span></td></tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width:950px;">
<!-- BEGIN topicpagination -->
<tr><td class="pagination" 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}" align="center">{postrow.hidden.MESSAGE}</td></tr>
<!-- END hidden -->
<!-- BEGIN displayed -->
<tr><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 class="multi_post post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td valign="top" class="topPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="triPOST"><div style="display:none;"><span class="multi_pseudo">{postrow.displayed.POSTER_NAME}</span></div></div><div class="avaPOST"><span class="multi_avatar">{postrow.displayed.POSTER_AVATAR}</span></div><div class="boxPOST"><div class="namePOST"><strong><span class="multi_pseudo">{postrow.displayed.POSTER_NAME}</span></strong></div><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><div class="rankPOST"><span class="multi_rang">{postrow.displayed.POSTER_RANK}</span></div><div class="abtPOST"><!-- BEGIN profile_field --><div class="infoPOST"><div style="display:none;"><span class="multi_pseudo">{postrow.displayed.POSTER_NAME}</span></div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div></td></tr>
<tr><td valign="top" width="100%">
<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><td class="datePOST"><div style="display:none;"><span class="multi_pseudo">{postrow.displayed.POSTER_NAME}</span></div><div style="display:inline-block; vertical-align:middle; width:40%;"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" /> {postrow.displayed.POST_DATE}</div><div class="toolsPOST" style="display:inline-block; vertical-align:middle; width:60%; text-align:right;">{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}</div></td></tr>
<script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.datePOST').css("background-color", color);});});</script><script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.triPOST').css("border-top-color", color);});});</script><script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.infoPOST').css("border-bottom-color", color);});});</script>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center"><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" style="max-width:950px;">
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td colspan="3" height="28"><span class="genmed">{no_post.L_NO_POST}</span></td>
</tr>
<!-- END no_post -->
</table>
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width:950px;">
<tr>
<td valign="top" {COLSPAN_PAGINATION}><span class="gensmall">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
</table>
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
<tr>
<td class="clearfix">
<table>
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo"><img src="{RULE_IMG_URL}" /></td>
<!-- END switch_forum_rule_image -->
<td class="rules postbody">{RULE_MSG}</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_forum_rules -->
<table class="navPOST" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin-top:5px; max-width:950px;">
<tr><td width="100%"><a href="{U_INDEX}" style="padding-left:5px;">{L_INDEX}</a>{NAV_SEP}<a href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</td></tr>
</table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" style="margin-top:5px; max-width:950px;" border="0" cellspacing="0" cellpadding="0" align="center">
<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" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel -->
<td align="center"><span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span></td>
<td align="center" width="250"><span class="gensmall"> </span></td>
<!-- END moderation_panel -->
</tr>
</table>
</form>
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width:950px;">
<tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
<form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td></tr>
</table>
<!-- END viewtopic_bottom -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width:950px;">
<tr><td 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>
Le CSS :
- Spoiler:
- Code:
/*********************************** Début des éléments généraux ***********************************/
body
{
background-image: url(https://i.servimg.com/u/f36/19/89/23/27/header11.jpg);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
background-color: #2d2b2c;
background-attachment: scroll;
}
#page-body
{
width:900px;
margin:auto;
text-align:justify;
}
#i_logo {margin-top:45px;}
.chatbox_row_1, .chatbox_row_2 {
font-size:16px !important;
}
/*Liens*/
a:hover{
text-decoration: none !important;}
a {
text-decoration: none !important;}
a:link {
text-decoration: none;}
a:visited {
text-decoration: none;}
#submit_button {
color: #000;
}
/*Bloc pour choisir le personnage*/
.choisirmulticomptebloc {
margin: 5px auto;
}
/*Le texte avant la balise select*/
.choisirmulticomptebloc > span {
font-size: 12px;
}
/*La balise select pour choisir le personnage*/
#selectmulticompte {
}
/*********************************** Fin des éléments généraux ***********************************/
/*********************************** Début liste des sujets ***********************************/
/* BLOC SUJET */
.SBJ {
width:900px; margin:10px auto 0; font-family:Mirza;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:45px;
}
/* BLOC ICÔNES / VUES & REPONSES SUJET */
#ivrSBJ {
display:inline-block; vertical-align:top;
width:75px; height:90px;
}
.ivrSBJ {
position:relative;
width:75px; height:90px; overflow:hidden;
}
/* ICÔNES SUJET */
.imgSBJ {
width:75px; height:90px;
}
/* VUES SUJET */
.vuesSBJ {
position:absolute; z-index:2; margin-top:-200px;
width:75px; height:30px; padding-top:15px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.SBJ:hover .vuesSBJ {
margin-top:-90px; opacity:1;
}
/* REPONSES SUJET */
.repSBJ {
position:absolute; z-index:2; margin-top:0px;
width:75px; height:30px; padding-top:15px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:12px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.SBJ:hover .repSBJ {
margin-top:-45px; opacity:1;
}
/* BLOC TITRE / DESCRIPTION / AUTEUR SUJET */
.tleSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:405px; height:75px; padding:15px 5px 0; overflow:hidden;
background:black; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:none; font-size:17px;
}
/* TITRE SUJET */
.tleSBJ a {
color:#C1BFB7 !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
margin-bottom:2px; font-size:17px;
color:#C1BFB7; /* MODIFIABLE */
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:middle; font-size:17px;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; margin-left:5px; font-size:9px;
color:#C1BFB7; /* MODIFIABLE */
}
.gotoSBJ a {
color:#C1BFB7 !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top;
width:400px; height:75px; padding:15px 0 0; overflow:hidden;
background:#242424; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:none;
}
/* AUTEUR DERNIER MESSAGE SUJET */
.lmsgSBJ .gensmall {
font-size:15px;
}
/*********************************** Fin liste des sujets ***********************************/
/*********************************** Début QEEL ***********************************/
.QEEL {
margin:auto; width:900px;
font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:555px; height:35px; padding-top:15px;
background:#222222; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
padding-left:25px;
text-transform:none; text-align:center; font-size:16px;
color:white; /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triTQEEL {
position:absolute; margin-top:-60px; margin-left:555px;
width:0; height:0; border-style:solid; border-width:50px 15px 0 0; border-color:transparent;
border-top-color:#222222; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:345px; height:35px; padding-top:15px; overflow:hidden;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:345px; height:175px; text-align:center;
background:#403e3f; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; margin:15px 10px;
width:110px; padding:15px;
text-align:center; text-transform:none; font-size:14px;
background:#6b696a; color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; margin:15px 10px;
width:110px; padding:15px;
text-align:center; text-transform:none; font-size:14px;
background:#6b696a; color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin:auto;
width:290px; height:50px; padding:5px; overflow:auto;
border:1px solid; text-align:justify;
border-color:#a6a1a3; /* MODIFIABLE */
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
font-size:11px; color:white; /* MODIFIABLE */
}
/* TRIANGLE STATISTIQUES QEEL */
.triQEEL {
position:absolute; margin-top:-175px; margin-left:345px;
width:0; height:0; border-style:solid; border-width:175px 15px 0 0; border-color:transparent;
border-top-color:#403e3f; /* MODIFIABLE */
}
/* EN LIGNE & 24H QEEL */
.boxQEEL {
display:inline-block; vertical-align:top;
width:555px; height:160px; padding-top:15px; text-align:left;
background:#3e3e3e; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:0 15px;
width:220px; height:135px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-family:Mirza; font-size:16px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top;
width:270px; height:135px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:16px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:10px;
width:900px; padding:5px 0; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:none;
}
/* GROUPES QEEL */
.GQEEL a{
font-size:15px; /* MODIFIABLE */
}
/*********************************** Fin QEEL ***********************************/
/*********************************** Début Profil ***********************************/
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:none; text-align:left;
background:#c0bfd9; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:#000; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:130px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:12px; text-align:center;
background:#D8D8D8; color:#000; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:43px; padding:5px;
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; width:590px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:75px; height:27px; padding-top:13px;
text-transform:none; text-align:center; font-size:12px;
background:#D8D8D8; color:#000 !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:27px; padding-top:13px;
text-transform:none; text-align:center; font-size:12px;
background:#D8D8D8; color:#000 !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:top;
width:400px; height:27px; padding-top:13px;
text-align:center; font-size:12px;
background:#D8D8D8; color:#000; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:none; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;
width:460px; height:250px; padding:10px; overflow:auto; font-size:14px;
background:#403E3F; color:#fff; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:none; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px;
width:100px; height:255px; padding-top:15px; text-align:center;
background:#D8D8D8; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px; max-width:80px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#D8D8D8; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:none; color:#000; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}
/*********************************** Fin Profil ***********************************/
/*********************************** Début de Navigation ***********************************/
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:#000; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:3px solid;
border-color:#122842; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:17px; font-family:Mirza; /* MODIFIABLE */
color:white; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:none; font-size:17px; font-family:Mirza; /* MODIFIABLE */
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:17px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}
/*********************************** Fin de Navigation ***********************************/
/*********************************** Début des Catégories ***********************************/
/* LIENS AVANT CATEGORIES */
.categories_links {
width: 800px;
margin: auto;
text-align: center;
}
.categories_links a {
color: #B5B5B5;
font-family: Mirza;
text-align: center;
text-transform: none;
font-weight: none;
font-size: 15px;
margin: 0 1%;
}
.categories_links a:hover {
color: #fff;
}
.racoon_cate {
margin: 0 2%;
}
/* CATEGORIES */
.categories_racoon {
background: transparent;
width: 800px;
margin: auto;
border-bottom: 5px solid #26387a;
border-radius: 10px 10px 0 0;
margin: 2% auto;
font-family: Kalam;
color: #d6d4bf;
}
/* TITRE */
.categories_header {
background-image: url(https://www.zupimages.net/up/23/32/odq0.jpg);
border-radius: 10px 10px 0 0;
}
.categories_header h2 {
background: transparent;
display: inline-block;
padding: .5%;
color: #fff;
text-transform: none;
text-align: center;
font-size: 20px;
font-weight: normal;
letter-spacing: 5px;
margin: 1.5%;
}
/* FORUM */
.forum_racoon {
background: #212221;
border: 1px solid #000;
width: 98%;
margin: 2% auto;
font-size: 14px;
letter-spacing: 2px;
padding: 2% 1%;
box-sizing: border-box;
}
.forum_stats, .contenu_forum, .sous_forum {
float: left;
}
.statut_forum, .dernier_message, .avatar_dernier {
float: right;
}
.forum_racoon::after {
clear: both;
display: block;
content: "";
}
/* Statistiques */
.forum_stats {
width: 6%;
}
.forum_stats span {
background-image: url(https://www.zupimages.net/up/23/32/odq0.jpg);
padding: 25% 0;
display: block;
text-align: center;
margin: 0 0 10%;
text-transform: none;
font-size: 9px;
}
/* Nom forum et description */
.contenu_forum {
width: 35%;
margin: 0 .5%;
border-right: 2px solid #be95c2;
}
a.forumlink {
color: #fff !important;
text-transform:none;
font-weight: normal;
text-align: center;
display: block;
font-size: 14px;
}
.description_forum {
width: 98%;
height: 76px;
overflow: auto;
text-align: justify;
line-height: 1.5;
margin: 1%;
box-sizing: border-box;
font-size: 14px;
color: #E6E6E6;
font-family: Mirza;
}
/* SOUS FORUM */
.sous_forum {
text-align: center;
width: 20%;
height: 104px;
overflow: auto;
}
.sous_forum a {
display: block;
background: #222222;
margin: 3% 0;
padding: 1%;
box-sizing: border-box;
text-transform: none;
font-size: 14px;
font-family: Mirza;
}
.sous_forum a:hover {
background: #222222;
color: #ffff;
}
/* Avatar */
.avatar_dernier img {
width: 100px;
height: 100px;
border-radius: 100px;
position: relative;
object-fit: cover;
margin: 1% 5% 1% 0;
}
/* Dernier message */
.dernier_message {
background-image: url(https://www.zupimages.net/up/23/32/odq0.jpg);
box-sizing: border-box;
padding: 3.3% 2% 3.3% 8%;
width: 27.5%;
text-align: center;
margin: 0 0 0 -6.5%;
height: 100px;
border-radius: 0 25px 25px 0;
font-size: 12px;
font-family: Mirza;
}
.dernier_message a {
color: #fff;
font-size: 12px;
}
/* Statut forum */
.statut_forum {
margin: 1.8% 0 1.8% .5%;
}
/*********************************** Fin des Catégories ***********************************/
/*********************************** Début de la liste des Membres ***********************************/
#LMBER {
margin:auto; width:800px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:755px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:245px; height:125px; overflow:hidden;
}
/* BLOC NOMBRE MESSAGES / INSCRIPTION / DERNIERE VISITE */
.boxLMBER {
width:225px; height:80px; padding:10px 10px 0;
font-family:Arial; text-align:center; text-transform:none; line-height:14px;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DATE INSCRIPTION */
.joinLMBER{
margin-top:5px; width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* AVATAR */
.imgLMBER {
position:absolute; margin-left:160px;
width:65px; height:105px; overflow:hidden;
}
.imgLMBER img{
width:66px;
}
/* BLOC IMAGES MP & WWW */
.btnLMBER {
position:absolute; z-index:3; margin-left:160px;
width:65px; height:75px; padding-top:30px;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.btnLMBER:hover {
opacity:1;
}
.btnLMBER img{
max-width:55px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
.btnLMBER a {
display:block; margin-bottom:5px;
}
/* TRIANGLE PSEUDONYME */
.triLMBER {
position:absolute; margin-left:10px;
width:0; height:0; border-style:solid; border-width:0 7.5px 13.0px 7.5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* BLOC PSEUDONYME */
.nameLMBER{
margin-top:10px; width:235px; padding:5px 0 5px 10px;
text-align:left; text-transform:none; font-family:Arial; font-size:12px;
background:black; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME */
.nameLMBER span strong{
color:white; /* MODIFIABLE */
}
/*********************************** Fin de la liste des Membres ***********************************/
/*********************************** Début Apparence message ***********************************/
/* TITRE SUJET */
#tlePOST {
margin:5px auto 0; padding:10px 15px 10px 0;
background:#263878; color:#FFF; /* MODIFIABLE */
text-align:right; font-size:25px; text-transform:none; font-family:Kalam;
}
/* NAVIGATION SUJET */
.navPOST {
display:block; margin-bottom:5px; padding:2px 0;
background:#a3a3a3; color:black; /* MODIFIABLE */
text-align:right; font-size:15px; text-transform:none; font-family:Mirza;
}
/* LIENS NAVIGATION SUJET */
.navPOST a {
font-size:15px; text-transform:none; font-weight:bold; font-family:Mirza;
color:black; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.topPOST {
padding-bottom:15px;
text-align:center; font-family:Kalam;
background:#6E6E6E; /* MODIFIABLE */
}
/* TRIANGLE COULEUR GROUPE */
.triPOST {
float:left; width:0; height:0; border-style:solid; border-width:100px 785px 0 0; border-color:transparent;
border-top-color:grey; /* MODIFIABLE - COULEUR DES INVITES */
}
/* AVATAR */
.avaPOST {
display:inline-block; vertical-align:top; margin:-75px 1.5% 0 0;
}
/* BLOC PSEUDONYME / IMAGES CONTACT / RANG / INFORMATIONS JOUEUR */
.boxPOST {
display:inline-block; vertical-align:top;
width:70%; text-align:right;
}
/* PSEUDONYME */
.namePOST {
font-size:42px; text-transform:none; letter-spacing:3px; line-height:42px;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:50%; text-align:left;
}
.ktactPOST img {
max-height:25px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; margin-right:1%; width:49%;
text-align:right; font-size:15px; text-transform:none;
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
display:block; text-align:left;
}
/* INFORMATIONS JOUEUR */
.infoPOST {
margin:2px 0; padding:2px 0 1px; border-bottom:1px solid;
text-align:left; font-size:15px;
border-bottom-color:white; color:white; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.infoPOST span {
text-transform:none; font-weight:bold; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin-top:5px; width:97%;
text-align:left; font-size:15px;
color:white; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* APPARENCE MESSAGE */
div.postbody {
padding-left: 40px;
padding-right: 40px;
background:#a3a3a3; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* DATE SUJET & CITER / EDITER / SUPPRIMER / IP */
.datePOST {
padding:5px 10px; font-size:14px; text-transform:none;
background:#2E2C2D; color:white; /* MODIFIABLE - COULEUR DES INVITES */
}
/*********************************** Fin Apparence message ***********************************/
/* FICHE DE PRESENTATION */
.SET {
box-shadow:0px 0px 5px rgba(0,0,0,0.2); background:grey;
border-color:#191919 !important; /* BANDE BAS */
}
/* NOM PRENOM(S) */
.npSET div {
background:#191919; color:white; text-shadow:0px 1px 2px rgba(255,255,255,0.5);
}
/* INFORMATIONS */
.abtSET div {
background:rgba(255,255,255,0.9); color:black;
}
/* TITRES CARACTERE & PHYSIQUE */
.tSET {
background:#191919; color:white;
}
/* CARACTERE */
.caraSET {
border-color:#191919 !important; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);
background:rgba(250,250,250,0.3); color:black;
}
/* PHYSIQUE */
.phyzSET {
border-color:#191919 !important; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);
background:rgba(250,250,250,0.3); color:black;
}
/* TITRES HISTOIRE & PRESENTATION JOUEUR */
.tIISET {
background:#191919; color:white;
}
/* HISTOIRE */
.storySET {
background:rgba(0,0,0,0.3); color:white;
}
/* PRESENTATION JOUEUR */
.USET {
background:rgba(0,0,0,0.3); color:white;
}
/* CREDIT */
.cdtSET a {
color:#CCC !important;
}
/*********************************** Fin Fiche de présentation ***********************************/
/* BOTTIN AVATARS */
/* BANDEROLE : A C E G I K M O Q S U W Y */
.LTRS {
background:grey; color:white;
}
/* BANDEROLE : B D F H J L N P R T V X Z */
.IIND {
background:#191919; color:white;
}
/* BORDURE : A C E G I K M O Q S U W Y */
.LTI div {
border-color:grey;
}
/* LETTRE : A C E G I K M O Q S U W Y */
.LTI a {
background:grey; color:white;
}
/* BORDURE : A C E G I K M O Q S U W Y */
.LTII div {
border-color:#191919;
}
/* LETTRE : B D F H J L N P R T V X Z */
.LTII a {
background:#191919; color:white;
}
/*********************************** Fin Bottin ***********************************/
Merci d'avance à ceux-celles qui pourront jeter un oeil
A ++
