Qui est en ligne opaque & zen

Halloween, LS codage Templates & Eléments Qui est en ligne Qui est en ligne opaque & zen

PHPBB2

☾ Non optimisé

La description du groupe survolé apparait sur l'image du haut

Retour

Codage qui est en ligne opaque et zen Halloween Forumactif

CSS

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

/*** MISE EN FORME LIENS AU SURVOL ***/
        a:hover {
          text-decoration: none !important;
        }

/*** MISE EN FORME FONT DU QEEL ***/
        .fond_qeel {
          width: 780px;
          border-radius: 0px 0px 25px 25px;
          background-color: #E4E4E4;
          margin: auto;
          height: 620px;
          position: relative;
        }

/*** MISE EN FORME TITRE PRINCIPAL ***/
        .titre_principal {
          color: #2D5A57;
          font-family: georgia;
          font-size: 28;
          letter-spacing: 5px;
          text-align: center;
        }

/*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
        .titre_secondaire {
          color: #C7BBC1;
          font-family: georgia;
          font-size: 14px;
          text-align: center;
        }

/*** MISE EN FORME BLOC STATISTIQUES ***/
        .bloc_stat {
          background-color: #F0F0F0;
          padding: 15px;
          width: 200px;
          height: 150px;
          overflow: auto;
          font-size: 11px;
          border: 2px solid #CACACA;
          text-align: justify;
          color: #515151;
          position: absolute;
          left: 3em;
          z-index: 1;
        }

/*** MISE EN FORME BLOC DES GROUPES ***/
        .bloc_groupes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

/*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
        .bloc_connectes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

/*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
        #kaboum .row1 {
          background-color : transparent;
        }

#kaboum span.gensmall {
          color: #515151;
        }

/*** MISE EN FORME DES TITRES (simple + survol) ***/
        .titre_bloc {
          font-family: 'Dancing Script', cursive;
          font-size: 24px;
          font-weight: bold;
          color: #B0C3AB;
          position: absolute;
          z-index: 2;
          margin-top: -18px;
        }

.titre_bloc:hover {
          color: #2D5A57;
        }

/*** GROUPES A ONGLETS ***/
        /* Mise en forme des noms de groupe */
        .groupe_onglet {
          display: inline-block;
          padding: 10px;
        }

/* Mise en forme du bloc en transparence de description */
        .contenu_groupe_onglet {
          padding: 15px;
          display: none;
          width: 315px;
          height: 115px;
          overflow: auto;
          font-size: 11px;
          color: #414141;
          text-align: justify;
          background-color: #CBC4C2;
          position: absolute;
          top: 14em;
          left: 21em;
          filter: alpha(opacity = 50);
          opacity: 0.5;
        }

/* Mise en forme des liens */
        .contenu_groupe_onglet a{
          text-decoration: none !important;
        }

/*** MISE EN FORME DES CREDITS ***/
        .credits {
          text-align: right;
          margin-right: 10px;
          font-size: 9px;
          margin-top: 10px;
        }

.credits a{
          color: #B0C3AB;
        }

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

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

<link href='http://fonts.googleapis.com/css?family=Dancing+Script|Six+Caps' rel='stylesheet' type='text/css'>
        <div class="fond_qeel"><br /><br /><div class="titre_principal">Qui est en ligne ?</div>
              <div class="titre_secondaire">Et avec qui parler ?</div>
    <br /><img src="http://i59.servimg.com/u/f59/16/61/97/52/sans_t11.jpg" style="width: 100%; border-top: 2px solid #C8BCBE; border-bottom: 2px solid #5A5F65;" />
    <div style="background-color: #DFDFDF; height: 260px;">
          <br /><br />
            <br />
          <div class="titre_bloc" style="left: 2.5em;">Statistiques</div>
            <div class="bloc_stat">{TOTAL_POSTS}.<br />{TOTAL_USERS}.<br />
            {NEWEST_USER}.<br />
            {TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}</div>
          <div class="titre_bloc" style="left: 13em;">Groupes</div>
            <div class="bloc_groupes"><div class="groupe_onglets">
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_protecteurs" onmouseover="javascript:change_groupe_onglet('protecteurs');"><font color=#123D18>Protecteurs</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_trucs" onmouseover="javascript:change_groupe_onglet('trucs');"><font color=#776B2B>Truc-Much</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_dissidents" onmouseover="javascript:change_groupe_onglet('dissidents');"><font color=#772F2B>Dissidents</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_civils" onmouseover="javascript:change_groupe_onglet('civils');"><font color=#3B133B>Civils</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_gardiens" onmouseover="javascript:change_groupe_onglet('gardiens');"><font color=#2B3077>Gardiens</font></span>
          </div></div><br /><br /><br /><br /><br />
          <div class="titre_bloc" style="left: 13em;">Périgrination</div>
            <div class="bloc_connectes"><table id="kaboum">{L_CONNECTED_MEMBERS}</table></div>
     
          <script type="text/javascript">
                    //
                    </script>
          <br />
          <div class="contenu_groupe_onglets">
           
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_protecteurs"><span style="color: #123D18; font-weight: bold;">Protecteurs</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
           
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_trucs"><span style="color: #776B2B; font-weight: bold;">Truc-Much</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
           
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_dissidents"><span style="color: #772F2B; font-weight: bold;">Dissidents</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>

<div class="contenu_groupe_onglet" id="contenu_groupe_onglet_civils"><span style="color: #3B133B; font-weight: bold;">Civils</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
             
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_gardiens"><span style="color: #2B3077; font-weight: bold;">Gardiens</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>

</div>
       
            <script type="text/javascript">
                    //
      </script></div><div class="credits"><a href="http://ls-halloween.fr/">♈ Halloween</a></div><br /><br /></div>

Dernière modification : 16 April 2018 13 : 17.

PHPBB2

CSS

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

#opaqueetzen #quiestenligne #forumactif #codage #libreservice