API tools faq
paste
Advertisement
watsoons

QEEL

watsoons
May 1st, 2023 (edited)
33
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.62 KB | None | 0 0
raw download clone embed print report
  1. {JAVASCRIPT}
  2.  
  3. <!----------------------------------------------->
  4. <!-- CONNEXION RAPIDE (haut) -------------->
  5.  
  6.  
  7. <!-- BEGIN switch_user_login_form_header -->
  8. <div class="panel">
  9. <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  10. <div class="user_login_form center">
  11. <!-- Nom utilisateur -->
  12. <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> &nbsp;
  13.  
  14. <!-- Mot de passe -->
  15. <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> &nbsp;
  16.  
  17. <!-- Check : connexion automatique -->
  18. <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
  19.  
  20. <!-- Bouton connexion -->
  21. {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
  22.  
  23.  
  24. </div>
  25. </form>
  26. </div>
  27. <!-- END switch_user_login_form_header -->
  28.  
  29.  
  30. <!----------------------------------------------->
  31. <!-- PAGE D'ACCUEIL -------------->
  32.  
  33.  
  34. <!-- BEGIN message_admin_index -->
  35. <div class="panel introduction">
  36.  
  37. <!-- Titre de la PA -->
  38. <!-- BEGIN message_admin_titre -->
  39. <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  40. <!-- END message_admin_titre -->
  41.  
  42. <!-- Contenu de la PA -->
  43. <!-- BEGIN message_admin_txt -->
  44. <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  45. <!-- END message_admin_txt -->
  46. </div>
  47. <!-- END message_admin_index -->
  48.  
  49.  
  50. <!----------------------------------------------->
  51. <!-- CB (si affichée en haut) -------------->
  52.  
  53. {CHATBOX_TOP}
  54.  
  55.  
  56. <!----------------------------------------------->
  57. <!-- CATEGORIES -------------->
  58. <!-- (template : index_box) -->
  59.  
  60. {BOARD_INDEX}
  61.  
  62.  
  63. <!----------------------------------------------->
  64. <!-- QUI EST EN LIGNE -------------->
  65.  
  66. <!-- BEGIN disable_viewonline -->
  67. <style type="text/css">.qeeltab {
  68. overflow: hidden;
  69. display: flex;
  70. flex-direction: column;
  71. margin-top: -5px;
  72. }
  73. a:link, a:visited, a:hover, a:active { text-decoration: none;
  74. color: #751c1d;
  75. }
  76. .qeeltab button {
  77. background-color: inherit;
  78. border: none;
  79. outline: none;
  80. cursor: pointer;
  81. margin-top: 3px;
  82. width: 38px;
  83.  
  84. }
  85. .qeeltab button.active {
  86. background-color: inherit;
  87. border: none;
  88. outline: none;
  89. cursor: pointer;
  90.  
  91. }
  92. .qeeltabcontent {
  93. display: none;
  94. width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center; height: 80px;
  95. overflow: auto;
  96. }
  97. .qeeltabcontent.active {
  98. display: none;
  99. width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center; height: 80px;
  100. overflow: auto;
  101. }</style><script>document.getElementById("defaultOpen").click();</script><div class="qeelwatson" style="width: 850px; height: 400px; margin-left: 5px;"><div style="background-color: #ffffff; border-radius: 5px; width: 850px; height: 320px;"><div class="qeelrow1" style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; width: 870px; margin-left: 10px; margin-top: 20px;">
  102. <div style="color: #ffffff; font-weight: 550; font-size: 20px; background-color: #4e5c56; width: 830px; padding: 15px; text-align: center; border-radius: 5px; margin-bottom: -20px; margin-top: 10px;">EN CE MOMENT A GARNET...</div>
  103. <div class="qeeltop" style="display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; height: 190px; justify-content: center; align-items: center; margin-top: 20px;">
  104. <img src="https://i.ibb.co/TvWWB2P/QEEL-1.png" style="border-radius: 5px; height: 190px;">
  105. <div style="background-color: #ebe9e9; border-radius: 5px; width: 165px; height: 90px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start;">
  106.  
  107. <div id="group1" class="qeeltabcontent active"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g4-sunstone" target="_blank">Sunstone</a></div>Avides d'aventure, envie de partir vers l'inconnu, Garnet est un challenge.</div>
  108. <div id="group2" class="qeeltabcontent"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g5-moonstone" target="_blank">Moonstone</a></div>Ancienne vie difficile, Garnet est un nouveau départ.</div>
  109. <div id="group3" class="qeeltabcontent"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g6-selenite" target="_blank">Selenite</a></div>Vie terne, Garnet est une chance de fuir une routine ennuyante.</div>
  110. <div id="group4" class="qeeltabcontent"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g6-selenite" target="_blank">Obsidian</a></div>Brouhaha incessant. Garnet est un moyen de fuir la grisaille de la ville.</div></div>
  111. <div style="background-color: #ebe9e9; border-radius: 5px; width: 165px; height: 80px; overflow: auto; padding: 5px; color: #4e5c56; font-size: 13px; text-align: center;">Design et codage par Watson sur la base du Blank Theme de Genius Panda. Textes par le staff. Toute reproduction est interdite.</div>
  112. <div class="qeeltab"><button class="tablinks active" onclick="openGroup(event, 'group1')" id="defaultOpen"style="margin-bottom: 5px; border-radius: 5px; width: 38px; height: 38px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-sun"></i></button>
  113. <button class="tablinks" onclick="openGroup(event, 'group2')" style="border-radius: 5px; width: 38px; height: 38px; margin-bottom: 5px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-moon"></i></button>
  114. <button class="tablinks" onclick="openGroup(event, 'group3')" style="border-radius: 5px; width: 38px; height: 38px; margin-bottom: 5px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-bee"></i></button>
  115. <button class="tablinks" onclick="openGroup(event, 'group4')"style="border-radius: 5px; width: 38px; height: 38px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-mushroom"></i></button></div>
  116.  
  117. <div style="background-color: #ebe9e9; border-radius: 5px; width:230px; height: 50px; color: #4e5c56; text-align: center; padding: 5px; font-size: 13px;">{TOTAL_USERS_ONLINE}</div>
  118. <div style="background-color: #ebe9e9; border-radius: 5px; width: 230px; height: 120px; display: flex; flex-direction: column; justify-content: flex-start;"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 95%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-top: 5px; margin-right: 5px; font-weight: 700;">En ligne</div>
  119. <div style="width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center;">{LOGGED_IN_USER_LIST}</div></div>
  120. <div style="background-color: #ebe9e9; border-radius: 5px; width: 215px; height: 190px; display: flex; flex-direction: column; justify-content: flex-start;"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-weight: 700; font-size: 13px; height: max-content; width: 95%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-top: 5px; margin-right: 5px;">Parmi nous recemment</div>
  121. <div style="width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center; margin-top: 3px;">{L_CONNECTED_MEMBERS}</div></div></div></div>
  122. <div class="qeelrow1" style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 0px; margin-top: 10px; width: 855px; justify-content: space-evenly;"><div style="background-color: #4e5c56; border-radius: 5px; color: #ffffff; height: 35px; width: 130px; text-align: center; display: flex; justify-content: center; align-items: center; margin-left: -5px;">NOS VOISINS</div> <a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/y4CKsNg/part-right.png" style="border-radius: 5px; height: 35px;"></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/fxnFjLv/part-S.png" style="border-radius: 5px; height: 35px;"><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/vBnW1KX/part-T.png" style="border-radius: 5px; height: 35px;"></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/xMjQ4Xj/part-e.png" style="border-radius: 5px; height: 35px;"></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/qMq4mJM/part-P.png" style="border-radius: 5px; height: 35px; "></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/YD0t6fF/part-left.png" style="border-radius: 5px; height: 35px; "></a></div></div>
  123. </div>
  124.  
  125. <!-- Changement de texte des informations du QEEL -->
  126. <script type="text/javascript">
  127. $("#last_user").html($("#last_user").html().replace("L'utilisateur enregistré le plus récent est", ""));
  128.  
  129. $("#qeel_posts").html($("#qeel_posts").html().replace("Nos membres ont posté un total de", ""));
  130.  
  131. $("#qeel_members").html($("#qeel_members").html().replace("Nous avons", ""));
  132.  
  133. $("#total_users").html($("#total_users").html().replace("Il y a en tout", ""));
  134. $("#total_users").html($("#total_users").html().replace("utilisateur en ligne", "connecté"));
  135. $("#total_users").html($("#total_users").html().replace("utilisateurs en ligne", "connectés"));
  136.  
  137. $("#online_users").html($("#online_users").html().replace("Utilisateurs enregistrés", "En ligne"));
  138.  
  139. $("#last_connected").html($("#last_connected").html().replace("Membres connectés au cours des 24 dernières heures :", "Connectés récemment"));
  140. </script>
  141. <script>document.getElementById("defaultOpen").click();</script>
  142.  
  143. <!-- Conteneur des infos CB -->
  144. <!-- BEGIN switch_chatbox_activate -->
  145.  
  146. <div class="panel">
  147. <!-- Nom de la CB -->
  148. <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  149.  
  150. <!-- Nombre et liste des connectés sur la CB -->
  151. {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;{CHATTERS_LIST}<br />
  152.  
  153. <!-- BEGIN switch_chatbox_popup -->
  154. <!-- Lien pour rejoindre la CB -->
  155. <div id="chatbox_popup"></div>
  156. <script type="text/javascript">
  157. insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
  158.  
  159. </script>
  160. <!-- END switch_chatbox_popup -->
  161.  
  162. </div>
  163. <!-- END switch_chatbox_activate -->
  164. <!-- Fin des infos CB -->
  165. <!-- END disable_viewonline -->
  166. <!-- Fin du QEEL -->
  167. <!----------------------------------------------->
  168. <!-- CB (si affichée en bas) -------------->
  169. <center>{CHATBOX_BOTTOM}
  170. {AUTO_DST}</center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!