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 Naruto en deux blocs

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9751

    le Lun 21 Avr 2014 - 19:49

    Rappel du premier message :

    Plop,

    Tant qu'on y est, soyons fou \o/ Rien de bien original, peut-être un peu plus personnalisé.

    Qui est en ligne ?


    Version  phpBB2 ▬ CSS & HTML ▬ Système d'info-bulles

    Aperçu ▬ www


    CSS
    Code:
    /***************************** QEEL *****************************/

    .bloc1{
      background-color: #D7D7D7;
      width: 350px;
      padding: 15px;
      text-align: justify;
      color: #343434;
      font-size: 11px;
    }

    .titre_qeel {
      font-family: 'Megrim', cursive;
      color: #008080;
      font-size: 25px;
      text-align: justify;
    }

    .trans .row1 {
      background-color : transparent;
      color: #343434 !important;
    }

    #kaboum .row1 {
      background-color : transparent;
    }

    qeel.info{
      position: relative;
      z-index: 24;
      font-weight: none !important;
      font-style: none !important;
      text-decoration:none;
    }
     
    qeel.info:hover{
      z-index: 25;
      font-weight: none !important;
      font-style: none !important;
    }
     
    qeel.info span{
      display: none;
    }
     
    qeel.info:hover span{
      display: block;
      position: absolute;
      top: 3.5em;
     left: -2em;  
     width: 240px;
      padding: 15px;
      text-align: justify;
      color: #343434;
      font-size: 11px;
      background-color: #D7D7D7;
      border-radius: 25px 0px 25px 0px;
      border: 4px solid #D7D7D7;
    }


    /***************************** FIN QEEL *****************************/



    Template index_body, repèrez 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 :
    Code:
    <!-- BEGIN disable_viewonline -->
    <center><div style="width: 800px; background-color: #363636; padding: 25px;">Qui est en ligne ?<br />
      <table><tr><td><div class="bloc1"><div class="titre_qeel"><center>Statistiques</center></div><br /><img src="http://data1.whicdn.com/images/112482891/large.gif" style="padding: 15px; width: 150px; float: right;" />Sois le bienvenue jeune Padawan ! Laisse Naruto te guider (entre deux parties de Poker Ninja) vers la voie du shinobi.
      A ce propos, <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/,"").replace(/messages/,"aventures");
                    </script> ont été vécues par nos <span id="matt">{TOTAL_USERS}
                    </span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"").replace(/membre enregistré/,"braves combattants");
                    </script>. <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/,"Le dernier fou en date à nous avoir rejoint est");
                    </script>. <table class="trans">  <span id="anniv">{L_WHOSBIRTHDAY_TODAY}          
            </span>
            <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Au fait, ce valeureux ninja fête son anniversaire aujourd'hui").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas d'anniversaire aujourd'hui, les ramens seront pour plus tard.").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"");
        </script></table><br />
        Concernant les factions, saches que <span style="color: #569B28; font-weight: bold;">Konoha</span> compte désormais 3 guerriers, <span style="color: #416B83; font-weight: bold;">Kiri</span> en torture actuellement 5, et aux dernières nouvelles Orochimaru en détient 6 à <span style="color: #A57AC0; font-weight: bold;">Oto</span>. On compatit, pauvre chair à canon 8D
        <br /><br />
         <img src="http://data3.whicdn.com/images/112482690/large.gif" style="padding: 15px; width: 150px; float: left;" /><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/,"Garde toujours un oeil sur ce qui t'entoure, regarde, ils sont").replace(/utilisateur(s?) en ligne/,"à t'épier").replace(/::/,":").replace(/Enregistré(s?)/,"shinobis").replace(/Invisible(s?) et/,"camouflés dans la brume et").replace(/Invité(s?)/," paysans.");
                      </script></div></td>
        <td><center><div class="bloc1"><div class="titre_qeel"><center>Et maintenant ...</center></div><br />
    <br /><div style="width: 340px; max-height: 100px; overflow: auto;"> <span id="alpha">{LOGGED_IN_USER_LIST}
                    </span>
                    <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Actuellement, derrière tes fesses tu as");</script></div>
    <div style="width: 340px; max-height: 100px; overflow: auto;"><table id="kaboum">{L_CONNECTED_MEMBERS}
        <script type="text/javascript">
        jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Courage, ces 24 dernières heures tu as déjà botté celles de : '));
      </script></table></div></div><br />
          <img src="http://data1.whicdn.com/images/107926450/large.gif" style="width: 200px; border-radius: 100px;" /><br />
          <table><tr><td><qeel class="info" href="#"><div style="font-family: 'Clicker Script', cursive; font-size: 34px; color: #569B28;">Konoha</div><span><img src="http://i58.servimg.com/u/f58/18/43/33/39/4211.png" style="float: left; padding: 10px;" /><br />Hokage : <k style="color: #569B28; font-weight: bold;">Hiruzen Sarutobi</k><br />En guerre<br />Alliance : /</span></qeel></td><td style="width: 30px;"></td><td><qeel class="info" href="#"><div style="font-family: 'Clicker Script', cursive; font-size: 34px; color: #416B83;">Kiri</div><span><img src="http://i58.servimg.com/u/f58/18/43/33/39/2610.png" style="float: left; padding: 10px;" /><br />Mizukage : <k style="color: #416B83; font-weight: bold;">Un poulpe</k><br />En guerre<br />Alliance : /</span></qeel></td><td style="width: 30px;"></td><td><qeel class="info" href="#"><div style="font-family: 'Clicker Script', cursive; font-size: 34px; color: #A57AC0;">Oto</div><span><img src="http://i58.servimg.com/u/f58/18/43/33/39/6510.png" style="float: left; padding: 10px;" /><br />Leader : <k style="color: #A57AC0; font-weight: bold;">Orochimaru</k><br />En guerre<br />Alliance : /</span></qeel></td></tr></table></center></td></tr></table></div></center>
      <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Clicker+Script' 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 - 20:57, édité 1 fois




    < / Libre service codage >
    avatar
    CaraDelevngnie
    FémininAge : 18Messages : 370

    le Mer 29 Oct 2014 - 15:42

    J'aimeuuuuh *-* Merchiii



    avatar
    Kyomun
    FémininAge : 20Messages : 16

    le Jeu 30 Oct 2014 - 13:28

    Ce qeel est superbe merci /o/



    Mun: "When I die.... burn the magazines under my bed.."
    avatar
    plushmasters
    FémininAge : 25Messages : 70

    le Sam 1 Nov 2014 - 22:31

    jolie
    avatar
    Shin Kiryu
    MasculinAge : 16Messages : 41

    le Dim 2 Nov 2014 - 11:56

    Merci !
    avatar
    MOON LEE
    FémininAge : 23Messages : 149

    le Lun 3 Nov 2014 - 13:29

    Merci
    avatar
    benficagirl
    FémininAge : 32Messages : 373

    le Dim 9 Nov 2014 - 0:09

    J'adore merci Very Happy
    avatar
    Miss Tigri
    FémininAge : 24Messages : 89

    le Dim 9 Nov 2014 - 17:34

    Merci !
    avatar
    Yuta Daishô
    MasculinAge : 26Messages : 12

    le Dim 16 Nov 2014 - 16:11

    Joli ^^
    avatar
    Ceecemel
    FémininAge : 20Messages : 36

    le Lun 17 Nov 2014 - 4:54

    magique *p*
    avatar
    Neiko Seiteki
    MasculinAge : 22Messages : 44

    le Jeu 27 Nov 2014 - 9:48

    Merci !
    avatar
    Sachikou
    FémininAge : 18Messages : 48

    le Sam 6 Déc 2014 - 12:40

    Thank you !!



    Garunzo
    MasculinAge : 19Messages : 38

    le Sam 27 Déc 2014 - 20:14

    merci
    avatar
    Carasama
    FémininAge : 22Messages : 95

    le Lun 5 Jan 2015 - 19:53

    Thank you *-*
    avatar
    Malf Claymore
    FémininAge : 23Messages : 125

    le Sam 31 Jan 2015 - 20:32

    Merci beaucoup
    avatar
    lolosmile
    FémininAge : 26Messages : 37

    le Jeu 5 Fév 2015 - 16:00

    j'espère pouvoir le modifier un peu
    avatar
    Screen
    FémininAge : 26Messages : 92

    le Sam 7 Mar 2015 - 22:03

    Merci beaucoup ^^
    avatar
    Kirito
    MasculinAge : 22Messages : 200

    le Sam 21 Mar 2015 - 0:22

    merci
    avatar
    Kortyx
    MasculinAge : 28Messages : 81

    le Sam 21 Mar 2015 - 15:29

    Merci ^^
    avatar
    Ryukaï
    MasculinAge : 20Messages : 613

    le Sam 4 Avr 2015 - 17:11

    Merci Wink



    avatar
    Kuroo
    FémininAge : 20Messages : 44

    le Dim 5 Avr 2015 - 19:41

    Merci pour les partage ! ♥
    avatar
    Haniwa
    FémininAge : 23Messages : 206

    le Lun 27 Avr 2015 - 10:32

    Merci
    avatar
    Littleredhood
    FémininAge : 19Messages : 27

    le Mer 29 Avr 2015 - 16:37

    Magnifique! Merci.
    avatar
    servity
    MasculinAge : 46Messages : 82

    le Mar 5 Mai 2015 - 3:23

    Merci



    avatar
    fancy
    MasculinAge : 27Messages : 34

    le Lun 11 Mai 2015 - 11:07

    Je le trouve super moi <3
    avatar
    Namco
    FémininAge : 25Messages : 112

    le Mer 13 Mai 2015 - 19:34

    smpa le queel ! meci :)
    Contenu sponsorisé


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