Welcome

Halloween Qui est en ligne

Naruto

Halloween, LS codage Forumactif Templates & Eléments Qui est en ligne Qui est en ligne Naruto

PHPBB2

Non optimisé Les phrases sont personnalisées, une description des groupes apparait au survol. Les statistiques des factions (ici Konoha, Kiri et Oto) sont à modifier manuellement.

Retour

Codage qui est en ligne Naruto Halloween Forumactif

CSS

/***************************** QEEL *****************************/

.bloc1{
  background-color: #D7D7D7;
  width: 350px;
  padding: 15px;
  text-align: justify;
  color: #343434;
  font-size: 11px;
}

.titre_qeel {
  font-family: 'Megrim', cursive;
  color: #008080;
  font-size: 25px;
  text-align: justify;
}

.trans .row1 {
  background-color : transparent;
  color: #343434 !important;
}

#kaboum .row1 {
  background-color : transparent;
}

qeel.info{
  position: relative;
  z-index: 24;
  font-weight: none !important;
  font-style: none !important;
  text-decoration:none;
}
 
qeel.info:hover{
  z-index: 25;
  font-weight: none !important;
  font-style: none !important;
}
 
qeel.info span{
  display: none;
}
 
qeel.info:hover span{
  display: block;
  position: absolute;
  top: 3.5em;
 left: -2em;  
 width: 240px;
  padding: 15px;
  text-align: justify;
  color: #343434;
  font-size: 11px;
  background-color: #D7D7D7;
  border-radius: 25px 0px 25px 0px;
  border: 4px solid #D7D7D7;
}

/***************************** FIN QEEL *****************************/

Index_body, remplacer le contenu entre les commentaires "Begin disable online"

<center><div style="width: 800px; background-color: #363636; padding: 25px;">Qui est en ligne ?<br />
  <table><tr><td><div class="bloc1"><div class="titre_qeel"><center>Statistiques</center></div><br /><img src="http://data1.whicdn.com/img/112482891/large.gif" style="padding: 15px; width: 150px; float: right;" />Sois le bienvenue jeune Padawan ! Laisse Naruto te guider (entre deux parties de Poker Ninja) vers la voie du shinobi.
  A ce propos, <span id="bert">{TOTAL_POSTS}
                </span>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"").replace(/messages/,"aventures");
                </script> ont été vécues par nos <span id="matt">{TOTAL_USERS}
                </span>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"").replace(/membre enregistré/,"braves combattants");
                </script>. <span id="yosh">{NEWEST_USER}
                </span>
                <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier fou en date à nous avoir rejoint est");
                </script>. <table class="trans">  <span id="anniv">{L_WHOSBIRTHDAY_TODAY}          
        </span>
        <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Au fait, ce valeureux ninja fête son anniversaire aujourd'hui").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas d'anniversaire aujourd'hui, les ramens seront pour plus tard.").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"");
    </script></table><br />
    Concernant les factions, saches que <span style="color: #569B28; font-weight: bold;">Konoha</span> compte désormais 3 guerriers, <span style="color: #416B83; font-weight: bold;">Kiri</span> en torture actuellement 5, et aux dernières nouvelles Orochimaru en détient 6 à <span style="color: #A57AC0; font-weight: bold;">Oto</span>. On compatit, pauvre chair à canon 8D
    <br /><br />
     <img src="http://data3.whicdn.com/img/112482690/large.gif" style="padding: 15px; width: 150px; float: left;" /><br /><span id="celine">{TOTAL_USERS_ONLINE}</span>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Garde toujours un oeil sur ce qui t'entoure, regarde, ils sont").replace(/utilisateur(s?) en ligne/,"à t'épier").replace(/::/,":").replace(/Enregistré(s?)/,"shinobis").replace(/Invisible(s?) et/,"camouflés dans la brume et").replace(/Invité(s?)/," paysans.");
                  </script></div></td>
    <td><center><div class="bloc1"><div class="titre_qeel"><center>Et maintenant ...</center></div><br />
<br /><div style="width: 340px; max-height: 100px; overflow: auto;"> <span id="alpha">{LOGGED_IN_USER_LIST}
                </span>
                <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Actuellement, derrière tes fesses tu as");</script></div>
<div style="width: 340px; max-height: 100px; overflow: auto;"><table id="kaboum">{L_CONNECTED_MEMBERS}
    <script type="text/javascript">
    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Courage, ces 24 dernières heures tu as déjà botté celles de : '));
  </script></table></div></div><br />
      <img src="http://data1.whicdn.com/img/107926450/large.gif" style="width: 200px; border-radius: 100px;" /><br />
      <table><tr><td><qeel class="info" href="#"><div style="font-family: 'Clicker Script', cursive; font-size: 34px; color: #569B28;">Konoha</div><span><img src="http://i58.servimg.com/u/f58/18/43/33/39/4211.png" style="float: left; padding: 10px;" /><br />Hokage : <k style="color: #569B28; font-weight: bold;">Hiruzen Sarutobi</k><br />En guerre<br />Alliance : /</span></qeel></td><td style="width: 30px;"></td><td><qeel class="info" href="#"><div style="font-family: 'Clicker Script', cursive; font-size: 34px; color: #416B83;">Kiri</div><span><img src="http://i58.servimg.com/u/f58/18/43/33/39/2610.png" style="float: left; padding: 10px;" /><br />Mizukage : <k style="color: #416B83; font-weight: bold;">Un poulpe</k><br />En guerre<br />Alliance : /</span></qeel></td><td style="width: 30px;"></td><td><qeel class="info" href="#"><div style="font-family: 'Clicker Script', cursive; font-size: 34px; color: #A57AC0;">Oto</div><span><img src="http://i58.servimg.com/u/f58/18/43/33/39/6510.png" style="float: left; padding: 10px;" /><br />Leader : <k style="color: #A57AC0; font-weight: bold;">Orochimaru</k><br />En guerre<br />Alliance : /</span></qeel></td></tr></table></center></td></tr></table></div></center>
  <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>

Dernière modification : 25 April 2020 23 : 33.

#naruto #quiestenligne #forumactif #codage #libreservice

Halloween