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 - 11: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 - 19:05, édité 2 fois




    < / Libre service codage >
    avatar
    Jaspe
    MasculinAge : 15Messages : 20

    le Ven 1 Juil - 12:32

    Manifique merci ^^





    Merci beaucoup Alil' !

    avatar
    Sideris
    FémininAge : 23Messages : 112

    le Mer 13 Juil - 14:00

    Merci !









    avatar
    Bryan1997
    MasculinAge : 21Messages : 51

    le Sam 29 Oct - 9:23

    Merci
    avatar
    Tink ♥
    FémininAge : 25Messages : 48

    le Jeu 3 Nov - 16:22

    Thanks Wink
    avatar
    ju621
    MasculinAge : 34Messages : 6

    le Lun 26 Déc - 8:35

    merci
    avatar
    Pull en Laine qui Gratte
    FémininAge : 13Messages : 71

    le Jeu 5 Jan - 19:58

    merci beaucoup !
    avatar
    Zuiichi
    MasculinAge : 24Messages : 119

    le Jeu 5 Jan - 23:09

    Super QEEL merci beaucoup =)



    avatar
    Aile
    FémininAge : 30Messages : 134

    le Ven 13 Jan - 11:32

    Toujours ce soucis d'aperçu. Donc je viens voir à quoi ça ressemble. Merci du partage en tout cas ^^



    avatar
    FaceLightwood
    FémininAge : 18Messages : 17

    le Dim 29 Jan - 8:09

    Je viens voir
    avatar
    Lilynufare
    FémininAge : 27Messages : 341

    le Ven 17 Mar - 23:44

    merci !
    avatar
    Likilou
    MasculinAge : 24Messages : 301

    le Lun 20 Mar - 18:03

    Merci

    (lien aperçu ne fonctionne plus)



    avatar
    ArgelTown
    MasculinAge : 18Messages : 23

    le Mar 4 Avr - 20:10

    Cimer, merci
    avatar
    Lilice
    FémininAge : 25Messages : 109

    le Lun 2 Oct - 16:32

    Merci :p
    avatar
    Lexucio
    MasculinAge : 24Messages : 33

    le Ven 20 Oct - 10:20

    Merci ^^
    avatar
    Soryoo
    MasculinAge : 19Messages : 17

    le Dim 11 Fév - 12:59

    Merchiiiiiiiiiiiiiiiiiiiii
    avatar
    Noir Black
    FémininAge : 32Messages : 29

    le Sam 14 Avr - 21:41

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 24 Mai - 9:37