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
    Lilith Aube
    FémininAge : 31Messages : 481

    le Ven 3 Oct 2014 - 9:09

    Merci =)

    Beau travail ^^
    avatar
    Dagaa
    FémininAge : 17Messages : 16

    le Dim 5 Oct 2014 - 15:47

    Merci pour ce beau qeel simple **
    avatar
    Porcelain Detox
    MasculinAge : 23Messages : 91

    le Dim 5 Oct 2014 - 22:29

    Merci du partage <3
    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Mar 7 Oct 2014 - 0:00

    Merci du partage! ♥



    avatar
    Iguolta
    MasculinAge : 18Messages : 101

    le Dim 12 Oct 2014 - 11:10

    Merci :)




    Merci à Cruelly pour le kit Very Happy
    Merci beaucoup ^^:

    Merci Raeden Liddell Very Happy


    Merci Bubodox Very Happy


    Merci Shoki Very Happy
    avatar
    Nearween
    FémininAge : 19Messages : 208

    le Dim 12 Oct 2014 - 12:22

    merci pour le code





    Stand by Me
    avatar
    Merwyn Arehdel
    FémininAge : 18Messages : 298

    le Dim 12 Oct 2014 - 16:52

    Il est simple mais superbe, merci ùù



    Just want to be yours.
    avatar
    Bunny Lune
    FémininAge : 28Messages : 142

    le Mar 14 Oct 2014 - 14:15

    Merci pour le partage
    avatar
    Angie H.-Carter
    FémininAge : 34Messages : 714

    le Jeu 16 Oct 2014 - 14:33

    Merci ^^



    Your my brillant! You shine into the darkness and you guide me in my life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    avatar
    Cruelly
    FémininAge : 25Messages : 2563

    le Lun 20 Oct 2014 - 8:50

    Merci :)



    MON PROJET :heart: j'ai besoin d'avis ^^


    avatar
    Mezou
    FémininAge : 18Messages : 56

    le Lun 20 Oct 2014 - 13:40

    Merci, c'est beaaauu. *-*
    avatar
    Girlicious
    FémininAge : 32Messages : 60

    le Mar 21 Oct 2014 - 0:16

    Simple, mais efficace. Merci =)



    avatar
    Aletheie
    FémininAge : 19Messages : 18

    le Mar 21 Oct 2014 - 13:38

    Magnifique ! o/
    avatar
    Akina-chan
    FémininAge : 24Messages : 138

    le Jeu 23 Oct 2014 - 16:53

    Très bonne idée Very Happy
    avatar
    Neko-Rika
    FémininAge : 19Messages : 115

    le Jeu 23 Oct 2014 - 19:32

    Merci ^^
    avatar
    Monaka
    FémininAge : 25Messages : 132

    le Ven 24 Oct 2014 - 14:29

    C'est simple, mais très beau :)
    avatar
    Kinjiro
    MasculinAge : 19Messages : 80

    le Sam 25 Oct 2014 - 18:01

    Merci ;3



    avatar
    Curieuse
    FémininAge : 20Messages : 19

    le Dim 26 Oct 2014 - 21:30

    Très beau travail ! Merci ♥ ~
    avatar
    Fangs
    MasculinAge : 100Messages : 91

    le Jeu 30 Oct 2014 - 14:14

    Merci beaucoup ! C'est en totale harmonie avec le design de mon forum ! \o/
    avatar
    Morgi6315
    FémininAge : 21Messages : 35

    le Sam 1 Nov 2014 - 11:19

    Merci
    avatar
    Lilynufare
    FémininAge : 27Messages : 341

    le Sam 1 Nov 2014 - 11:55

    Sympa
    avatar
    Oïa
    FémininAge : 27Messages : 57

    le Mer 5 Nov 2014 - 13:50

    merci beaucoup, comme j'ai des soucis avec les autres, je vais testé le "tout nu"
    sera plus simple U-U merciiiiiiiiiiii



    avatar
    ginl
    FémininAge : 30Messages : 61

    le Jeu 6 Nov 2014 - 15:34

    merci ^^
    avatar
    Hayate747
    MasculinAge : 28Messages : 196

    le Sam 8 Nov 2014 - 13:41

    Merci !!
    avatar
    Invité

    le Ven 21 Nov 2014 - 23:07

    Effectivement le titre pique la curiosité hum (a)

    Merci du partage ♥
    Contenu sponsorisé


      La date/heure actuelle est Jeu 24 Mai 2018 - 11:51