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 : 9752

    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 >
    Psiconda
    FémininAge : 33Messages : 17

    le Jeu 4 Juin 2015 - 16:41

    Merci d'avance =)
    avatar
    Saya Shirayuki
    FémininAge : 25Messages : 150

    le Jeu 4 Juin 2015 - 21:55

    Merci beaucoup ^^
    avatar
    Invité

    le Lun 8 Juin 2015 - 22:09

    Bonjour
    avatar
    Furudebusu
    FémininAge : 20Messages : 25

    le Lun 8 Juin 2015 - 23:32

    Merci !
    avatar
    Deamyx
    MasculinAge : 22Messages : 208

    le Mar 9 Juin 2015 - 11:48

    Merci
    avatar
    Sadistic Syndrome
    FémininAge : 25Messages : 84

    le Mar 9 Juin 2015 - 16:10

    Idéal comme base ! Merci :)
    avatar
    Rara
    FémininAge : 21Messages : 87

    le Mar 9 Juin 2015 - 19:51

    Merci!
    Hinate-Chan
    FémininAge : 23Messages : 44

    le Lun 15 Juin 2015 - 15:01

    J'adore ces très simple et passe partout !
    Merci je vais le tester !
    avatar
    Hylia
    FémininAge : 18Messages : 97

    le Mar 23 Juin 2015 - 18:58

    Merci!



    avatar
    picka234
    Age : 53Messages : 440

    le Mer 24 Juin 2015 - 17:11

    merci



    avatar
    Rudein
    FémininAge : 21Messages : 83

    le Dim 28 Juin 2015 - 23:09

    merci pour le partage ! =D
    avatar
    Sadja
    MasculinAge : 20Messages : 74

    le Mer 1 Juil 2015 - 17:32

    la simplicité il n'y a que ça de vrai! Merci :)
    avatar
    Heartfilia
    FémininAge : 18Messages : 98

    le Dim 5 Juil 2015 - 19:40

    Thank youuu



    YOU HELLA SAVED MY LIFE
    - chloe price
    avatar
    Piratress
    FémininAge : 20Messages : 215

    le Mer 29 Juil 2015 - 14:07

    Merci du partage xD
    avatar
    BlueGhost
    MasculinAge : 16Messages : 125

    le Dim 2 Aoû 2015 - 15:38

    Oh qu'il est beau (comme quoi, faut pas qu'un QEEL soit super beau pour bien être vu des autres) ! Merci :)





    ~ Upupupu... je ne suis pas une peluche, je suis Monokuma ! ~
    Danganronpaaa ♥
    avatar
    Kaleessi
    FémininAge : 26Messages : 69

    le Dim 9 Aoû 2015 - 15:33

    Merci du partage! Ces très simple, mais parfait aussi!
    avatar
    Kelalin
    FémininAge : 25Messages : 1888

    le Dim 9 Aoû 2015 - 15:37

    Merci (★^O^★)
    avatar
    Kira Hatsuki
    FémininAge : 16Messages : 142

    le Dim 9 Aoû 2015 - 20:14

    Merci ^^
    avatar
    Romann
    FémininAge : 24Messages : 183

    le Dim 16 Aoû 2015 - 16:05

    Merci ^^



    avatar
    petit lu
    FémininAge : 25Messages : 172

    le Dim 16 Aoû 2015 - 16:17

    Merci du partage ♥
    avatar
    DarkMasamune
    FémininAge : 25Messages : 57

    le Lun 24 Aoû 2015 - 16:32

    Merci^^
    avatar
    Brume Sauvage
    FémininAge : 25Messages : 35

    le Lun 31 Aoû 2015 - 18:02

    merci :3
    avatar
    Hana Evali
    FémininAge : 28Messages : 167

    le Jeu 3 Sep 2015 - 18:26

    merci !



    avatar
    Ju' de fruits
    FémininAge : 25Messages : 82

    le Dim 20 Sep 2015 - 17:54

    Merciii !



    avatar
    Neyotox
    MasculinAge : 25Messages : 37

    le Lun 28 Sep 2015 - 6:11

    Trèq bien..merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Juin 2018 - 7:28