Problème de Qui est en ligne.

2 participants

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

Résolu Problème de Qui est en ligne.

Message par Misery Mind™ Mer 13 Juil 2016 - 21:32

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://freaksnation.bb-fr.com/

Description du problème

Bonjour à vous, actuellement je rencontre un problème avec mon "qui est en ligne". En effet je n'arrive pas à appliquer de la couleur à mes liens... Si vous pourriez m'aider à résoudre ce problème. Merci d'avance !

Voici le templates :

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">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</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">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </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>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div id="qeel">
  <div id="qeel-titre"><h2>Qui est en danger ?</h2></div>
  <div id="fond"></div>
  <div id="qeel-connectes24"><table>{L_CONNECTED_MEMBERS}</table></div>
  <div id="qeel-dernier"><h3>Bienvenue à San Diego</h3><div>{NEWEST_USER}</div></div>
  <div id="qeel-stats">{TOTAL_USERS_ONLINE}</div>
  <div id="qeel-connectes">{LOGGED_IN_USER_LIST}</div>
  <div id="qeel-stats2"><div>{TOTAL_POSTS}</div><div>{TOTAL_USERS}</div></div>
  <div id="qeel-groupes">
    <div class="qeel-flex">
      <div><a class="groupe1" href="http://freaksnation.bb-fr.com/g3-raise-up-your-sword" target="_blank">Raise up your sword</a></div>
      <div><a class="groupe2"href="http://freaksnation.bb-fr.com/g4-kiss-my-gun" target="_blank">Kiss my gun</a></div>
      <div><span style="line-height: 10px; padding-top: 5px; display:block;"><a href="http://freaksnation.bb-fr.com/g5-protectors-of-the-future" target="_blank" class="groupe3">Protectors of the future</a></span></div>
    </div><div class="qeel-flex">
    <div><a class="groupe4" href="http://freaksnation.bb-fr.com/g6-hope-in-humanity" target="_blank">Hope in humanity</a></div>
    <div><a class="groupe5" href="http://freaksnation.bb-fr.com/g8-blinded-by-revenge" target="_blank">Blinded by revenge</a></div>
    <div><a class="groupe6" href="http://freaksnation.bb-fr.com/g7-silence-is-golden" target="_blank">Silence is golden</a></div>
    </div>
  </div>
  <div id="qeel-credits">Credits : Freak's nations do not copy - codage Queel, Catégorie by awful</div>
</div>
<script type="text/javascript">document.getElementById('qeel-stats2').innerHTML=document.getElementById('qeel-stats2').innerHTML.replace(/Nos membres ont posté un total de/," ");</script>
<script type="text/javascript">document.getElementById('qeel-stats2').innerHTML=document.getElementById('qeel-stats2').innerHTML.replace(/Nous avons/," ");</script>
<script type="text/javascript">document.getElementById('qeel-stats2').innerHTML=document.getElementById('qeel-stats2').innerHTML.replace(/membre enregistré/,"membre");</script>
<script type="text/javascript">document.getElementById('qeel-stats2').innerHTML=document.getElementById('qeel-stats2').innerHTML.replace(/membres enregistrés/,"membres");</script>
<script type="text/javascript">document.getElementById('qeel-dernier').innerHTML=document.getElementById('qeel-dernier').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
<script type="text/javascript">document.getElementById('qeel-connectes').innerHTML=document.getElementById('qeel-connectes').innerHTML.replace(/Utilisateurs enregistrés : /,"");</script>

<script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/Il y a en tout/,"");</script>
    <script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/ :: /,"");</script>
<script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/utilisateur en ligne/,"<i>utilisateur en ligne</i> <u>>></u>");</script>
<script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/utilisateurs en ligne/,"<i>utilisateurs en ligne</i> <u>>></u>");</script>
  <script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/Enregistré,/,"<i>Enregistré</i> <u>>></u>");</script>
<script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/Enregistrés,/,"<i>Enregistrés</i> <u>>></u>");</script>
    <script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/Invisible et/,"<i>Invisible</i> <u>>></u>");</script>
    <script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/Invisibles et /,"<i>Invisibles</i> <u>>></u>");</script>
<script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/Invité/,"<i>Invité</i>");</script>
    <script type="text/javascript">document.getElementById('qeel-stats').innerHTML=document.getElementById('qeel-stats').innerHTML.replace(/Invités/,"<i>Invisités</i>");</script>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />


{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->


CSS:

Code:

/*DEBUT DU QEEL*/
/*Bloc qeel*/
#qeel {
font-family: 'Oswald', sans-serif;
font-weight: 300!important;
width: 800px;
height: 293px;
margin: auto;
position: relative;
background: #e9e9e9;
border-bottom: 50px solid #000;
}
#qeel a {
    text-decoration: none!important;
}
/*Titre du qeel*/
#qeel-titre {
    height: 113px;
    width: 800px;
    background: #000;
}
#qeel-titre h2 {
    color: #fff;
    font: 300 18px 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: right;
    line-height: 150px;
    padding-right: 20px;
}
/*Fond du qeel avec l'effet d'angle*/
#fond {
    background: #f9f9f9;
    height: 180px;
    position: absolute;
    width: 310px;
    right: 0;
}
#fond::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 0 0 180px 20px;
    border-color: transparent transparent #f9f9f9 transparent;
    position: absolute;
    margin-left: -20px;
}
/*Derniers connectés des 24 heures*/
#qeel-connectes24 {
background: #f9f9f9;
    border: 1px solid #e0e0e0;
    height: 146px;
    /* left: 20px; */
  overflow: auto;
    margin-top: 20px;
    position: absolute;
    width: 160px;
}
#qeel-connectes24 td.row1 {
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    padding: 5px;
  text-align: justify;
}
/*Dernier inscrit*/
#qeel-dernier {
    width: 300px;
    height: 83px;
    position: absolute;
    margin-top: 20px;
    left: 170px;
}
#qeel-dernier h3 {
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
}
#qeel-dernier div {
    text-align: center;
    width: 100%;
    background: #dddada;
    height: 50px;
    margin-top: 7px;
}
#qeel-dernier div a strong {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 50px;

}
/*Liste des connectés*/
#qeel-connectes {
    width: 180px;
    height: 80px;
    background: #dddada;
    overflow: auto;
    padding: 5px;
    position: absolute;
    margin-top: 50px;
    left: 500px;
    font-size: 11px;
}
/*Liste des groupes*/
#qeel-groupes {
    width: 300px;
    position: absolute;
    left: 170px;
    top: 214px;
}
.qeel-flex {
    display: flex!important;
    flex: 0 0 100%;
}
#qeel-groupes .qeel-flex div {
    height: 30px;
    width: 140px;
    background: #7b7b7b;
    display: inline-block;
    flex: 1;
    margin: 2px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
}
#qeel-groupes .qeel-flex div:first-child {
    margin-left: 0;
}
#qeel-groupes .qeel-flex div:last-child {
    margin-right: 0;
}
/*Statistique du nombre de messages et de membres*/
#qeel-stats2 {
    position: absolute;
    right: 20px;
    margin-top: 50px;
}
#qeel-stats2 div {
    background: #dddada;
    width: 80px;
    height: 40px;
    margin-bottom: 9px;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    line-height: 40px;
}
#qeel-stats2 div strong {
    font-weight: 300!important;
}
/*Statistiques du nombre de personnes en ligne*/
#qeel-stats {
    position: absolute;
    left: 500px;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 20px;
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
    color: #bbb657;
}
#qeel-stats b {
    color: #bbb657;
}
#qeel-stats i {
    font-weight: 300!important;
    font-style: inherit;
    color: #000000;
}
#qeel-stats u {
    text-decoration: none;
    color: #4a7b6e;
}
/*Crédits du qeel*/
#qeel-credits {
    margin-top: 150px;
    position: absolute;
    right: 20px;
    font-size: 9px;
    text-transform: uppercase;
    color: #7a7a7a;
    border-top: 1px solid #e7e7e7;
    line-height: 20px;
    width: 280px;
    text-align: right;
}

/* raise your sword */
div a .groupe1{
  color:#C2B278;
}
/* kiss my gun */
div a .groupe2{
  color:#C44343;
}
/*protectors to the futur*/
div a .groupe3{
  color:#C2BEBE;}

/* hope in humanity */
div a .groupe4{
  color:#B1B7C9;
}
/* blinded by revenge*/
div a .groupe5 {
  color:#858E9C;}

/* silence is golden*/
div a .groupe6 {
  color:#858E9C;}


Dernière édition par Misery Mind™ le Jeu 14 Juil 2016 - 10:27, édité 1 fois
Misery Mind™

Misery Mind™
*

Féminin
Messages : 31
Inscrit(e) le : 14/08/2009

http://freaksnation.bbfr.net/
Misery Mind™ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Qui est en ligne.

Message par MlleAlys Jeu 14 Juil 2016 - 0:51

bonjour,
votre sélecteur :
Code:
div a .groupe1
Peut être traduit par "les éléments de classe groupe1 dans un lien dans une div"
Or, c'est le lien lui même qui est de classe groupe1, il faut donc retirer l'espace entre le a et la classe.
Et le fait que ce soit dans uen div n'est peut être pas très intéressant, mieux vaudrait préciser que c'est dans le bloc qeel-groupes :
Code:
#qeel-groupes a.groupe1 {
  color: #C2B278;
}
("Le lien de classe groupe1 dans l'élément d'identifiant qeel-groupes")
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Qui est en ligne.

Message par Misery Mind™ Jeu 14 Juil 2016 - 10:26

Bonjour !
merci beaucoup ça marche maintenant et ne même temps je viens d'apprendre cette histoire d'espace. Je comprenais pas d'ailleurs
à quoi ça servait. Encore une fois merci !
Misery Mind™

Misery Mind™
*

Féminin
Messages : 31
Inscrit(e) le : 14/08/2009

http://freaksnation.bbfr.net/
Misery Mind™ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum