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 Pokémon

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9752

    le Ven 13 Juin 2014 - 21:10

    Rappel du premier message :

    Plop,

    Suite à une demande de Cruelly voici le LS qui découle.
    Un petit merci ne coûte rien et motive celui ou celle qui partage Wink

    Qui est en ligne ?


    Version  phpBB2 ▬ CSS & HTML ▬ Groupes en onglets

    Aperçu ▬ www
    La page d'accueil assortie et les catégories qui vont avec


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

        /* Fond du QEEL */
        .fond_qeel {
          background-color: #98D8D7;
          width: 700px;
          border-radius: 25px;
          padding: 25px;
          position: relative;
          top: -7em;
          z-index: 1;
        }

        /* Mise en forme des blocs du QEEL */
        .bloc_qeel {
          background-color: #B3E3E3;
          color: #377B7A;
          text-align: center;
          border-radius: 25px;
          padding: 15px;
          font-size: 11px;
          position: relative;
          top:-2em;
        }

        /* Taille et position de la Pokéball */
        .img_qeel {
          position: relative;
          top: -4em;
          z-index: 2;
          width: 180px;
        }

        /*** SYSTEME D'ONGLETS ***/

        .qeelonglet {
      padding-left: 10px;
      padding-right: 10px;
      font-family: 'Parisienne', cursive;
      font-size: 15px;
      display: block;
    }
                  
        .qeelonglet_0 {
        }

        .qeelonglet_1 {
        }

        .contenu_qeelonglet {
          padding: 25px;
          display: none;
          width: 320px;
          height: 45px;
          overflow: auto;
          border-radius: 25px;
          position: relative;
          left: -1.5em;
          text-align: justify;
        }

        .contenu_qeelonglet a{
          text-decoration: none !important;
        }

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

    Remplacer ceci dans le template Index_Body :
    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 -->

    Par ceci :
    Code:
    <!-- BEGIN disable_viewonline --><br /><br />
    <link href='http://fonts.googleapis.com/css?family=Lobster|Parisienne' rel='stylesheet' type='text/css'>
      <div style="top: 1em; position: relative; z-index: 3; font-family: 'Lobster', cursive; font-size: 35px; color: #25867F; text-shadow: 1px 1px 2px white;"><center>Qui cherche des Pokémon ?</center></div>
      <center><img src="http://i39.servimg.com/u/f39/18/47/68/10/pokbal10.png" class="img_qeel" /></center><div class="fond_qeel"><table><tr><td><div class="bloc_qeel" style="width: 200px;">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
        {NEWEST_USER}</div>
        <div class="bloc_qeel" style="width: 200px;">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}</div></td>
        <td><div class="bloc_qeel" style="width: 200px;"><div class="qeelonglets">
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Administration" onclick="javascript:change_qeelonglet('Administration');"><span style="color: #BC1D1D;">Administration</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Scientifique" onclick="javascript:change_qeelonglet('Scientifique');"><span style="color: #2C5654;">Scientifique</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Team Rocket" onclick="javascript:change_qeelonglet('Team Rocket');"><span style="color: #D9631C;">Team Rocket</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Dresseur" onclick="javascript:change_qeelonglet('Dresseur');"><span style="color: #73377B;">Dresseur</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Apprentie_dresseur" onclick="javascript:change_qeelonglet('Apprentie_dresseur');"><span style="color: #BB7BC4;">Apprentie dresseur</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Champion" onclick="javascript:change_qeelonglet('Champion');"><span style="color: #62A451;">Champion</span></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Civil" onclick="javascript:change_qeelonglet('Civil');"><span style="color: #938762;">Civil</span></span> <br />
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Eleveur" onclick="javascript:change_qeelonglet('Eleveur');"><span style="color: #5187A4;">Éleveur</span></span>
       </div></div></td>
        <td><div class="bloc_qeel" style="width: 200px; height: 150px; overflow: auto;">{LOGGED_IN_USER_LIST}</div></td>
      </tr><br /><br /></table>
      <table><tr><td><div class="bloc_qeel" style="width: 300px;"><div style="background-color: #98D8D7; padding: 7px; border-radius: 10px;"><marquee><a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a></marquee></div>
        Nos meilleurs amis et coup de coeur du mois !
        <a href="#"> <img src="http://i39.servimg.com/u/f39/18/88/64/69/coeur_10.jpg" style="border-radius: 10px;" /></a></div></td>
        <td style="width: 120px;"></td>
        <td><div class="bloc_qeel" style="width: 350px;"><div class="contenu_qeelonglets"><div class="contenu_qeelonglet" id="contenu_qeelonglet_Administration" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
          
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Scientifique" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
          
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Team Rocket" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Dresseur">Contenu 2</div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Apprentie_dresseur">Apprentie dresseur</div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Champion">Champion</div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Civil">Civil</div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Eleveur">Éleveur</div>
          
       </div></div></td></tr>
      </table></div>



    <script type="text/javascript">
                //<!--
                        function change_qeelonglet(name)
                        {
                                document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                                document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                                document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                                document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                                anc_qeelonglet = name;
                        }
                //-->
                </script>
        <script type="text/javascript">
                //<!--
                        var anc_qeelonglet = 'Administration';
                        change_qeelonglet(anc_qeelonglet);
                //-->
                </script>




    <!-- 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:54, édité 1 fois




    < / Libre service codage >
    avatar
    Luxuria
    FémininAge : 20Messages : 83

    le Sam 28 Juin 2014 - 14:53

    Mercii !
    avatar
    Ceecemel
    FémininAge : 20Messages : 36

    le Sam 28 Juin 2014 - 14:59

    Halloween tu fais des choses tellement fantastiques *^* ! bravo !
    avatar
    Raween
    FémininAge : 26Messages : 110

    le Sam 28 Juin 2014 - 22:18

    Merci beaucoup ^^
    avatar
    ( Lou' )
    FémininAge : 22Messages : 108

    le Dim 29 Juin 2014 - 12:34

    Merci **
    avatar
    Elora Hanta
    FémininAge : 26Messages : 69

    le Dim 29 Juin 2014 - 15:27

    Super, merci  Very Happy 
    avatar
    Kovu
    FémininAge : 17Messages : 254

    le Dim 29 Juin 2014 - 15:30

    merci



    avatar
    katia06
    FémininAge : 49Messages : 203

    le Dim 29 Juin 2014 - 19:32

    merci j'adore



    avatar
    Kim Jae Yoon
    FémininAge : 27Messages : 128

    le Dim 29 Juin 2014 - 19:38

    Merci !
    avatar
    Heartfilia
    FémininAge : 18Messages : 98

    le Dim 29 Juin 2014 - 23:54

    J'adore, merci



    YOU HELLA SAVED MY LIFE
    - chloe price
    avatar
    Cruelly
    FémininAge : 25Messages : 2563

    le Lun 30 Juin 2014 - 1:26

    Waouwe beaucoup plus populaire que je ne l'aurais cru j'ai bien fait de faire la demande :)



    MON PROJET :heart: j'ai besoin d'avis ^^


    avatar
    Invité

    le Lun 30 Juin 2014 - 3:44

    Il est superbe, merci beaucoup *.*
    Shinju.dot
    FémininAge : 28Messages : 88

    le Lun 30 Juin 2014 - 12:29

    merci
    avatar
    Ayane Jun
    FémininAge : 25Messages : 81

    le Lun 30 Juin 2014 - 16:46

    Merci !
    avatar
    Myxookiie
    FémininAge : 25Messages : 47

    le Lun 30 Juin 2014 - 23:09

    Super beau! *-*
    avatar
    Neko-Rika
    FémininAge : 19Messages : 115

    le Mer 2 Juil 2014 - 10:26

    Merchi.
    avatar
    Hancok
    FémininAge : 33Messages : 1049

    le Mer 2 Juil 2014 - 10:41

    Merci encore pour ce code magnifique :)  :love: 





    avatar
    Cristi@no Ronaldo
    MasculinAge : 30Messages : 4

    le Mer 2 Juil 2014 - 19:17

    super  Very Happy 
    Drogba JR
    MasculinAge : 25Messages : 88

    le Mer 2 Juil 2014 - 20:10

    merci beaucoup :)
    avatar
    Milka
    FémininAge : 30Messages : 112

    le Jeu 3 Juil 2014 - 14:57

    Merci pour ce LS Wink
    avatar
    Sweetie Plum
    FémininAge : 23Messages : 27

    le Ven 4 Juil 2014 - 14:16

    Merci beaucoup du partage !^^
    avatar
    Fayzl4D
    MasculinAge : 22Messages : 84

    le Ven 4 Juil 2014 - 16:05

    merci
    avatar
    Malice1329
    FémininAge : 29Messages : 79

    le Ven 4 Juil 2014 - 18:17

    J'adore merci



    avatar
    Tine
    FémininAge : 19Messages : 37

    le Ven 4 Juil 2014 - 23:59

    Mercii
    avatar
    Eirlys
    FémininAge : 25Messages : 66

    le Sam 5 Juil 2014 - 1:12

    merci
    avatar
    Dearborn
    FémininAge : 24Messages : 109

    le Sam 5 Juil 2014 - 9:54

    Merci Cool!
    Contenu sponsorisé


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