Joy FondAdmin narcissiqueMessages : 628Date d'inscription : 06/06/2012Âge : 26Localisation : Derrière son écran, confortablement installée au pays des licornes pégases. (# ) Sujet: QEEL #1 Mer 23 Sep - 19:40 Nature du code
Qui Est En Ligne. L'image du QEEL se modifie avec les autres images du design et donc pas dans les templates directement. (Un peu de facilité. ♥)
Aperçu
Cliquez pour voir l'image en taille réelle.
Code
Panneau d'administration >> Affichage >> Templates >> Général >> index_body /!\ ATTENTION : Ici est copié/collé tout le code du template index_body. Si vous avez autre chose modifié dans votre template, prenez garde à ne copier/coller que la partie qui vous intéresse. HTML: Code: {JAVASCRIPT} <!-- BEGIN message_admin_index --> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index --> <!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no --> <!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_header --> {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span> <!-- END switch_delete_cookies --> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table> <!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no --> <!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer --> <!-- BEGIN disable_viewonline --> <center> <table class="dreamq" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td id="qtitre" colspan="3" height="28"> <!-- BEGIN switch_viewonline_link --> <span class="cattitle"><a class="cattitle patitre" 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="joliebordure" colspan="3"> <div><!-- Ça c'est juste pour la jolie bordure. --> </div> </td> </tr> <tr> <td class="row1" width="100%"><span class="patitre">Statistiques </span> <br /> <span class="gensmall">{TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER}. </span><br /><br /> <span class="patitre">Joyeux anniversaire ! </span> <table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table> <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span> </td> <td class="row1" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> <td class="row1" > <span class="patitre">Qui est là ? </span> <br /> <span class="gensmall">{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST} </span><table>{L_CONNECTED_MEMBERS}</table><br /> <!-- BEGIN switch_chatbox_activate --> <span class="patitre">Et sur la Chatbox ? </span> <br /> <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> <!-- END switch_chatbox_activate --> </td> </tr> </table> </center> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend --> {AUTO_DST} <!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script> FB.init({ appId : {switch_fb_index_login.FACEBOOK_APP_ID}, cookie : true, xfbml : true, oauth : true, version : 'v2.3' }); (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- END switch_fb_index_login -->
Panneau d'affichage >> Affichage >> Couleurs >> Feuille de style CSS CSS: Code: /* Début QEEL by Joy http://dream.forumsactifs.net/ */ /* TITRES SPAN ET P */ .patitre { font-family: 'Oswald', sans-sérif; font-size: 18px; font-variant: small-caps; color: #000; } .patitre:hover { letter-spacing: 2px; transition: all ease 1s; -moz-transition: all ease 1s; -webkit-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; } /* TITRE / LIEN QEEL */ #qtitre { font-family: 'Oswald', sans serif; text-align: center; padding: 5px; height: 50px; border-bottom: 2px dotted #fff842; } #qtitre a { font-size: 50px; } /* TD COLSPAN 3 JOLIE BORDURE AVEC DIV INCLUSE PORTANT LA COULEUR DE LA BORDURE */ .joliebordure { padding: 0px !important; } .joliebordure div { height: 10px; background: #fff842; width: 100%; } /* TABLEAU GENERAL DU QEEL */ .dreamq { border-collapse: collapse; border-radius: 5px; background: #fff; margin: 5px; box-shadow: 0px 0px 2px 0px #777; width: 90%; } /* TD DU QEEL */ .dreamq td { vertical-align: top; padding: 5px; width: 33%; } /* Fin QEEL */
Blacky- Messages : 22Date d'inscription : 27/04/2017Localisation : Sur le dos d'une licorne qui galope sur un arc-en-ciel ! (# ) Sujet: Re: QEEL #1 Lun 15 Mai - 18:01
lovelyactua Invité (# ) Sujet: Re: QEEL #1 Sam 12 Aoû - 21:45 Coucou, j'adore je te l'emprunte aussi
Joy FondAdmin narcissiqueMessages : 628Date d'inscription : 06/06/2012Âge : 26Localisation : Derrière son écran, confortablement installée au pays des licornes pégases. (# ) Sujet: Re: QEEL #1 Dim 13 Aoû - 9:52 Je suis contente de voir que ce code plaît ! :D
Si vous avez des questions n'hésitez pas.
Gwen Invité (# ) Sujet: Re: QEEL #1 Dim 13 Aoû - 18:31 Bonjour :) Je me suis permise de prendre ton qeel pour notre forum mais pourrais-tu m'expliquer comment on change l'image ? Merci à toi :)
Joy FondAdmin narcissiqueMessages : 628Date d'inscription : 06/06/2012Âge : 26Localisation : Derrière son écran, confortablement installée au pays des licornes pégases. (# ) Sujet: Re: QEEL #1 Lun 14 Aoû - 10:51 L'image se change directement dans le panneau d'administration, comme avec le QEEL normal. Il faut aller dans Affichage >> Images et couleurs >> Gestion des images choisir soit le mode avancé soit le mode simple et trouver l'image du Qui est en ligne puis la modifier. ^^
Joane Invité (# ) Sujet: Re: QEEL #1 Mer 4 Déc - 22:48 Coucou, Je te l'emprunte aussi !