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 : 9752

    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
    Stitch56
    FémininAge : 24Messages : 200

    le Ven 5 Sep 2014 - 12:32

    Merci
    avatar
    Lust Caution
    FémininAge : 23Messages : 79

    le Lun 8 Sep 2014 - 21:52

    merci =3
    avatar
    Raween
    FémininAge : 26Messages : 110

    le Mar 9 Sep 2014 - 13:06

    Merci beaucoup <3
    avatar
    Haniwa
    FémininAge : 23Messages : 206

    le Mer 10 Sep 2014 - 14:00

    Merci
    avatar
    Delena
    FémininAge : 34Messages : 96

    le Dim 14 Sep 2014 - 17:33

    Merci !!!



    avatar
    Sentenza
    MasculinAge : 33Messages : 95

    le Mer 17 Sep 2014 - 14:25

    merci!
    avatar
    Faucon
    FémininAge : 18Messages : 64

    le Ven 19 Sep 2014 - 19:44

    Merciiii Very Happy
    avatar
    Nonze
    MasculinAge : 24Messages : 85

    le Sam 20 Sep 2014 - 19:24

    Merci
    avatar
    Idril Palanén
    FémininAge : 25Messages : 77

    le Dim 21 Sep 2014 - 21:10

    Oh, j'adore ! Merci beaucoup pour ce code ! Very Happy
    avatar
    Shuna
    FémininAge : 23Messages : 117

    le Dim 28 Sep 2014 - 22:44

    j'adore merci *o*
    avatar
    Gothiqua
    FémininAge : 25Messages : 65

    le Jeu 2 Oct 2014 - 20:48

    Merci beaucoup pour le partage =)
    avatar
    -Larme-
    FémininAge : 17Messages : 62

    le Dim 12 Oct 2014 - 17:59

    Merci c'est magnifique *-*



    avatar
    Angy38
    FémininAge : 48Messages : 215

    le Dim 12 Oct 2014 - 18:42

    Merci



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

    le Jeu 23 Oct 2014 - 13:47

    Merci ♥
    avatar
    picka234
    Age : 53Messages : 440

    le Jeu 23 Oct 2014 - 16:26

    merci!!!!



    avatar
    Henoch
    FémininAge : 36Messages : 34

    le Lun 27 Oct 2014 - 17:19

    Je crois que j'ai trouvé mon bonheur *o* merci beaucoup pour ce superbe travail !
    avatar
    Baby Pikachu
    FémininAge : 21Messages : 72

    le Lun 27 Oct 2014 - 23:04

    Merci !
    avatar
    Miss Tigri
    FémininAge : 24Messages : 89

    le Dim 9 Nov 2014 - 17:36

    Merci !
    avatar
    Milka
    FémininAge : 30Messages : 112

    le Sam 15 Nov 2014 - 12:02

    Merci pour le partage ♥
    avatar
    Asuka
    FémininAge : 24Messages : 105

    le Jeu 20 Nov 2014 - 22:25

    Merci



    avatar
    Gabriiielle
    FémininAge : 27Messages : 53

    le Sam 22 Nov 2014 - 18:35

    merci beaucoup :)
    avatar
    Pastiche
    FémininAge : 23Messages : 78

    le Dim 23 Nov 2014 - 15:58

    C'est joli, merci du partage ! ♥
    avatar
    Pinku
    FémininAge : 19Messages : 139

    le Dim 23 Nov 2014 - 18:08

    OMG TROP BEAUUU *w*.

    Arigato Hallow' !
    avatar
    Sweet Angel
    FémininAge : 35Messages : 147

    le Lun 24 Nov 2014 - 8:07

    Elégant, merci
    avatar
    Code40
    FémininAge : 16Messages : 12

    le Lun 24 Nov 2014 - 20:10

    J'adore <3 Merci pour ce Ls :-)
    Contenu sponsorisé


      La date/heure actuelle est Mer 20 Juin 2018 - 11:31