AccueilFAQRechercherMembresGroupesS'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.


    QEEL tout nu ! (et pâle)

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9751

    le Jeu 19 Juin 2014 - 19:54

    Rappel du premier message :

    Plop,

    Ce LS vient de l'idée de Risa, on partage \o/ Illustration de taille 150*250px.
    Un petit merci ne coûte rien et motive celui ou celle qui partage Wink

    Soit dit en passant, je fais une expérience. Je suis sûre que le topic va être consulté plus souvent que d'autres rien que pour le titre xD

    Qui est en ligne ?


    Version  phpBB2 ▬ CSS & HTML

    Aperçu ▬ www


    CSS
    Code:
        /* ------------------------------- QEEL ------------------------------- */

        .fond_QEEL {
          font-size: 11px;
          font-family: arial;
          background-color: #FAEDD1;
          color: #000000;
          padding: 15px;
          text-align: justify;
        }

        #kaboum .row1 {
          background-color: #EBE3CA;
          width: 770px;
          height: 150px;
          padding: 15px;
          overflow: auto;
          text-align: center;
        }

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

    Dans le template Index_Body repérer ceci :
    Code:
       <!-- BEGIN disable_viewonline -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
           <tr>
              <td class="catHead" colspan="2" height="28">
              <!-- BEGIN switch_viewonline_link -->
              <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
              <!-- END switch_viewonline_link -->

              <!-- BEGIN switch_viewonline_nolink -->
              <span class="cattitle">{L_WHO_IS_ONLINE}</span>
              <!-- END switch_viewonline_nolink -->
              </td>
           </tr>
           <tr>
              <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
              <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
              {TOTAL_USERS}<br />
              {NEWEST_USER}</span></td>
           </tr>
           <tr>
              <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
              {RECORD_USERS}<br />
              <br />
              {LOGGED_IN_USER_LIST}</span></td>
           </tr>
           {L_CONNECTED_MEMBERS}
           {L_WHOSBIRTHDAY_TODAY}
           {L_WHOSBIRTHDAY_WEEK}
           <tr>
              <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
           </tr>
           <!-- BEGIN switch_chatbox_activate -->
           <tr>
              <td class="row1">
                 <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :&nbsp; {CHATTERS_LIST}<br />
                    <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                    //<![CDATA[
                    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    //]]>
                    </script>
                    <!-- END switch_chatbox_popup -->
                 </span>
              </td>
           </tr>
           <!-- END switch_chatbox_activate -->
        </table>
        <!-- END disable_viewonline -->

    Que vous remplacez par ceci :
    Code:
       <!-- BEGIN disable_viewonline -->
        <table style="width: 800px;" class="fond_QEEL"><tr>
          <center><div style="font-family: 'Handlee', cursive; font-size: 35px; color: #FAEDD1;">Qui est ligne ?</div></center>
          <br />
        <center><a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #494166 !important; padding: 10px;">Groupe 1</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #3C6C5C !important; padding: 10px;">Groupe 2</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #961812 !important; padding: 10px;">Groupe 3</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #30A4CF !important; padding: 10px;">Groupe 4</a></center>
          <br />
                  <td><center><img src="http://i39.servimg.com/u/f39/18/40/69/79/5110.png" /></center></td>
                  <td style="width: 500px;"><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/,"Nos habitants travaillent dur ! Ils ont posté un total de").replace(/messages/,"messages, on peut les féliciter !");
                    </script><br />
                  <span id="matt">{TOTAL_USERS}</span>
                        <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Ils sont").replace(/membres enregistrés/,"à avoir tenté l'expérience.");
                    </script><br />
                  <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/,"Accueillons tous ensembles notre dernière victime");
                    </script><br />
                  <span id="connectes">{RECORD_USERS}.</span>
                    <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de rencontres simultanées est de");
                    </script><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/,"").replace(/utilisateur(s?) en ligne/,"personnes parcourent actuellement les lieux dont :").replace(/::/,":").replace(/Enregistré(s?)/,"fidèles,").replace(/Invisible(s?) et/,"discrets et").replace(/Invité(s?)/,"visiteurs");
                          </script>
                    <br /><br />
                    <div style="border-top: 1px #000000 solid; width: 500px;"></div>
                    <br /><br />
          <span id="alpha" style="width: 500px; height: 100px; overflow: auto;">{LOGGED_IN_USER_LIST}</span>
                        <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Sur les lieux");</script></td>
           </tr>

        <table id="kaboum" style="position: relative; left: -0.1em;">{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 * dernières heures : ','texte1 :'));
            </script></table>
        <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
        <!-- END disable_viewonline -->




    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 Halloween le Jeu 13 Avr 2017 - 21:03, édité 1 fois




    < / Libre service codage >
    avatar
    Babouine
    FémininAge : 24Messages : 17

    le Sam 16 Aoû 2014 - 13:47

    Merci pour le code ! Very Happy
    avatar
    Nathouille
    FémininAge : 26Messages : 70

    le Mer 20 Aoû 2014 - 15:01

    Je vais tester aussi, comme je vois pas, mais pas mal le titre xD
    avatar
    soraya
    FémininAge : 26Messages : 38

    le Mer 20 Aoû 2014 - 19:42

    J'ai pas besoin besoin de qeel pour l'instant mais ton titre m'a rendu curieuse x) dommage qu'on puisse pas voir l'aperçu, je vais le tester ! Merci :)




       
    Cory Monteith  1982 - 2013 Oh, why you look so sad? Tears are in your eyes come on and come to me now. Don't be ashamed to cry, let me see you through 'cause I've seen the dark side too. © by anaëlle.
    avatar
    Argy
    FémininAge : 19Messages : 98

    le Jeu 21 Aoû 2014 - 13:43

    On va voir ce que ça donne ;p
    En tout cas merci ! ^^
    avatar
    Ay.am.e
    FémininAge : 19Messages : 123

    le Jeu 21 Aoû 2014 - 16:39

    Merci !
    avatar
    Kraken
    FémininAge : 25Messages : 137

    le Jeu 21 Aoû 2014 - 17:28

    merci ♥
    avatar
    Kamesora
    FémininAge : 26Messages : 90

    le Jeu 21 Aoû 2014 - 21:00

    comme tous les autres je ne vois pas l'image mais je suis fan de toi donc ça ne peut être que superbe
    avatar
    Stitch56
    FémininAge : 24Messages : 200

    le Ven 22 Aoû 2014 - 10:30

    marchi ♥
    avatar
    Caine Lornan
    MasculinAge : 37Messages : 78

    le Dim 24 Aoû 2014 - 21:02

    Merci
    avatar
    Damned
    FémininAge : 16Messages : 109

    le Lun 25 Aoû 2014 - 21:15

    Merci
    avatar
    Liberty Grim
    FémininAge : 20Messages : 128

    le Mar 26 Aoû 2014 - 13:27

    Merci :3
    avatar
    Wanda Maximoff
    FémininAge : 24Messages : 80

    le Mer 27 Aoû 2014 - 21:54

    Merci ! ♥
    avatar
    I.P
    FémininAge : 24Messages : 19

    le Mer 27 Aoû 2014 - 22:25

    merci
    avatar
    zbou
    FémininAge : 24Messages : 83

    le Sam 30 Aoû 2014 - 14:35

    Merci ♥
    avatar
    Faucon
    FémininAge : 18Messages : 64

    le Sam 30 Aoû 2014 - 21:09

    Merci ♥
    avatar
    Chant
    FémininAge : 17Messages : 68

    le Jeu 4 Sep 2014 - 0:30

    Merci :3
    avatar
    Amber's
    FémininAge : 17Messages : 158

    le Jeu 4 Sep 2014 - 16:57

    Merci ♥
    avatar
    Sitahy
    FémininAge : 17Messages : 19

    le Dim 7 Sep 2014 - 1:57

    Ahah, j'aime bien le titre, moi. M'enfin, toujours aussi beau codage. :-) Merci.



    avatar
    Hancok
    FémininAge : 33Messages : 1038

    le Mar 16 Sep 2014 - 11:02

    Beau et simple à la foi, merci du partage :)





    avatar
    Eshon
    FémininAge : 37Messages : 194

    le Mar 16 Sep 2014 - 14:42

    Merci ! ^^
    avatar
    Ema Skye
    FémininAge : 20Messages : 134

    le Sam 20 Sep 2014 - 19:22

    Merci pour le QEEL nu ! 8D
    avatar
    Clarisse
    FémininAge : 18Messages : 3934

    le Dim 21 Sep 2014 - 0:50

    Merchi *o*
    avatar
    Allèle
    FémininAge : 25Messages : 56

    le Mar 23 Sep 2014 - 23:26

    simple, c'est très bien. merci
    avatar
    Jibunnie
    FémininAge : 20Messages : 105

    le Sam 27 Sep 2014 - 12:21

    Merci ♥
    avatar
    Cola
    FémininAge : 19Messages : 81

    le Lun 29 Sep 2014 - 19:56

    Merci



    Contenu sponsorisé


      La date/heure actuelle est Sam 26 Mai 2018 - 11:44