Enlever le fond du qui est en ligne.

[Glory Night.]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Il a toujours été comme ça
Lien du forum : https://oth-foreverandever.forumsrpg.com

Description du problème

Bonjour à tous

Je me permets de poster un nouveau sujet car je n'ai pas trouvé la réponse à ma question en cherchant sur le forum. Je souhaiterais retirer ce fond gris qui entoure le qui est en ligne du forum, je n'y suis pas arrivée :/
Enorme merci à ceux qui pourront m'aider

Bonne journée

[*Splash*]

Hi,
Vu que ton forum n'est pas accessible il faudrait que tu post ici le codage de ton Qeel, code du template et CSS

[Glory Night.]

Ah oui mince désolée, je vous donne ça :

Template

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
 
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">
 
                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>
 
                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>
 
            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->
 
        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->
 
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>
 
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">
 
                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>
 
                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>
 
            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->
 
        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->
 
<!-- BEGIN disable_viewonline -->
 
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div id="QEEL"><!-- BLOC STATISTIQUES & TITRE --><div class="tleQEEL"><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>Messages</div></div><!-- TITRE --><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<div id="boxQEEL"><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT --><div>Bienvenue à</div><span id="nUSER">{NEWEST_USER} ❞</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div>
 
<!-- DESCRIPTIONS GROUPES --><div class="blocGQEEL"><script type="text/javascript" src="https://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="background:#d95f5f;">Tree Hill</div><!-- CONTENU --> GROUPE TREE HILL - Un jour la mer aura emporté tout le sable, les océans s’assécheront, et le soleil s’éteindra. Mais quand ce jour viendra, je t’aimerai encore. Mon amour sera éternel.
 
Les habitants de ce groupe sont très famille , ils sont bien souvent en couple car pour eux c'est uniquement l'amour qui fait tourner le monde, et sans amour, le bonheur n'a aucun sens. Ce sont des personnes vivantes, énergiques et généreuses, prêtent à donner d'elles-mêmes pour les gens qu'ils aiment voir même de parfait inconnus. Ces personnes croient aux deuxième chances et sont prêtes à laisser le bénéfice du doute a quiconque souhaitera changer. Alors vous êtes amoureux ?.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM DU GROUPE --><div style="background:#4598E0;">Atlanta</div><!-- CONTENU -->GROUPE ATLANTA - Pendant un bref moment, tout était différent... Quelque chose s'était établi, quelque chose de profond, le temps s'est arrêté, le mouvement aussi. On a tous ressentis cette connivence et la vie a repris son cours.
 
Les habitants de ce groupe sont des amoureux de sports, ils le pratiquent ou en ont fais leurs métiers. Tout tourne autour du sport, ils se donnent à fond pour leurs carrières et vivent de leurs passions.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="background:#E6819E;">Los Angeles</div><!-- CONTENU --> GROUPE LOS ANGELES - Tu sais ce que ça fait toi ? D'écouter une chanson tellement souvent que finalement t'as l'impression qu'elle devient la bande originale de ta vie.
 
Les habitants de ce groupe sont des amoureux de la musique, Los Angeles, Boston... Les personnes de ce groupe sont des fans inconditionnels de musiques, ils ont déjà énormément voyager et ils partent souvent en tournée. Qu'ils soient chanteurs ou passionnés, la musique, c'est la vie. D'une rock star au boys band ! À vos chansons.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><div style="background:#6AB34B;">Charlotte</div><!-- CONTENU -->GROUPE CHARLOTTE - Parfois, on dirait que c’était hier, finir le lycée, dire au revoir. Cette impression qu’on à 17 ou 18 ans, que personne dans l’histoire du monde n’a jamais été aussi proche, n’a jamais aimé aussi intensément, ni ri aussi fort, ni a compté autant.
 
Les habitants de ce groupe sont les enfants, les étudiants, encore loin du monde réel. Ils sont prêts à travailler dur pour savoir qui ils sont, pour pouvoir un jour quitter le nid et connaître ce que c'est d'être adulte.
</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><div style="background:#E89251;">Savannah</div><!-- CONTENU --> GROUPE SAVANNAH - La solitude est un sentiment ressenti par tellement de gens, qu’il serait égoïste de le ressentir tout seul.
 
Les habitants de ce groupe préfèrent être seul que mal accompagné.i
Ils ont pas mal d'aventures, mais ne sont pas prêt à ce caser , que ce soit à cause de leur passé ou bien autre chose , être seul avec eux même, c'est ce qu'ils préfèrent.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><div style="background:#B8AAB8;">Honey Groove</div><!-- CONTENU --> GROUPE HONEY GROOVE - J’aurai voulu te garder dans mes bras pour toujours mais l’éternité m’aurait paru trop courte.
 
 
Les Habitants de ce groupe sont les personnes qui sont parties de Tree-Hill, depuis des années. Ils savaient un jour ou l'autre qu'ils finiraient par revenir, car ce n'était pas la vie qu'ils voulaient, trop loin de ce qu'ils connaissaient déjà, trop loin trop longtemps de leurs villes de cœur.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><div style="background:#FFFFFF;">Groupe</div><!-- CONTENU -->.</div>
 
</div></div><div id="ondayQEEL"><!-- EN LIGNE --><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>▼ En ce moment à Tree Hill : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table><br/><!-- 24 H --><table>{L_CONNECTED_MEMBERS}</table></div>
 
<div class="ganvQEEL"><!-- TRAITS COLORES GROUPES --><div class="GQEEL"><!-- TREE HILL --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#D63333;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#4598E0;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#E6819E;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background-color:#6AB34B;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background-color:#E89251;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background-color:#A177A1;"></span>
 
</div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div></div>
 
    <script type="text/javascript">
                //<!--
                        var anc_onglet = 'eins';
                        change_onglet(anc_onglet);
                //-->
                </script>
    </div>
          </td>
          </tr>
        </table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
 
<!-- END switch_legend -->
 
{AUTO_DST}

CSS

Code:

****************** QEEL ******************
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(http://fonts.gstatic.com/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8b3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
 
/* QEEL */
#QEEL {
margin:auto; width:800px; font-family:Verdana;
}
/* BLOC TOTAL MEMBRES & MESSAGES / TITRE QEEL */
.tleQEEL {
width:770px; padding:15px;
font-family:'Poiret One'; background-image:url(https://zupimages.net/up/20/16/viqb.png); box-shadow:inset 0 0 25px rgba(0,0,0,0.1); /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;  
color:;
}  
  
/* BLOC TOTAL MEMBRES & MESSAGES QEEL */
.stsQEEL {
position:absolute;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
width:90px; height:28px; padding:5px;
background:#FAFAFA; color:#423737; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;text-transform: none;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:90px; height:28px; padding:5px;
background: #FAFAFA; color:#423737; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* BLOC DESCRIPTIFS GROUPES / DERNIER UTILISATEUR QEEL */
#boxQEEL {
display:inline-block; vertical-align:top;
width:460px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:220px; height:65px; padding-top:25px;
background: #f1f0f0; color:#423737; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;text-transform: none;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-230px; margin-top:80px;
width:220px; height:52px; padding:33px 0 10px; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:220px; height:165px; padding:10px; overflow:auto;
background-color:#f1f0f0; color:black; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* MEMBRES CONNECTES & 24H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:320px; height:165px; padding:10px; overflow:hidden;
background-color: #f1f0f0; color:#423737; /* MODIFIABLE */
font-size:11px; text-align:justify;text-transform: none;
}
#ondayQEEL:hover {
overflow:auto;
}
#ondayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
#ondayQEEL .row1 .gensmall {
font-family:Verdana; color:#423737; /* MODIFIABLE */
}
/* BLOC TRAITS GROUPES & ANNIVERSAIRES QEEL */
.ganvQEEL {
width:800px;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:460px; height:30px; padding:20px 0 0; text-align:center;
background-image:url(https://zupimages.net/up/20/16/viqb.png); /* MODIFIABLE */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:35px; height:10px;
opacity:0.7;
}
/* SURVOL TRAIT GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top;
width:340px; height:40px; padding-top:10px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background-image:url(https://zupimages.net/up/20/16/viqb.png); color:#423737; font-family:'Poiret One'; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-224px;
width:320px; height:0px; padding:0 10px; overflow:hidden; text-align:justify !important;
background:#FAFAFA; color:#423737; /* MODIFIABLE */
transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
height:165px; padding:10px; overflow-y:auto;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial; color:#423737; /* MODIFIABLE */
}

Merci beaucoup

[*Splash*]

Dans ton code CSS il suffit de supprimer ou commenter cette ligne :

Code:

background-image:url(https://zupimages.net/up/20/16/viqb.png);

L'image en question :

Code:

https://zupimages.net/up/20/16/viqb.png

[Glory Night.]

Merci pour votre réponse  j'ai essayé de l'enlever mais même sans cette image, le cadre gris autour apparaît encore : https://www.zupimages.net/up/20/16/x6dr.png

[*Splash*]

Ah oui c'est tout à fait normal puisque c'est une erreur de ma part !

En CSS cette couleur grise est ici :
background-color: #f1f0f0;

Il faut essayer de modifier cette couleur autant de fois quelle est mentionnée (3 fois)

[Glory Night.]

Bonjour
En effet c'est bien ça je n'ai plus le cadre gris    Merci beaucoup d'avoir regardé et pour votre aide

Bonne journée