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 - 17: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 - 18:57, édité 1 fois




    < / Libre service codage >
    avatar
    Rynkka
    FémininAge : 19Messages : 119

    le Mar 19 Aoû - 17:03

    Merci!



    avatar
    Kraken
    FémininAge : 25Messages : 137

    le Jeu 21 Aoû - 15:37

    merci du partage !
    avatar
    Kamesora
    FémininAge : 26Messages : 90

    le Jeu 21 Aoû - 19:06

    merci
    avatar
    Frereplaton
    FémininAge : 27Messages : 25

    le Dim 24 Aoû - 15:01

    Très jolie, merci pour le partage!  Very Happy 
    avatar
    Neymar
    MasculinAge : 19Messages : 138

    le Lun 25 Aoû - 13:26

    J'aime !
    avatar
    Natsuo Tanacka
    MasculinAge : 20Messages : 103

    le Mar 26 Aoû - 15:56

    merci



    avatar
    Wanda Maximoff
    FémininAge : 24Messages : 80

    le Mer 27 Aoû - 0:00

    Non seulement j'adore Naruto mais le résultat est parfait *-*
    Merci ♥
    avatar
    Lulucifer
    FémininAge : 22Messages : 24

    le Jeu 28 Aoû - 17:48

    Tellement beau. ,w, Merci beaucoup! <3
    avatar
    Shaadow
    FémininAge : 25Messages : 59

    le Ven 29 Aoû - 0:53

    j'aime tous tes codes. o/
    avatar
    Ay.am.e
    FémininAge : 19Messages : 123

    le Lun 1 Sep - 2:44

    Merci !
    avatar
    Zarwins
    FémininAge : 22Messages : 154

    le Lun 1 Sep - 8:45

    J'adore ! Ö
    Merci beaucoup



    avatar
    Amber's
    FémininAge : 17Messages : 158

    le Mar 2 Sep - 19:51

    Merci
    avatar
    Mushou
    FémininAge : 24Messages : 6

    le Sam 13 Sep - 20:44

    C'est superbe ! *_*
    avatar
    Deamyx
    MasculinAge : 22Messages : 208

    le Dim 14 Sep - 20:29

    Merci
    avatar
    Invité

    le Sam 20 Sep - 12:21

    Merci !
    avatar
    Pee-Boo
    FémininAge : 25Messages : 28

    le Sam 27 Sep - 6:59

    Merci !
    avatar
    cosmos-chann
    FémininAge : 20Messages : 115

    le Sam 27 Sep - 11:10

    superbe je te le pique !
    avatar
    Lilynufare
    FémininAge : 27Messages : 341

    le Lun 29 Sep - 14:45

    Merci
    avatar
    Calypso Luciano
    FémininAge : 27Messages : 333

    le Ven 10 Oct - 12:49

    Merci ^^
    avatar
    BlueBerry ♪
    FémininAge : 20Messages : 138

    le Sam 18 Oct - 19:23

    Merci :) sublime



    avatar
    Matantelie
    FémininAge : 24Messages : 36

    le Jeu 23 Oct - 1:58

    Merciii
    avatar
    Jull421
    FémininAge : 23Messages : 141

    le Ven 24 Oct - 23:48

    Merci ♥



    avatar
    Hiai
    MasculinAge : 27Messages : 30

    le Mar 28 Oct - 10:33

    Pas mal ! :o Merci
    avatar
    Skylighty
    FémininAge : 88Messages : 97

    le Mar 28 Oct - 13:55

    super ^^^merci
    avatar
    picka234
    Age : 53Messages : 440

    le Mer 29 Oct - 11:20

    merci!!!



    Contenu sponsorisé


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