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
    Damned
    FémininAge : 16Messages : 109

    le Dim 30 Aoû 2015 - 14:34

    Merci
    avatar
    SunshineD
    FémininAge : 28Messages : 113

    le Lun 7 Sep 2015 - 13:45

    Merci beaucoup <3
    avatar
    .Cactus
    FémininAge : 24Messages : 8

    le Ven 11 Sep 2015 - 20:14

    Merci ! :3
    avatar
    Lunyh
    FémininAge : 17Messages : 41

    le Sam 17 Oct 2015 - 23:56

    Merci ♥
    avatar
    Seaphie
    FémininAge : 18Messages : 49

    le Lun 26 Oct 2015 - 14:18

    Merci !
    avatar
    P'tit Suisse
    MasculinAge : 16Messages : 86

    le Lun 26 Oct 2015 - 14:45

    Merci :love:



    avatar
    Kovu
    FémininAge : 16Messages : 254

    le Mar 27 Oct 2015 - 9:27

    Thanks !



    avatar
    Mimio
    FémininAge : 23Messages : 178

    le Mer 2 Déc 2015 - 4:18

    Un chef-d'oeuvre, merci *q*



    avatar
    cynical-echo
    FémininAge : 21Messages : 41

    le Jeu 3 Déc 2015 - 9:04

    Merci du partage ! ♥
    avatar
    Utauko
    FémininAge : 21Messages : 42

    le Dim 6 Déc 2015 - 9:38

    Comme d'habitude super boulot !
    avatar
    Soupy
    FémininAge : 22Messages : 23

    le Ven 11 Déc 2015 - 13:36

    Super ce QEEL, merci !
    avatar
    Valou93
    MasculinAge : 25Messages : 50

    le Ven 25 Déc 2015 - 23:10

    Merci beaucoup Very Happy
    avatar
    Elisabeth_Hooly
    FémininAge : 28Messages : 13

    le Ven 15 Jan 2016 - 1:26

    Merci beaucoup !



    avatar
    Toby P. Nolan
    FémininAge : 19Messages : 38

    le Sam 30 Jan 2016 - 1:01

    Tout simple mais juste génial, c'est tout ce que je cherchais ! **
    avatar
    DarkMasamune
    FémininAge : 25Messages : 57

    le Jeu 25 Fév 2016 - 11:01

    Merci !
    avatar
    Mattyew
    MasculinAge : 24Messages : 88

    le Sam 19 Mar 2016 - 17:39

    Génial !! Merci !
    avatar
    Vetrox
    MasculinAge : 17Messages : 36

    le Dim 20 Mar 2016 - 10:48

    merci
    avatar
    Kanu
    FémininAge : 28Messages : 60

    le Lun 11 Avr 2016 - 18:57

    Très jolie, merci du partage ! :3
    avatar
    Thessia
    FémininAge : 28Messages : 74

    le Mar 12 Avr 2016 - 22:51

    Good game



    Ce n'est pas parce que tu ne le vois pas que ce n'est pas réel,
    Ce n'est pas par ce que tu n'y arrive pas que ce n'est pas possible.
    avatar
    BlackNight
    MasculinAge : 30Messages : 90

    le Sam 30 Avr 2016 - 19:56

    Magnifique merci
    avatar
    aryanon
    MasculinAge : 20Messages : 50

    le Mer 11 Mai 2016 - 15:40

    Classe Very Happy Merci
    avatar
    TenebreuseRP
    FémininAge : 19Messages : 202

    le Jeu 9 Juin 2016 - 16:58

    merci beaucoup, c'est pile ce que je cherchais! une design sombre, sanglant et stylé :)



    Spoiler:

    avatar
    Fuyuka
    FémininAge : 23Messages : 62

    le Dim 12 Juin 2016 - 9:36

    Merci beaucoup ~
    avatar
    Mystigri
    FémininAge : 15Messages : 97

    le Mar 28 Juin 2016 - 18:50

    Il est pas mal !



    avatar
    Yukimura Esuki
    MasculinAge : 22Messages : 125

    le Mar 28 Juin 2016 - 19:29

    Pas mal ! o/
    Contenu sponsorisé


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