Welcome

Halloween Qui est en ligne

Labyrinthe

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

PHPBB2

Non optimisé /

Retour

Codage qui est en ligne labyrinthe Halloween Forumactif

CSS

/* ------------------------------- QEEL -------------------------------*/

/* FOND DU QEEL */
    .fond_qeel {
      background-image: url('http://i59.tinypic.com/2i8it93.png');
      width: 900px;
      height: 416px;
      position: relative;
      margin: auto;
      font-family: 'Fjalla One', sans-serif;
    }

/* MISE EN FORME DES LIENS DU QEEL */
    .fond_qeel a {
      text-decoration: none;
      font-weight: none;
    }

/* BLOC DERNIER INSCRIT */
    .bloc1 {
      background-color: #393F57;
      width: 300px;
      color: #1F2133;
      font-size: 25px;
      font-family: 'Fjalla One', sans-serif;
      top: 0.55em;
      left: 3.4em;
      position: absolute;
      padding: 15px;
    }

/* MISE EN FORME DERNIER INSCRIT */
    #yosh {
      float: right;
      font-size: 18px;
      color: #4C8E68;
    }

/* MISE EN FORME NOMBRE DE MEMBRES */
    #matt {
      float: right;
      font-size: 18px;
      color: #4C8E68;
    }

/* MISE EN FORME BLOC STATISTIQUES */
    .bloc2 {
      background-color: #393F57;
      width: 530px;
      color: #1F2133;
      font-size: 16px;
      font-family: 'Fjalla One', sans-serif;
      bottom: 1em;
      left: 5em;
      position: absolute;
      padding: 15px;
    }

/* MISE EN FORME DERNIERS CONNECTES */
    #kaboum .row1 {
      background-color : transparent;
    }

#kaboum span.gensmall {
      font-size: 18px;
      color: #1F2133;
      font-family: 'Fjalla One', sans-serif;
    }

/* MISE EN FORME BLOC DERNIERS CONNECTES */
    .bloc4 {
      width: 180px;
      height: 270px;
      overflow: auto;
      text-align: justify;
      padding: 15px;
      background-color: #393F57;
      color: #1F2133;
      position: absolute;
      top: 0.85em;
      left: 26.9em;
    }

/* POSITIONNEMENT DES GROUPES */
    .bloc3 {
      position: absolute;
      width: 184px;
      height: 416px;
      right: 0em;
      text-align: center;
    }

/* INFOBULLES DES GROUPES */
    .Infobulle {
      position: relative;
      font-size: 30px;
    }
     
    .Infobulle .Infobulle_contenu {
      position : absolute;
      z-index: 1;
      right: -0.05em;
      width : 170px;
      height: 80px;
      overflow: auto;
      font-family: arial;
      font-size: 12px;
      background-color: #393F57;
      padding: 5px;
      color: #CCCCCC;
      text-align: justify;
      display : none;
    }

.Infobulle:hover .Infobulle_contenu {
      display : block; /*Fait apparaître l'infobulle*/
    }

/* MISE EN FORME DEFILEMENT IMAGE → CREDITS */
    .qeel {
      width: 330px;
      height: 134px;
      overflow: hidden;
      position: absolute;
      left: 5.3em;
      background-color: #393F57;
      top: 11.2em;
    }

.qeel_img {
      position: relative;
      z-index: 2;
      width: 330px;
      height: 134px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

.qeel:hover .qeel_img {
      margin-left: 400px;
      transform: all;
      -o-transform: all;
      -moz-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

.qeel_description {
      position: relative;
      z-index: 1;
      width: 300px;
      height: 134px;
      margin-top: -130px;
      text-align: justify;
      font-size: 15px;
      color: #292C40;
      padding: 15px;
      overflow: auto;
      font-family: 'Fjalla One', sans-serif;
    }

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

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

<div class="fond_qeel"><div class="bloc1">Bienvenue à ...<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/,"");
      </script><br /> <br />
      Parmis nos ...<br /><span id="matt">{TOTAL_USERS}</span>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"").replace(/membres enregistrés/,"membres");
      </script> </div>

<div class="bloc2"><span id="celine" style="color: #4C8E68;">{TOTAL_USERS_ONLINE}</span>
        <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"<font color=#1F2133>Pendulum compte actuellement</font>").replace(/utilisateur(s?) en ligne/,"<font color=#1F2133>membres en ligne</font>").replace(/::/,"").replace(/Enregistré(s?)/,"<font color=#1F2133>membres enregistrés</font>").replace(/Invisible(s?) et/,"<font color=#1F2133>en secret &</font>").replace(/Invité(s?)/,"<font color=#1F2133>invité</font>");
          </script></div>
     
        <div class="qeel"><div class="qeel_img"><img src="http://i62.tinypic.com/34owxet.png" /></div><div class="qeel_description">Codage du QEEL par <a href="https://rainyhalloween.wixsite.com/rainyhalloween">Halloween</a>.<br /><br />Autre blabla</div></div>
    <div style="clear: both;"></div>
     
        <div class="bloc4"><table id="kaboum">{L_CONNECTED_MEMBERS}</table>
        <script type="text/javascript">
        jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 16 dernières heures : ','Ces derniers temps on a vu passer ... '));
        </script> </div>
        <div class="bloc3"><br /><div class="Infobulle"><span style="color: #5CC677;">Groupe</span><div class="Infobulle_contenu">Clematii nec scelere Alexandrini inter nullo per contactus nobilis ad comitem impotentia permissus est scelere inter omnino sibi Clematii humilia letali inter ferebatur introducta cuius letali nobilis amore hiscere oblato amore fines ut nobilis misceri ferebatur iam letali misceri cum per supergressa amore ut Honoratum nobilis per pseudothyrum pretioso ut oblato generum ad inter Clematius loqui scelere mediocrium generum formula ut formula contactus fines occideretur Clematii reginae supergressa loqui nec generum impetraret loqui orientis Clematius ut permissus eius cuiusdam oblato humilia orientis nec comitem formula letali ad reginae nec inter sibi reginae letali Alexandrini Honoratum missa eius cuius scelere generum.</div></div><br />
          <div class="Infobulle"><span style="color: #5CC677;">Groupe</span><div class="Infobulle_contenu">Clematii nec scelere Alexandrini inter nullo per contactus nobilis ad comitem impotentia permissus est scelere inter omnino sibi Clematii humilia letali inter ferebatur introducta cuius letali nobilis amore hiscere oblato amore fines ut nobilis misceri ferebatur iam letali misceri cum per supergressa amore ut Honoratum nobilis per pseudothyrum pretioso ut oblato generum ad inter Clematius loqui scelere mediocrium generum formula ut formula contactus fines occideretur Clematii reginae supergressa loqui nec generum impetraret loqui orientis Clematius ut permissus eius cuiusdam oblato humilia orientis nec comitem formula letali ad reginae nec inter sibi reginae letali Alexandrini Honoratum missa eius cuius scelere generum.</div></div> <br />
          <div class="Infobulle"><span style="color: #5CC677;">Groupe</span><div class="Infobulle_contenu">Clematii nec scelere Alexandrini inter nullo per contactus nobilis ad comitem impotentia permissus est scelere inter omnino sibi Clematii humilia letali inter ferebatur introducta cuius letali nobilis amore hiscere oblato amore fines ut nobilis misceri ferebatur iam letali misceri cum per supergressa amore ut Honoratum nobilis per pseudothyrum pretioso ut oblato generum ad inter Clematius loqui scelere mediocrium generum formula ut formula contactus fines occideretur Clematii reginae supergressa loqui nec generum impetraret loqui orientis Clematius ut permissus eius cuiusdam oblato humilia orientis nec comitem formula letali ad reginae nec inter sibi reginae letali Alexandrini Honoratum missa eius cuius scelere generum.</div></div> <br />
          <div class="Infobulle"><span style="color: #5CC677;">Groupe</span><div class="Infobulle_contenu">Clematii nec scelere Alexandrini inter nullo per contactus nobilis ad comitem impotentia permissus est scelere inter omnino sibi Clematii humilia letali inter ferebatur introducta cuius letali nobilis amore hiscere oblato amore fines ut nobilis misceri ferebatur iam letali misceri cum per supergressa amore ut Honoratum nobilis per pseudothyrum pretioso ut oblato generum ad inter Clematius loqui scelere mediocrium generum formula ut formula contactus fines occideretur Clematii reginae supergressa loqui nec generum impetraret loqui orientis Clematius ut permissus eius cuiusdam oblato humilia orientis nec comitem formula letali ad reginae nec inter sibi reginae letali Alexandrini Honoratum missa eius cuius scelere generum.</div></div> <br />
          <div class="Infobulle"><span style="color: #5CC677;">Groupe</span><div class="Infobulle_contenu">Clematii nec scelere Alexandrini inter nullo per contactus nobilis ad comitem impotentia permissus est scelere inter omnino sibi Clematii humilia letali inter ferebatur introducta cuius letali nobilis amore hiscere oblato amore fines ut nobilis misceri ferebatur iam letali misceri cum per supergressa amore ut Honoratum nobilis per pseudothyrum pretioso ut oblato generum ad inter Clematius loqui scelere mediocrium generum formula ut formula contactus fines occideretur Clematii reginae supergressa loqui nec generum impetraret loqui orientis Clematius ut permissus eius cuiusdam oblato humilia orientis nec comitem formula letali ad reginae nec inter sibi reginae letali Alexandrini Honoratum missa eius cuius scelere generum.</div></div> <br />
        <div class="Infobulle"><span style="color: #5CC677;">Groupe</span><div class="Infobulle_contenu">Clematii nec scelere Alexandrini inter nullo per contactus nobilis ad comitem impotentia permissus est scelere inter omnino sibi Clematii humilia letali inter ferebatur introducta cuius letali nobilis amore hiscere oblato amore fines ut nobilis misceri ferebatur iam letali misceri cum per supergressa amore ut Honoratum nobilis per pseudothyrum pretioso ut oblato generum ad inter Clematius loqui scelere mediocrium generum formula ut formula contactus fines occideretur Clematii reginae supergressa loqui nec generum impetraret loqui orientis Clematius ut permissus eius cuiusdam oblato humilia orientis nec comitem formula letali ad reginae nec inter sibi reginae letali Alexandrini Honoratum missa eius cuius scelere generum.</div></div></div>
    </div>
      <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>

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

#labyrinthe #quiestenligne #forumactif #codage #libreservice

Halloween