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
    Oror
    FémininAge : 28Messages : 95

    le Lun 2 Nov 2015 - 10:54

    Merci du partage ! ^^



    avatar
    Girly
    FémininAge : 20Messages : 116

    le Jeu 19 Nov 2015 - 20:09

    merci
    avatar
    Utauko
    FémininAge : 21Messages : 42

    le Jeu 19 Nov 2015 - 20:45

    Mon dieu, tout tes QEEL gère ;w;
    avatar
    Samluna
    FémininAge : 18Messages : 96

    le Dim 22 Nov 2015 - 16:02

    C'est vrai que le titre doit attirer les pervers XD
    Sinon c'est super, parce que je cherchais un QEEL pâle et sobre Very Happy Merci beaucoup ! ^^




    Priez pour Paris. Priez pour la liberté.
    Priez pour Paris. Priez pour l'égalité.
    Priez pour Paris. Pour la fraternité.

    #Pray for Paris
    avatar
    Petit Harfang
    FémininAge : 17Messages : 80

    le Dim 22 Nov 2015 - 16:35

    Merci :)
    avatar
    Elocha
    FémininAge : 67Messages : 255

    le Dim 22 Nov 2015 - 17:54

    j'aime bien ! merci



    eLoChA.
    avatar
    Nerine
    FémininAge : 25Messages : 15

    le Mar 24 Nov 2015 - 13:36

    Merci du partage :)
    avatar
    Loretta
    FémininAge : 26Messages : 53

    le Sam 28 Nov 2015 - 18:29

    Merci pour le partage !
    avatar
    Milaow
    FémininAge : 18Messages : 71

    le Mer 9 Déc 2015 - 21:54

    Merci pour le partage :3
    avatar
    Soupy
    FémininAge : 22Messages : 23

    le Ven 11 Déc 2015 - 13:33

    Super, simple mais efficace, merci !
    avatar
    Neigeou
    FémininAge : 14Messages : 53

    le Dim 13 Déc 2015 - 19:07

    Merci !
    avatar
    Myxookiie
    FémininAge : 25Messages : 47

    le Lun 14 Déc 2015 - 21:52

    Simple et efficace merciiii!
    avatar
    Elenna
    FémininAge : 23Messages : 32

    le Jeu 17 Déc 2015 - 18:12

    Merci Wink
    avatar
    Camomille
    FémininAge : 18Messages : 57

    le Jeu 31 Déc 2015 - 11:33

    zoli !
    avatar
    Lulus
    FémininAge : 27Messages : 143

    le Dim 3 Jan 2016 - 11:57

    Merci :)
    avatar
    Viou
    FémininAge : 29Messages : 178

    le Lun 11 Jan 2016 - 10:11

    Merci **
    avatar
    Katell
    FémininAge : 24Messages : 18

    le Jeu 14 Jan 2016 - 21:09

    Eh bien je pense que cette simplicité était tout à fait ce qu'il fallait pour mes petits yeux !
    Merci beaucoup pour ce partage !
    avatar
    Saia
    FémininAge : 23Messages : 186

    le Sam 30 Jan 2016 - 0:23

    Merci c'est bien pour les base



    avatar
    Delena
    FémininAge : 34Messages : 96

    le Sam 30 Jan 2016 - 3:39

    Merci beaucoup !



    avatar
    Shylanova
    FémininAge : 28Messages : 31

    le Sam 30 Jan 2016 - 20:41

    Exactement ce que j'ai de besoin, merci (:
    avatar
    Tatout
    FémininAge : 22Messages : 58

    le Ven 5 Fév 2016 - 9:12

    Merci du partage ! :)
    avatar
    KTMiz
    MasculinAge : 19Messages : 47

    le Dim 7 Fév 2016 - 23:13

    Merci



    avatar
    Zachary Wolf
    FémininAge : 25Messages : 57

    le Mar 9 Fév 2016 - 20:10

    Merci :)
    avatar
    Voltino
    MasculinAge : 23Messages : 55

    le Jeu 11 Fév 2016 - 5:42

    Wow...merci
    avatar
    Euterpe
    FémininAge : 31Messages : 301

    le Ven 12 Fév 2016 - 10:15

    mrci
    Contenu sponsorisé


      La date/heure actuelle est Dim 27 Mai 2018 - 15:45