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




    < / Libre service codage >
    avatar
    picka234
    Age : 53Messages : 440

    le Jeu 18 Juin 2015 - 21:54

    merci



    avatar
    Acédie
    FémininAge : 19Messages : 91

    le Dim 21 Juin 2015 - 12:42

    Mercii ♥
    avatar
    OMJ
    FémininAge : 27Messages : 91

    le Dim 28 Juin 2015 - 8:42

    j'adore, merci du partage :)
    avatar
    Gabriielle
    FémininAge : 27Messages : 42

    le Sam 18 Juil 2015 - 15:50

    merci :)
    avatar
    LickingBoot
    FémininAge : 19Messages : 503

    le Dim 19 Juil 2015 - 17:40

    merci!



    avatar
    Lisou
    FémininAge : 17Messages : 303

    le Dim 19 Juil 2015 - 20:37

    Merci !
    avatar
    rosebleudu10
    FémininAge : 28Messages : 188

    le Mar 28 Juil 2015 - 11:06

    merci
    avatar
    Yasashi
    FémininAge : 22Messages : 65

    le Ven 31 Juil 2015 - 15:31

    Merci !
    avatar
    Sylfaen
    FémininAge : 20Messages : 69

    le Lun 3 Aoû 2015 - 22:53

    Merci beaucoup ! ^_^
    avatar
    Kelalin
    FémininAge : 25Messages : 1888

    le Mar 4 Aoû 2015 - 12:10

    Merci ! ヽ(;▽;)ノ
    avatar
    NanoiHime
    FémininAge : 19Messages : 562

    le Dim 16 Aoû 2015 - 18:47

    merci :



    avatar
    NanoiHime
    FémininAge : 19Messages : 562

    le Dim 16 Aoû 2015 - 19:53

    Désolée du double post mais je ne sais pas pourquoi mais le qeel ne se met pas au centre de la page sur mon forum je ne sais pas d'où ça vient :/



    avatar
    Cruelly
    FémininAge : 25Messages : 2563

    le Dim 16 Aoû 2015 - 20:26

    pour avoir de l'aide tu dois posté ici : http://www.never-utopia.com/f177-probleme-avec-mon-code



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


    avatar
    v-r0
    FémininAge : 26Messages : 39

    le Lun 17 Aoû 2015 - 21:34

    Merci du partage! :)
    avatar
    Hiruyio Atame
    MasculinAge : 16Messages : 87

    le Mer 26 Aoû 2015 - 17:20

    Merci
    avatar
    alex24d
    FémininAge : 30Messages : 95

    le Ven 28 Aoû 2015 - 17:28

    superbe comme d'habitude
    avatar
    Chèlha
    FémininAge : 25Messages : 121

    le Sam 29 Aoû 2015 - 13:09

    Merci
    avatar
    meolyne
    FémininAge : 34Messages : 70

    le Mar 8 Sep 2015 - 20:19

    Merci à toi !
    avatar
    Tinkky
    FémininAge : 27Messages : 89

    le Lun 21 Sep 2015 - 13:30

    Vraiment jolie. Merci du partage ^_^
    avatar
    Zekarant
    MasculinAge : 17Messages : 51

    le Mer 23 Sep 2015 - 19:10

    Merci
    avatar
    Shakespeare
    FémininAge : 28Messages : 109

    le Ven 25 Sep 2015 - 12:46

    Merci du partage !
    avatar
    hurudy
    MasculinAge : 37Messages : 40

    le Dim 27 Sep 2015 - 6:52

    Super !
    avatar
    Joh.A
    FémininAge : 25Messages : 8

    le Jeu 1 Oct 2015 - 8:55

    la suite de ce code est génial!
    avatar
    Liberty Grim
    FémininAge : 20Messages : 128

    le Mar 13 Oct 2015 - 19:57

    Merci :3
    avatar
    Luunalight
    FémininAge : 27Messages : 97

    le Ven 6 Nov 2015 - 21:11

    MErci !
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Juin 2018 - 5:19