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
    Sadistic Syndrome
    FémininAge : 25Messages : 84

    le Ven 25 Juil 2014 - 15:32

    Merci Wink
    avatar
    Cupcake-11
    FémininAge : 20Messages : 31

    le Sam 26 Juil 2014 - 20:38

    Et ça aussi parce que c'est chou un énorme merci ♥
    avatar
    LyN[ss]
    FémininAge : 26Messages : 105

    le Mar 29 Juil 2014 - 17:14

    Jolie mise en forme =)
    Merci beaucoup pour le partage ! =)
    avatar
    Demoniall
    FémininAge : 17Messages : 74

    le Mar 29 Juil 2014 - 22:39

    Magnifique, merci !
    avatar
    Asbel Lhant
    MasculinAge : 16Messages : 5

    le Jeu 31 Juil 2014 - 15:25

    Magnifique!
    avatar
    Invité

    le Sam 2 Aoû 2014 - 19:40

    Merci
    Nal Souclade
    MasculinAge : 19Messages : 163

    le Dim 3 Aoû 2014 - 14:40

    Oh qu'il est beauw *^* Merci Hallow ! C'est vraiment beau ce que tu fais !
    avatar
    Joshua023
    MasculinAge : 28Messages : 98

    le Lun 4 Aoû 2014 - 16:12

    Superbe, ce code a l'air super bien fait. Tout simplement, j'adore! Very Happy



    avatar
    EAVENN
    FémininAge : 22Messages : 162

    le Mar 5 Aoû 2014 - 19:32

    Merci beaucoup !
    Phénix'
    FémininAge : 16Messages : 93

    le Mer 6 Aoû 2014 - 15:52

    Merci !
    avatar
    Milaow
    FémininAge : 18Messages : 71

    le Mer 6 Aoû 2014 - 18:00

    Merci du partage ♥
    avatar
    Delena
    FémininAge : 34Messages : 96

    le Mer 6 Aoû 2014 - 18:27

    Merci!!!



    avatar
    DarkWrestler.
    MasculinAge : 23Messages : 36

    le Jeu 7 Aoû 2014 - 16:51

    Magnifique, merci.
    avatar
    Dastan
    MasculinAge : 34Messages : 111

    le Dim 10 Aoû 2014 - 16:42

    Merci!!
    avatar
    Porcelain Detox
    MasculinAge : 23Messages : 91

    le Dim 10 Aoû 2014 - 18:51

    Merci !
    avatar
    lala zhang
    FémininAge : 27Messages : 345

    le Dim 10 Aoû 2014 - 21:15

    Merci pour le partage
    avatar
    Lovehurt
    FémininAge : 21Messages : 36

    le Mar 12 Aoû 2014 - 15:20

    Merci :3
    Dreamland
    FémininAge : 28Messages : 132

    le Mer 13 Aoû 2014 - 12:55

    Vraiment sympa l'aperçu Very Happy
    avatar
    Blue Star
    FémininAge : 19Messages : 30

    le Jeu 14 Aoû 2014 - 16:39

    Merci ♥
    avatar
    Liliumini
    FémininAge : 22Messages : 55

    le Jeu 14 Aoû 2014 - 17:40

    Merci!
    avatar
    Lunet
    FémininAge : 20Messages : 27

    le Jeu 14 Aoû 2014 - 20:19

    Merci !
    avatar
    Clémentine
    FémininAge : 25Messages : 223

    le Ven 15 Aoû 2014 - 18:04

    Merci ♥



    avatar
    Pythia
    FémininAge : 29Messages : 182

    le Ven 22 Aoû 2014 - 0:13

    Sublime, tout le projet Pokémon est magnifique
    avatar
    Skyleen
    FémininAge : 25Messages : 476

    le Ven 22 Aoû 2014 - 16:43

    Merci beaucoup pour le partage Hallo <3



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    avatar
    Lonacis
    MasculinAge : 24Messages : 4

    le Dim 24 Aoû 2014 - 21:52

    Cute. *-*
    Contenu sponsorisé


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