AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -46%
Oceanic OCEAB120W Batteur électrique – ...
Voir le deal
7.51 €

    Qui est en ligne | Noir et blanc

    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Dim 28 Aoû 2016 - 0:53




    Qui est en ligne réalisé suite à la demande de Cecile362.
    Les couleurs sont modifiables, merci de ne pas retirer le crédit. Le code a été fait avec la version de forum phpBB2

    Voici un aperçu :

    lien direct : www

    Dans le template index-body, remplacer les lignes 173 à 221 par :
    Code:
    <!-- BEGIN disable_viewonline -->
    <table width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td>
    <!-- TITRE -->
          <div class="titreQEEL">
            <a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
          </div>
          <div class="QEEL">
    <!-- 24H -->
            <div class="dernierQEEL"><table>{L_CONNECTED_MEMBERS}</table>
            </div>
            <div class="GroupeQEEL">
              <div id="groupe">
                <div class="h3">Les Groupes</div>
                <div class="ha">
                  <div class="square d1"><span>INTJ</span></div>
                  <div class="square d2"><span>INTP</span></div>
                  <div class="square d3"><span>ENTJ</span></div>
                  <div class="square d4" ><span>ENTP</span></div>
                  <div class="square d5 "><span>INFJ</span></div>
                  <div class="square d6"><span>INFP</span></div>
                  <div class="square d7 "><span>ENFJ</span></div>
                  <div class="square d8 "><span>ENFP</span></div>
                  <div class="square d9"><span>ISTJ</span></div>
                  <div class="square d10"><span>ISFJ</span></div>
                  <div class="square d11"><span>ESTJ</span></div>
                  <div class="square d12"><span>ESFJ</span></div>
                  <div class="square d13"><span>ISTP</span></div>
                  <div class="square d14"><span>ISFP</span></div>
                  <div class="square d15"><span>ESTP</span></div>
                  <div class="square d16 "><span>ESFP</span></div>
                </div>
              </div>
            </div>
    <!-- MESSAGES / MEMBRES / CONNECTES / DERNIER INSCRIT -->
            <div class="boxQEEL">
      <!-- TOTAL UTILISATEURS CONNECTES -->
              <span id="UsersOnline">{TOTAL_USERS_ONLINE}</span>
              <script type="text/javascript">document.getElementById('UsersOnline').innerHTML=document.getElementById('UsersOnline').innerHTML.replace(/Il y a en tout/,"");</script>
              <div class="boxQEEL">
    <!-- TOTAL MESSAGES -->
                <div class="TotalPosts">
                  <span id="tPOSTS"><b>{TOTAL_POSTS}</b></span>
                  <script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script> messages
                </div>
    <!-- TOTAL MEMBRES -->
                <div class="TotalUsers">
                  <span id="tUSERS"><b>{TOTAL_USERS}</b></span>
                  <script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script> membres
                </div>
              </div>
    <!-- MEMBRES CONNECTES -->
              <div class="online" id="onLINE">
                <table>{LOGGED_IN_USERS_LIST}</table>
              </div>
    <!-- DERNIER UTILISATEUR ENREGISTRE -->
              <div class="lstQEEL">New Player :
                <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>
              <div class="creditQEEL">CREDITS : QEEL réalisé par Nemalus</div>
            </div>
          </div>
          <div class="FinQEEL"></div>
        </td>
      </tr>
    </table>
    <!-- END disable_viewonline -->


    Dans la feuille de style (CSS) ajouter le code :
    Code:
    /****************************************
       QEEL par Nemalus sur Never-Utopia
       (Amphibole sur Exquisite
        Nemalus sur Cap-RPG
        Andramas sur Somewhere)
    *****************************************/
    /* BLOC TITRE QEEL */
    .titreQEEL {
    margin:auto;
    width:900px; height:55px; padding-top:40px;
    background:#000;  /* MODIFIABLE */
    font-family:Oswald; letter-spacing:2px; text-transform:uppercase; text-align:right; color:#fff;
    }
    /* TITRE QEEL */
    .titreQEEL a{
    font-size:40px; padding-right:35px;
    color:white; text-shadow:1px 1px 0 #cad78e; /* MODIFIABLE */
    }
    /* QEEL */
    .QEEL {
    margin:auto; width:900px; text-align:center; background:#fff; padding:12px 0;
    }
    /* 24H QEEL */
    .dernierQEEL {
    display:inline-block; vertical-align:top; margin:0 10px;
    width:200px; height:300px; padding:5px; overflow:auto;
    font-size:12px; text-align:justify;
    background:#dedede;; /* MODIFIABLE */
    }
    .dernierQEEL .row1 {
    background:none; padding:0 !important;
    }
    /* COULEUR TEXTE 24H QEEL */
    .dernierQEEL .gensmall {
    font-size:12px; color:black; /* MODIFIABLE */
    }
    /* Groupe QEEL */
    .GroupeQEEL {
    display:inline-block; vertical-align:top; margin:0 10px;
    width:250px; padding:5px;
    font-size:12px; text-align:justify;
    }
    #groupe .h3{
      margin:-5px -5px 5px;
      color:black;
      font:20px oswald;
      text-transform:uppercase;
      padding:10px 0;
      border-bottom:3px solid #333;
    }
    #groupe .square span{
      font:8px arial narrow;
      text-transform:uppercase;
      letter-spacing:1px;
      background:#333;
      text-shadow:1px 1px 0px black;
      color:#efefef;
      display:block;
      width:50px;
      padding:4px 0;
      -webkit-transition:ease-in-out 0.5s;
      transition:ease-in-out 0.5s;
      position:relative;
      left:50px;
    }
    #groupe a{color:transparent;text-decoration:none;}
    #groupe{text-align:center;width:250px;margin: 0 auto;background:rgba(0,0,0,0.05);padding:5px 5px 0;}
    #groupe .square{
      width:50px;
      height:50px;
      box-sizing:border-box;
      padding-top:17px;
      text-align:center;
      display:inline-block;
      vertical-align:top;
      overflow:hidden;
      margin-bottom:5px;
    }
    #groupe .square:nth-child(odd){
      margin-right:5px;
    }
    #groupe .square:hover span{
      left:0px;
    }
    /* COULEURS DES GROUPES */
    #groupe .d1{background:#B891C4;}
    #groupe .d2{background:#B36A8E;}
    #groupe .d3{background:#80405C;}
    #groupe .d4{background:#917277;}
    #groupe .d5{background:#9AC59A;}
    #groupe .d6{background:#ADC56B;}
    #groupe .d7{background:#7F9D58;}
    #groupe .d8{background:#698D4D;}
    #groupe .d9{background:#90E7E5;}
    #groupe .d10{background:#A7BCC7;}
    #groupe .d11{background:#5CC7C8;}
    #groupe .d12{background:#5DAFE6;}
    #groupe .d13{background:#CB4C3B;}
    #groupe .d14{background:#A20812;}
    #groupe .d15{background:#E17257;}
    #groupe .d16{background:#DD2B45;}

    /* BLOC POSITIONNEMENT */
    .boxQEEL {
    display:inline-block; vertical-align:top;
    }
    /* TOTAL MESSAGES QEEL */
    .TotalPosts {
    margin-bottom:10px;
    width:120px; height:50px; padding-top:13px;
    text-align:center; font-size:16px; line-height:normal;
    background:#dedede; color:black; /* MODIFIABLE */
    }
    /* TOTAL MEMBRES QEEL */
    .TotalUsers {
    width:120px; height:50px; padding-top:13px;
    text-align:center; font-size:16px; line-height:normal;
    background:#dedede; color:black; /* MODIFIABLE */
    }
    /* MEMBRES CONNECTES */
    .online {
    display:inline-block; vertical-align:top; margin-left:10px;
    width:235px; height:120px; padding:10px; overflow:auto;
    font-size:12px; text-align:justify;
    background:#dedede;; color:black; /* MODIFIABLE */
    }
    /* DERNIER UTILISATEUR ENREGISTRE QEEL */
    .lstQEEL {
    margin-top:10px;
    width:385px; height:40px; padding-top:20px;
    background:#dedede;; color:white; /* MODIFIABLE */
    text-align:center; font-size:18px;
    }
    /* NOMBRE UTILISATEURS EN LIGNE */
    #UsersOnline {
    display:block; margin-top:10px;
    width:385px; height:15px; padding:5px 0;
    font-size:11px; text-align:center;
    background:white; color:black; /* MODIFIABLE */
    }
    /* CREDITS */
    .creditQEEL {
    margin-top:10px;
    width:385px; height:40px; padding-top:20px;
    color:black;font-family:Oswald;text-transform:Uppercase; text-align:left; /* MODIFIABLE */
    text-align:center; font-size:18px; font-style:italic;text-shadow:1px 1px 0 #dedede;
    }
    /* BLOC FIN QEEL */
    .FinQEEL {
    margin:auto;
    width:900px; height:35px; padding-top:40px;
    background:#000;  /* MODIFIABLE */
    }



    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Si vous avez des problèmes avec ce LS, venez poster ici.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^


    Dernière édition par Nemalus le Ven 23 Déc 2016 - 0:29, édité 1 fois
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 22 Déc 2016 - 5:54

    Salut!

    Àl'exception d'une balise mal refermée, tout était bon alors je me suis permise de faire la correction. Je valide ce Ls qui sera bientôt déplacé dans la bonne section !

    Merci du partage ^^



    Cornelia
    Cornelia
    FémininAge : 35Messages : 118

    Jeu 5 Jan 2017 - 12:56

    merci
    Anonymous
    Invité

    Jeu 5 Jan 2017 - 18:58

    Merci pour le partage !
    Err0r
    Err0r
    FémininAge : 30Messages : 134

    Ven 6 Jan 2017 - 23:37

    je pique Very Happy



    Qui est en ligne | Noir et blanc 150519095409324327
    Shupy
    Shupy
    FémininAge : 28Messages : 15

    Jeu 12 Jan 2017 - 1:26

    Merci !
    Kirito
    Kirito
    MasculinAge : 28Messages : 209

    Jeu 12 Jan 2017 - 18:51

    Merci
    Hylia
    Hylia
    FémininAge : 23Messages : 100

    Mar 17 Jan 2017 - 18:30

    Merci!



    Qui est en ligne | Noir et blanc _hylia10
    lounythithi
    lounythithi
    MasculinAge : 28Messages : 14

    Mer 18 Jan 2017 - 16:51

    merci ^^
    Lilynufare
    Lilynufare
    FémininAge : 33Messages : 341

    Ven 17 Fév 2017 - 2:27

    merci ^^
    Anonymous
    Invité

    Mar 21 Fév 2017 - 23:39

    Merci! <3
    Lalia
    Lalia
    FémininAge : 24Messages : 45

    Sam 25 Fév 2017 - 15:34

    Merci x3
    Momiji-chan
    Momiji-chan
    FémininAge : 25Messages : 38

    Lun 27 Fév 2017 - 14:40

    Merciiiii pour ce code ! cheers
    Black Chocolate
    Black Chocolate
    MasculinAge : 34Messages : 59

    Mar 28 Fév 2017 - 23:58

    Merci ! :)
    Enaira
    Enaira
    FémininAge : 25Messages : 74

    Lun 6 Mar 2017 - 20:35

    Merciiii :DD



    Qui est en ligne | Noir et blanc Bannirenaira1fragmente
    Kitket
    Kitket
    FémininAge : 40Messages : 106

    Dim 12 Mar 2017 - 8:16

    MErci
    Onlyo
    Onlyo
    FémininAge : 26Messages : 24

    Mar 14 Mar 2017 - 15:14

    Merci ^^
    Vegvisir
    Vegvisir
    FémininAge : 24Messages : 411

    Dim 19 Mar 2017 - 15:06

    Wow, simple et efficace, exactement comme j'aime :o Joli travail !



    Qui est en ligne | Noir et blanc 1
    Crazy-Sweet
    Crazy-Sweet
    FémininAge : 32Messages : 131

    Lun 20 Mar 2017 - 12:40

    J'aime beaucoup ! Merci.




    Our ice hearts beat
    Voir le monde dans un grain de sable. Et le paradis dans une fleur sauvage. Tenir l'infini dans le creux de sa main. Et l'éternité dans une heure - SIR WILLIAM BLAKE

    megb59
    megb59
    FémininAge : 29Messages : 111

    Lun 20 Mar 2017 - 17:02

    J'aime beaucoup bravo à toi de l'avoir fait!
    Dearborn
    Dearborn
    FémininAge : 29Messages : 112

    Mer 22 Mar 2017 - 23:48

    merci!
    Anonymous
    Invité

    Sam 25 Mar 2017 - 16:34

    Merci :)
    Nearween
    Nearween
    FémininAge : 25Messages : 213

    Dim 26 Mar 2017 - 16:00

    Merci Very Happy



    Qui est en ligne | Noir et blanc Tumblr_static_tumblr_static_e0bc42ijrzwc84o84s4s8o0g_640

    Stand by Me
    Kai Parker
    Kai Parker
    FémininAge : 25Messages : 154

    Lun 27 Mar 2017 - 11:23

    Très joli !

    Kijo Wolf
    Kijo Wolf
    MasculinAge : 27Messages : 19

    Mer 29 Mar 2017 - 1:02

    Merci pour le code de cette QEEL. Comme je l'ai dis dans un autre topics. Je voudrai ta permission pour mettre soit ton pseudo (soit un site, si c'est le cas tu pourrais m'envoyer un mp) pour un post de remerciement. Désolé du dérangement
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 7:37