Staff LW
Mademoiselle qui a de belles fesses Messages : 29 Date d'inscription : 22/03/2015
| Sujet: QEEL NEVER UTOPIA Dim 12 Avr - 18:39 | |
| - Spoiler:
- 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; }
/* --------------------------------- FIN QEEL --------------------------------- */
- Dans le template Index_Body:
- Citation :
- TROUVER 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} : {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 --> ET REMPLACER PAR: - 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 -->
|
|