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

    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
    Databar
    MasculinAge : 24Messages : 142

    le Jeu 2 Oct 2014 - 3:13

    merci (c'est pour aidé un membre x))
    avatar
    Clarisse
    FémininAge : 18Messages : 3934

    le Jeu 2 Oct 2014 - 23:55

    Merchii ! *o*
    avatar
    Nemelise
    FémininAge : 16Messages : 50

    le Dim 5 Oct 2014 - 16:57

    merci c: !
    avatar
    Nemalus
    FémininAge : 20Messages : 358

    le Mar 7 Oct 2014 - 21:40

    Merci bien ♥
    Lovelybush
    FémininAge : 26Messages : 45

    le Ven 10 Oct 2014 - 19:24

    j'aime beaucoup !
    avatar
    .lovely
    FémininAge : 21Messages : 54

    le Dim 12 Oct 2014 - 17:39

    sublime
    avatar
    bubulle
    FémininAge : 30Messages : 76

    le Jeu 16 Oct 2014 - 17:07

    merci
    avatar
    reshiram44
    MasculinAge : 19Messages : 380

    le Mer 22 Oct 2014 - 13:32

    Merci



    avatar
    Millaby
    FémininAge : 22Messages : 43

    le Mer 22 Oct 2014 - 14:50

    Merci ! :3
    avatar
    Keo
    FémininAge : 18Messages : 4

    le Jeu 23 Oct 2014 - 12:12

    C'est super jolie, merci d'avance :)
    avatar
    Diabolik
    FémininAge : 21Messages : 18

    le Ven 24 Oct 2014 - 15:21

    Ce thème est tout mignon, merci beaucoup !
    avatar
    Kahlan
    FémininAge : 31Messages : 371

    le Ven 24 Oct 2014 - 17:13

    Merci Halloween =)
    avatar
    GleekOut!
    MasculinAge : 22Messages : 33

    le Sam 25 Oct 2014 - 12:08

    Merci du partage. Razz
    avatar
    Angy38
    FémininAge : 48Messages : 212

    le Sam 1 Nov 2014 - 11:12

    Merci



    avatar
    Oïa
    FémininAge : 27Messages : 57

    le Mer 5 Nov 2014 - 14:04

    merci merci



    avatar
    Juliette21
    FémininAge : 20Messages : 48

    le Sam 8 Nov 2014 - 22:24

    Merci du partage !
    avatar
    Alcida
    FémininAge : 29Messages : 33

    le Mar 11 Nov 2014 - 10:55

    Merci !



    avatar
    Storminder
    MasculinAge : 22Messages : 56

    le Mar 11 Nov 2014 - 15:50

    C'est génial, moi qui adore Pokémon, il est trop beau ce QEEL ! Merci :)
    avatar
    Lumen
    MasculinAge : 23Messages : 24

    le Ven 14 Nov 2014 - 14:43

    Merci :)
    avatar
    Badabulle
    FémininAge : 26Messages : 25

    le Mar 18 Nov 2014 - 20:43

    merci ^^
    avatar
    Flaura
    FémininAge : 15Messages : 152

    le Sam 22 Nov 2014 - 15:25

    Merci!
    avatar
    Foxe
    FémininAge : 17Messages : 122

    le Dim 23 Nov 2014 - 10:31

    Super ! merci



    avatar
    Offrande
    FémininAge : 27Messages : 194

    le Dim 23 Nov 2014 - 15:28

    Bonjour,

    Merci beaucoup Halloween il est superbe! Je vais le tester de suite ^^
    avatar
    sayedn73
    MasculinAge : 44Messages : 17

    le Dim 7 Déc 2014 - 3:12

    Thank you
    avatar
    Moon Heart
    FémininAge : 18Messages : 37

    le Dim 7 Déc 2014 - 23:27

    Merci beaucoup beaucoup beaucoup!
    Contenu sponsorisé


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