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

    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
    smily
    FémininAge : 19Messages : 64

    le Sam 14 Juin 2014 - 22:20

    Merci !
    avatar
    Stitch56
    FémininAge : 24Messages : 200

    le Lun 16 Juin 2014 - 10:12

    Merci *O*
    avatar
    Yunaly
    FémininAge : 16Messages : 52

    le Lun 16 Juin 2014 - 11:59

    C'est vraiment beau ! *w*
    Merci. ^^
    avatar
    HEAVEN.SPIRIT
    MasculinAge : 23Messages : 37

    le Mar 17 Juin 2014 - 16:26

    très sympa
    Løve
    MasculinAge : 22Messages : 189

    le Mer 18 Juin 2014 - 10:25

    Très beau QEEL^^
    avatar
    Tsukasa
    MasculinAge : 25Messages : 52

    le Ven 20 Juin 2014 - 9:05

    Magnifique, merci ~
    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Ven 20 Juin 2014 - 16:56

    merci du partage



    avatar
    Zoé
    FémininAge : 19Messages : 185

    le Ven 20 Juin 2014 - 21:46

    Merci !
    J'aime bien *_*



    avatar
    Invité

    le Lun 23 Juin 2014 - 9:22

    thanks !
    avatar
    Pinku
    FémininAge : 19Messages : 139

    le Lun 23 Juin 2014 - 10:24

    OMG ! Merci beaucoup o/
    avatar
    Tempy
    FémininAge : 20Messages : 76

    le Lun 23 Juin 2014 - 18:18

    Génial ! J'adore !
    Merci du partage !
    avatar
    Irony
    FémininAge : 20Messages : 102

    le Sam 28 Juin 2014 - 15:38

    Merci c'est magnifique *-*
    avatar
    -Hikaru-
    MasculinAge : 21Messages : 51

    le Sam 28 Juin 2014 - 18:29

    merci
    avatar
    erika02
    FémininAge : 21Messages : 262

    le Dim 29 Juin 2014 - 21:42

    Trop beau j'adore t'es code *^*



    avatar
    skaera22
    MasculinAge : 23Messages : 72

    le Dim 29 Juin 2014 - 23:06

    merci
    avatar
    Bennington'
    MasculinAge : 21Messages : 20

    le Mar 1 Juil 2014 - 4:55

    Merci
    avatar
    Kiwii
    FémininAge : 20Messages : 57

    le Mer 2 Juil 2014 - 1:18

    Magnifique !! *-* Merci !
    avatar
    Kio
    FémininAge : 20Messages : 22

    le Ven 4 Juil 2014 - 16:32

    Mercii
    avatar
    Vixinte
    FémininAge : 20Messages : 90

    le Dim 6 Juil 2014 - 17:07

    Toujours aussi simple et agréable !
    Miyoshi
    FémininAge : 23Messages : 54

    le Lun 7 Juil 2014 - 11:01

    Très beau, comme d'habitude ! o/
    avatar
    Nileeda
    FémininAge : 22Messages : 42

    le Lun 7 Juil 2014 - 13:30

    Merci :)
    avatar
    Keylha
    FémininAge : 18Messages : 82

    le Mer 9 Juil 2014 - 15:23

    Merci beaucoup ! *O*



    avatar
    Equestria
    FémininAge : 21Messages : 118

    le Jeu 10 Juil 2014 - 12:17

    merci
    avatar
    Wrung Jah
    MasculinAge : 24Messages : 59

    le Jeu 10 Juil 2014 - 13:59

    Merci :)
    avatar
    Monaka
    FémininAge : 25Messages : 132

    le Ven 11 Juil 2014 - 12:43

    bien sympathique ^^
    Contenu sponsorisé


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