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
    Mini BN
    FémininAge : 22Messages : 41

    le Ven 20 Fév 2015 - 13:31

    Merci pour ce partage, c'est très joli et j'aime beaucoup la personnalisation des textes ^-^
    avatar
    pika-cerise
    FémininAge : 26Messages : 92

    le Mar 24 Fév 2015 - 13:03

    jadore
    avatar
    kingyo-chan
    FémininAge : 21Messages : 61

    le Mar 24 Fév 2015 - 22:36

    merciii



    avatar
    Doku
    FémininAge : 23Messages : 64

    le Lun 2 Mar 2015 - 20:01

    Merci pour le partage de ce QEEL !
    avatar
    Silver Blast
    MasculinAge : 18Messages : 72

    le Jeu 5 Mar 2015 - 16:29

    Il est simple mais trop bien ^^ merci
    avatar
    Kaamee
    FémininAge : 22Messages : 110

    le Mer 11 Mar 2015 - 14:45

    Merci ♥



    avatar
    Luuny
    FémininAge : 20Messages : 43

    le Lun 16 Mar 2015 - 20:45

    J'adore, merci !
    avatar
    Krieshna
    FémininAge : 32Messages : 3

    le Sam 21 Mar 2015 - 21:26

    merci
    avatar
    Niortais
    MasculinAge : 33Messages : 27

    le Mer 25 Mar 2015 - 10:49

    Merci
    avatar
    Millaby
    FémininAge : 22Messages : 43

    le Mer 25 Mar 2015 - 17:38

    Merci o/
    avatar
    Pikabouh
    FémininAge : 16Messages : 123

    le Dim 29 Mar 2015 - 17:08

    Merci pour le code et en effet le titre attire plus que d'autre et m'a bien fait rire x)
    avatar
    didi XIV
    FémininAge : 28Messages : 19

    le Mar 31 Mar 2015 - 16:56

    Merci
    avatar
    Amacky
    FémininAge : 26Messages : 133

    le Mer 1 Avr 2015 - 13:43

    Merci à toi :)
    avatar
    oscar
    MasculinAge : 22Messages : 115

    le Lun 13 Avr 2015 - 17:42

    merci
    Catblack
    FémininAge : 22Messages : 85

    le Mar 14 Avr 2015 - 13:28

    merci
    avatar
    Ivy
    FémininAge : 22Messages : 45

    le Mer 15 Avr 2015 - 17:41

    Merci du partage !
    avatar
    xMermaids
    FémininAge : 19Messages : 19

    le Jeu 16 Avr 2015 - 14:14

    Merci ^_^
    avatar
    Nezzoon
    FémininAge : 18Messages : 66

    le Lun 20 Avr 2015 - 11:25

    Merci pour le partage :3 !
    avatar
    surrender
    FémininAge : 21Messages : 17

    le Mer 22 Avr 2015 - 22:53

    merci du partage !
    avatar
    Ryukaï
    MasculinAge : 20Messages : 613

    le Ven 1 Mai 2015 - 11:59

    Merci



    avatar
    Ghost of Darkness
    FémininAge : 24Messages : 43

    le Ven 8 Mai 2015 - 10:58

    Simple, épuré, doux... J'adhère totalement.
    Merci beaucoup pour cette création ♥



    Ghost of Darkness
    All my friends are heathens, take it slow. Wait for them to ask you who you know. Please dont make any sudden moves. You don't know the half od the abuse.


    avatar
    Kira Sazaki
    FémininAge : 24Messages : 22

    le Ven 15 Mai 2015 - 23:49

    J'aime beaucoup merci du partage :)
    avatar
    Dacina moe
    FémininAge : 39Messages : 169

    le Ven 29 Mai 2015 - 0:26

    simple et joli
    avatar
    darkhero246
    MasculinAge : 25Messages : 179

    le Lun 1 Juin 2015 - 18:41

    Merci pour le qeel :)
    avatar
    Nutop
    FémininAge : 15Messages : 254

    le Mar 2 Juin 2015 - 11:11

    Merci pour le partage, je vais le tester :3






    Contenu sponsorisé


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