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
    Sparryx
    MasculinAge : 16Messages : 71

    le Lun 21 Déc 2015 - 18:58

    Merci =)=)=)=)
    avatar
    Miss lili
    FémininAge : 27Messages : 49

    le Mar 29 Déc 2015 - 17:56

    merci du partage
    avatar
    younessdu91
    MasculinAge : 20Messages : 96

    le Mer 30 Déc 2015 - 4:51

    Fan de Naruto, original merci :)
    avatar
    Heah92
    FémininAge : 20Messages : 86

    le Mer 30 Déc 2015 - 19:39

    Merci !
    avatar
    Maevis
    FémininAge : 17Messages : 27

    le Ven 1 Jan 2016 - 22:41

    C'est très beau.
    J'aime beaucoup la police utilisé pour les titres.
    Je vous l'emprunte du coup. Vous serez crédité, bien évidemment ♥
    avatar
    Lunatic Café
    FémininAge : 27Messages : 25

    le Dim 31 Jan 2016 - 20:19

    Merci beaucoup pour le partage! C'est vraiment sympa comme code! *.*
    avatar
    Rogue Titan
    FémininAge : 23Messages : 49

    le Mer 17 Fév 2016 - 12:16

    Merci !
    avatar
    Neya
    FémininAge : 19Messages : 164

    le Mer 17 Fév 2016 - 16:58

    P.A.R.F.A.I.T !
    avatar
    Saik
    MasculinAge : 22Messages : 65

    le Jeu 18 Fév 2016 - 17:05

    Merci beaucouppp!!!
    avatar
    Celuna
    FémininAge : 27Messages : 130

    le Mar 23 Fév 2016 - 10:04

    Merci pour ce magnifique partage :heart:
    avatar
    mon-etoile
    FémininAge : 29Messages : 140

    le Lun 14 Mar 2016 - 5:34

    Merci beaucoup
    avatar
    Enkyo
    MasculinAge : 25Messages : 14

    le Ven 18 Mar 2016 - 12:07

    Merci !
    avatar
    Zelena
    FémininAge : 30Messages : 57

    le Sam 19 Mar 2016 - 18:12

    Merci!
    avatar
    beza
    FémininAge : 22Messages : 47

    le Sam 9 Avr 2016 - 0:39

    Merci !
    avatar
    Kahlan
    FémininAge : 31Messages : 371

    le Ven 6 Mai 2016 - 16:23

    merci beaucoup pour ce partage !
    avatar
    Koalaz
    MasculinAge : 20Messages : 49

    le Sam 28 Mai 2016 - 1:02

    Très joli ! Mercii c:
    avatar
    Hannieska
    FémininAge : 21Messages : 14

    le Sam 28 Mai 2016 - 6:59

    Merci! Jadore *-*
    avatar
    akiraexile
    FémininAge : 20Messages : 7

    le Lun 27 Juin 2016 - 23:17

    Merci beaucoup ^^
    avatar
    Lena Choux
    FémininAge : 21Messages : 29

    le Mer 6 Juil 2016 - 18:18

    Merci c'est toooop **
    avatar
    Pava
    FémininAge : 83Messages : 62

    le Mer 13 Juil 2016 - 18:46

    Merci beaucoup !
    avatar
    Djeina
    FémininAge : 21Messages : 233

    le Jeu 11 Aoû 2016 - 2:43

    Merci du partage ^^
    avatar
    Dark Fairy
    FémininAge : 20Messages : 226

    le Jeu 11 Aoû 2016 - 14:32

    Merci! ça sera bien pour mon forum!
    avatar
    Myrddin
    FémininAge : 27Messages : 57

    le Mer 21 Sep 2016 - 2:50

    C'est vachement sympa, j'vais tester ça merci **
    avatar
    Likau
    MasculinAge : 24Messages : 326

    le Sam 22 Oct 2016 - 18:42

    Sympa ! Merci Halloween :)
    avatar
    Madras
    FémininAge : 33Messages : 279

    le Dim 4 Déc 2016 - 21:22

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Mer 20 Juin 2018 - 11:40