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
    Missa
    FémininAge : 21Messages : 54

    le Dim 11 Mai 2014 - 10:33

    Merci !



    avatar
    Milka
    FémininAge : 29Messages : 112

    le Dim 11 Mai 2014 - 14:57

    J'adore Wink
    avatar
    Lisou
    FémininAge : 17Messages : 303

    le Lun 12 Mai 2014 - 11:47

    Trop beau ♥
    avatar
    Izy
    FémininAge : 20Messages : 15

    le Lun 12 Mai 2014 - 19:30

    Super queel  :love: 
    avatar
    Allison01
    FémininAge : 33Messages : 197

    le Lun 12 Mai 2014 - 19:40

    Superbe merci ^^
    avatar
    [W]endy
    FémininAge : 27Messages : 117

    le Jeu 15 Mai 2014 - 17:07

    Superbe :heart:
    avatar
    Snape.
    FémininAge : 21Messages : 55

    le Jeu 15 Mai 2014 - 18:30

    J'aimeeeeee!



    avatar
    Lime
    FémininAge : 22Messages : 32

    le Sam 17 Mai 2014 - 0:34

    Mon Dieu j'adore, merci. °w°
    avatar
    Gypsy-Queen
    FémininAge : 27Messages : 8

    le Dim 18 Mai 2014 - 15:00

    GG c'est superbe merci <3
    avatar
    Xperience
    FémininAge : 21Messages : 156

    le Lun 19 Mai 2014 - 21:02

    J'adore, comme d'hab. .u.



    avatar
    Toria
    MasculinAge : 27Messages : 48

    le Mer 21 Mai 2014 - 9:16

    Très bon tuto, merci.
    avatar
    Dark6nika
    FémininAge : 24Messages : 118

    le Mer 21 Mai 2014 - 18:53

    Très beau et épuré, j'aime beaucoup ce style *-* merci du partage !! =D



    avatar
    Chocolakato
    FémininAge : 27Messages : 795

    le Mer 21 Mai 2014 - 21:24

    Merci Very Happy



    avatar
    Hayate747
    MasculinAge : 28Messages : 196

    le Mer 21 Mai 2014 - 21:31

    Merci !!
    avatar
    Bridgess
    FémininAge : 19Messages : 58

    le Jeu 22 Mai 2014 - 0:36

    J'adore ce QUEEL ! Il est vraiment trop joli ! Merci :3
    avatar
    Sephy
    FémininAge : 24Messages : 139

    le Jeu 22 Mai 2014 - 16:26

    Magnifique ! Très beau style =D merci du partage !
    avatar
    Petit Harfang
    FémininAge : 17Messages : 80

    le Ven 23 Mai 2014 - 8:59

    Merci =)
    avatar
    Luxuria
    FémininAge : 20Messages : 83

    le Ven 23 Mai 2014 - 16:42

    Joli :3 Merci !
    avatar
    Tatia38
    FémininAge : 29Messages : 306

    le Sam 24 Mai 2014 - 9:52

    Très jolie ,merci pour le partage
    avatar
    Aletheie
    FémininAge : 19Messages : 18

    le Sam 24 Mai 2014 - 12:47

    Merci, je te l'emprunte pour mon fow !
    avatar
    Invité

    le Dim 25 Mai 2014 - 14:44

    Très beau !
    avatar
    Sumaki
    FémininAge : 20Messages : 31

    le Mer 28 Mai 2014 - 2:03

    OH god c'est sublime, j'adore trop.. Mercii
    avatar
    Wizcoo
    MasculinAge : 24Messages : 34

    le Mer 28 Mai 2014 - 22:05

    Meeerci <3
    avatar
    Clémentine
    FémininAge : 25Messages : 223

    le Ven 30 Mai 2014 - 17:44

    A tester, merci ^^



    avatar
    Lust Caution
    FémininAge : 23Messages : 79

    le Sam 31 Mai 2014 - 1:21

    Un gros merci pour ce partage.
    Contenu sponsorisé


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