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

    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
    Neya
    FémininAge : 19Messages : 164

    le Mar 16 Fév 2016 - 20:28

    Thank's
    avatar
    Geekoupa
    MasculinAge : 30Messages : 20

    le Dim 21 Fév 2016 - 10:15

    Merci pour ce codage :)
    avatar
    Shide
    FémininAge : 29Messages : 60

    le Mar 23 Fév 2016 - 16:46

    merci
    avatar
    Maestro
    MasculinAge : 25Messages : 14

    le Dim 28 Fév 2016 - 11:15

    Merci!
    avatar
    Sapphire
    FémininAge : 21Messages : 48

    le Lun 29 Fév 2016 - 20:15

    Merci du partage ! c:
    avatar
    HellJoa
    FémininAge : 25Messages : 23

    le Jeu 3 Mar 2016 - 19:58

    Merci pour le partage ! :)
    avatar
    Leelo
    FémininAge : 26Messages : 147

    le Jeu 3 Mar 2016 - 23:27

    Oh j'adore simple mais magnifique
    avatar
    Ganta
    MasculinAge : 25Messages : 69

    le Dim 27 Mar 2016 - 4:27

    Merci !
    avatar
    Lunatic Café
    FémininAge : 27Messages : 25

    le Ven 1 Avr 2016 - 19:52

    Sympa! J'aime bien le style de ce QEEL!
    Merci du partage! ^^
    avatar
    coconut groove
    FémininAge : 30Messages : 112

    le Sam 2 Avr 2016 - 23:42

    Merci du partage!
    avatar
    soulscythe
    MasculinAge : 27Messages : 19

    le Mar 19 Avr 2016 - 3:57

    Merci !
    avatar
    Gladou
    MasculinAge : 23Messages : 114

    le Ven 20 Mai 2016 - 20:54

    merciiii



    avatar
    Aynam
    FémininAge : 21Messages : 73

    le Jeu 26 Mai 2016 - 20:48

    merci




    avatar
    Tink ♥
    FémininAge : 25Messages : 48

    le Lun 20 Juin 2016 - 21:34

    QEEL tout nu :mdr: :mdr:
    merci !!
    avatar
    Pelezinho
    MasculinAge : 18Messages : 86

    le Mer 22 Juin 2016 - 0:09

    cimmm



    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    avatar
    Nono-Chan
    FémininAge : 20Messages : 273

    le Mer 22 Juin 2016 - 13:12

    Merci
    avatar
    Neilia
    FémininAge : 26Messages : 101

    le Ven 24 Juin 2016 - 16:39

    merchiiii, je doit avouer que j'étais intriguée par le titre ^-^
    avatar
    Mistiny
    FémininAge : 15Messages : 23

    le Mer 27 Juil 2016 - 20:50

    Merci !
    avatar
    Djeina
    FémininAge : 21Messages : 233

    le Mer 10 Aoû 2016 - 22:14

    Merci du partage ^^
    avatar
    Invité

    le Mer 17 Aoû 2016 - 21:56

    Merci pour ce LS !
    avatar
    SuperSpaceCab
    MasculinAge : 33Messages : 36

    le Jeu 6 Oct 2016 - 5:52

    Cool merci !
    avatar
    Minoe
    FémininAge : 25Messages : 13

    le Sam 8 Oct 2016 - 16:29

    Merci pour ce LS Wink
    avatar
    WILDMOON.
    FémininAge : 19Messages : 33

    le Ven 21 Oct 2016 - 19:14

    mercii
    avatar
    Louaque
    MasculinAge : 53Messages : 60

    le Mar 25 Oct 2016 - 19:04

    Merci
    avatar
    Dreamzz
    FémininAge : 24Messages : 30

    le Mer 26 Oct 2016 - 10:00

    Merci pour le partage!



    Juliette, oh!
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Juin 2018 - 16:50