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 infernal

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9751

    le Mer 9 Juil 2014 - 13:54

    Rappel du premier message :

    Plop,

    Un nouveau LS basé sur une demande de Cruelly (qui doit être dans sa période "Girl on fire" xD).

    Comme toujours, un merci fait toujours plaisir et ça prend pas 20 minutes de vos vies =3

    /!\ Je rappelle que cette section existe en cas de problème, je ne réponds pas aux MP (et encore moins quand ils sont rageux !).



    Qui est en ligne ?


    Template & CSS ▬ Les onglets changent au survol ▬ Les illustrations de droite sont les illustrations/noms de groupe

    Aperçu ▬ www


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

        /* Fond du QEEL */
        .fond_qeel {
          padding: 10px;
          background-image: url('http://i39.servimg.com/u/f39/18/89/99/63/sans_t49.jpg');
          background-color: #000000;
          background: no-repeat;
          box-shadow: 2px 2px 10px #4B1401;
          -moz-box-shadow: 2px 2px 10px #4B1401;
          -webkit-box-shadow: 2px 2px 10px #4B1401;
        }

        /* Titre du QEEL */
        .titre_qeel {
          font-family: 'Dancing Script', cursive;
          font-size: 40px;
          text-align: center;
          position: relative;
          top: -1.3em;
          color: #2A0202;
        }

        /* Transparence des 24h dernières heures et anniversaires */
        #kaboum .row1 {
          background-color: transparent;
        }

        /* Système d'onglets */
        .paonglet {
          display: inline-block;
          cursor: pointer;
        }
                  
        .contenu_paonglet {
          padding: 25px;
          display: none;
          width: 150px;
          height: 150px;
          overflow: auto;
          background-color: #530600;
          border-left: 2px solid #2A0202;
          border-right: 2px solid #2A0202;
          color: #9B1E00;
          text-align: justify;
          font-size: 11px;
        }

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

        /* couleur texte derniers connectés + anniv */
        #kaboum .gensmall {
          color: inherit;
        }

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


    Dans le template Index_Body, remplacer ceci :
    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 cela :
    Code:
    <!-- BEGIN disable_viewonline --><br /><br />
    <div class="fond_qeel"><div class="titre_qeel">Qui est en ligne ?</div>

    <table style="position: relative; top: -1.5em;">
      <tr>
        <td><script type="text/javascript">
                //<!--
                        function change_paonglet(name)
                        {
                                document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                                document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                                document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                                document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                                anc_paonglet = name;
                        }
                //-->
                </script>
     <div class="paonglets" style="width: 230px;">
              <span class="paonglet_0 paonglet" id="paonglet_un" onmouseover="javascript:change_paonglet('un');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_deux" onmouseover="javascript:change_paonglet('deux');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_trois" onmouseover="javascript:change_paonglet('trois');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
              <span class="paonglet_0 paonglet" id="paonglet_quatre" onmouseover="javascript:change_paonglet('quatre');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_cinq" onmouseover="javascript:change_paonglet('cinq');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_six" onmouseover="javascript:change_paonglet('six');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
              <span class="paonglet_0 paonglet" id="paonglet_sept" onmouseover="javascript:change_paonglet('sept');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_huit" onmouseover="javascript:change_paonglet('huit');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
     </div></td>
        <td width="20px;"></td>
        <td><div class="contenu_paonglets">
     
     <div class="contenu_paonglet" id="contenu_paonglet_un">Premier groupe
                    </div>
    <div class="contenu_paonglet" id="contenu_paonglet_deux">Second groupe
     </div>
    <div class="contenu_paonglet" id="contenu_paonglet_trois">Troisième groupe
     </div>
    <div class="contenu_paonglet" id="contenu_paonglet_quatre">Quatrième groupe
     </div>
    <div class="contenu_paonglet" id="contenu_paonglet_cinq">Cinquième groupe
     </div>
    <div class="contenu_paonglet" id="contenu_paonglet_six">Sixième groupe
     </div>
    <div class="contenu_paonglet" id="contenu_paonglet_sept">Septième groupe
     </div>
    <div class="contenu_paonglet" id="contenu_paonglet_huit">Huitième groupe
     </div>

     
     </div>
     <script type="text/javascript">
                //<!--
                        var anc_paonglet = 'un';
                        change_paonglet(anc_paonglet);
                //-->
                </script></td>
        <td width="20px;"></td>
        <td style="font-size: 11px; color: #9B1E00; text-align: justify; width: 220px; height: 250px; overflow: auto;">
          <div class="titre_qeel" style="top: 0em; font-size: 22px; color: #9B1E00;">Statistiques & Membres</div>
            {TOTAL_POSTS}<br />
     {TOTAL_USERS}<br />
          {NEWEST_USER}<br />
        {TOTAL_USERS_ONLINE}<br />
     {RECORD_USERS}<br />
     <br />
          {LOGGED_IN_USER_LIST}<br />
            <table id="kaboum">{L_CONNECTED_MEMBERS}
     {L_WHOSBIRTHDAY_TODAY}
     {L_WHOSBIRTHDAY_WEEK}</table></td>
      </tr>
    </table>
     

    </div>
    <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
    <!-- 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 - 21:05, édité 2 fois




    < / Libre service codage >
    avatar
    sabritheducks_79
    FémininAge : 31Messages : 88

    le Mar 25 Nov 2014 - 13:53

    Merci pour ce QEEL !
    avatar
    G U E R L A I N
    FémininAge : 27Messages : 154

    le Dim 30 Nov 2014 - 19:21

    merci du partage



    avatar
    Hyuna
    FémininAge : 21Messages : 98

    le Sam 6 Déc 2014 - 12:00

    Marchi **
    avatar
    Depp
    FémininAge : 27Messages : 298

    le Mar 13 Jan 2015 - 18:35

    Merciiii :)



    avatar
    Lamire
    FémininAge : 24Messages : 94

    le Lun 19 Jan 2015 - 23:52

    Merci ~~
    avatar
    Lyka Siuka
    FémininAge : 18Messages : 55

    le Sam 14 Fév 2015 - 18:52

    Beautiful *p* Merci /ooo



    avatar
    Celuna
    FémininAge : 27Messages : 130

    le Mer 4 Mar 2015 - 9:52

    Merci infiniment pour ce magnifique partage
    avatar
    Fondaboxpub
    MasculinAge : 52Messages : 38

    le Mer 4 Mar 2015 - 12:29

    merci



    avatar
    Kinst.MP
    FémininAge : 19Messages : 53

    le Mer 4 Mar 2015 - 16:29

    Merci pour le QEEL -w-
    Twan.
    MasculinAge : 20Messages : 13

    le Dim 12 Avr 2015 - 18:32

    Merci beaucoup !
    avatar
    Kokoa
    FémininAge : 18Messages : 57

    le Dim 12 Avr 2015 - 18:48

    Merci beaucoup ! :)




    « Tous cet espace pour moi ? Fallait pas ! »
    avatar
    MLD
    FémininAge : 25Messages : 87

    le Sam 18 Avr 2015 - 10:10

    Merci du partage !
    avatar
    Nymeria.
    FémininAge : 23Messages : 306

    le Mar 21 Avr 2015 - 15:50

    Super, merci :)
    avatar
    Aubynette
    FémininAge : 16Messages : 25

    le Mer 22 Avr 2015 - 14:20

    Merci j'adore !
    avatar
    darkhero246
    MasculinAge : 25Messages : 179

    le Sam 25 Avr 2015 - 18:54

    Merci pour ce tuto Very Happy
    avatar
    Izaya Orihara
    FémininAge : 16Messages : 105

    le Lun 4 Mai 2015 - 17:27

    Merci pour le partage.
    avatar
    Carlotta Besascar
    FémininAge : 17Messages : 26

    le Dim 17 Mai 2015 - 21:01

    J'adore je prend merci :)
    avatar
    kreou
    FémininAge : 27Messages : 50

    le Dim 17 Mai 2015 - 23:18

    Il est vraiment chouette, merci beaucoup ! :)
    avatar
    catkiller
    FémininAge : 23Messages : 70

    le Mer 20 Mai 2015 - 21:31

    Merci!
    avatar
    Arisu
    FémininAge : 29Messages : 109

    le Jeu 4 Juin 2015 - 21:45

    Merci !
    Valens
    MasculinAge : 29Messages : 53

    le Sam 6 Juin 2015 - 22:53

    Merci
    avatar
    Satyrix
    MasculinAge : 20Messages : 18

    le Mer 5 Aoû 2015 - 19:49

    @Lee HyoJae a écrit:Merci pour ce QEEL  Very Happy 
    avatar
    Allya33
    FémininAge : 17Messages : 41

    le Ven 28 Aoû 2015 - 23:23

    Merci beaucoup!!!
    avatar
    Kelalin
    FémininAge : 25Messages : 1874

    le Sam 29 Aoû 2015 - 1:42

    Merci beaucoup ! (ˆˇˆ)-c<˘ˑ˘)
    avatar
    Hellow
    MasculinAge : 23Messages : 33

    le Sam 29 Aoû 2015 - 7:25

    Merci ! :3
    Contenu sponsorisé


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