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
    Gladou
    MasculinAge : 23Messages : 114

    le Dim 6 Juil 2014 - 12:20

    merci!



    avatar
    GreenGage
    FémininAge : 25Messages : 73

    le Dim 6 Juil 2014 - 18:47

    Merci beaucoup o/
    avatar
    Shuna
    FémininAge : 23Messages : 117

    le Dim 6 Juil 2014 - 21:29

    merci
    avatar
    Frosty Blue
    FémininAge : 22Messages : 162

    le Lun 7 Juil 2014 - 14:19

    Il est magnifique! Merci *.*
    avatar
    TUC
    FémininAge : 30Messages : 103

    le Mar 8 Juil 2014 - 16:25

    merci :)



    avatar
    Féhéla
    FémininAge : 44Messages : 238

    le Mar 8 Juil 2014 - 22:14

    génial !
    avatar
    Moniris
    FémininAge : 18Messages : 8

    le Mer 9 Juil 2014 - 22:55

    Merci *o*
    avatar
    Shiwaii
    MasculinAge : 29Messages : 108

    le Mer 9 Juil 2014 - 23:58

    Merci
    avatar
    Zeroo
    FémininAge : 23Messages : 76

    le Jeu 10 Juil 2014 - 11:36

    La sympathie se poursuit ... Merci beaucoup pour ce partage ^^
    avatar
    SweetieJoker
    FémininAge : 27Messages : 13

    le Jeu 10 Juil 2014 - 19:02

    Très joli, merci !
    avatar
    FeliceFelicis
    FémininAge : 27Messages : 89

    le Sam 12 Juil 2014 - 4:43

    Merci merci Very Happy J'espère réussir à tout installé correctement!
    avatar
    Invité

    le Sam 12 Juil 2014 - 15:42

    Thanks!
    avatar
    Adèle
    FémininAge : 26Messages : 96

    le Sam 12 Juil 2014 - 17:09

    Merci ♥
    avatar
    Petit Harfang
    FémininAge : 17Messages : 80

    le Lun 14 Juil 2014 - 13:56

    merci :3
    avatar
    ♦ Mari-Jane
    FémininAge : 25Messages : 39

    le Lun 14 Juil 2014 - 16:02

    Merci Very Happy
    avatar
    Célestine
    FémininAge : 20Messages : 51

    le Lun 14 Juil 2014 - 18:08

    Merci !
    avatar
    Leisha.
    FémininAge : 27Messages : 29

    le Lun 14 Juil 2014 - 22:10

    Merci du partage !
    avatar
    DaZeli
    FémininAge : 22Messages : 377

    le Lun 14 Juil 2014 - 23:23

    Merci bien!
    Gedomaru
    FémininAge : 20Messages : 70

    le Mer 16 Juil 2014 - 6:54

    Merci!
    avatar
    Afterglow.winter
    FémininAge : 22Messages : 138

    le Jeu 17 Juil 2014 - 14:58

    J'aime beaucoup merci :)



    How do you get up from an all time low?
    avatar
    Dadash_Pearl
    FémininAge : 26Messages : 40

    le Jeu 17 Juil 2014 - 17:52

    Merci beaucoup Very Happy
    avatar
    Smokerlilitrope
    FémininAge : 29Messages : 45

    le Ven 18 Juil 2014 - 11:50

    Magnifique **
    avatar
    Kau
    FémininAge : 16Messages : 148

    le Sam 19 Juil 2014 - 19:47

    merci
    avatar
    [W]endy
    FémininAge : 27Messages : 117

    le Lun 21 Juil 2014 - 17:25

    Merci :)
    avatar
    louha
    FémininAge : 30Messages : 213

    le Mer 23 Juil 2014 - 17:30

    j'adore **
    Contenu sponsorisé


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