| | Sam 23 Juil - 16:45 | Bonjour Skaemp ! :-) Alors, je viens avec plusieurs demandes et j'espère, je prie, j'implore le Ciel, pour qu'elles ne soient pas trop conséquentes ahah... Il s'agit d'une commende de QEEL, de Caté' et d'un panneau latéral sur le côté (si ça rentre dans les templates ? Je ne sais pas pour être honnête) c: Avec une amie nous avons graphé le rendu souhaité et j'y ai ajouté des notes etc. schéma : https://2img.net/h/oi63.tinypic.com/2cxwx2q.pngEn gros, il suffit de vous reporter à l'image j'ai indiqué quelques tailles mais ne sachant si elles seraient juste une fois applicables, je vous laisse le libre choix de les ajuster, tant que le tout est aligné ^^ Vous l'aurez compris : bannière, page d'accueil (que je réalise) et catégories sont dans un même bloc, juste le qeel est séparé (et le panneau latéral) Il y a des bordures quasi partout et le fond image gris clair est celui-ci : https://2img.net/image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.pngLe coup des icones dans les 24 dernières heures, je ne sais pas si c'est réalisable ? Je me suis dis que ce doit être une balise similaire à celle que l'on retrouve dans l'affichage de la liste des membres - bref à vous de voir ahah Pour les membres en lignes : seuls les pseudos en maj suffisent Pas d'effets, de zoom, de glissement ni rien nul part' ; fiez vous à ce que vous voyez sur le schéma - histoire d'avoir le même rendu ahah J'espère sincèrement ne pas trop vous en demander, au quel cas je m'en excuse ! Pour le panneau latéral, s'il ne rentre pas dans une catégorie de commande : on annule, pas de soucis ; pareil pour la barre de navigation ! c: En attendant, bonne journée à vous ! |
| | | Lun 25 Juil - 10:21 | Bonjour,
Remplacer les lignes 248 à 348 du template overall_header par :- Spoiler:
- Code:
-
<div id="headSIT"><div class="headSIT"> <a name="top"></a> {JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_left --> <td align="center" width="100%" valign="middle"> <!-- BEGIN switch_logo_center --> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> <br /> <!-- END switch_logo_center --> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <!-- BEGIN switch_logo_right --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT"> <tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker --> </div></div>
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation --> Créer un nouveau code javascript : - Code:
-
$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})}); Partie CSS : - Code:
-
/* FOND TOOLBAR */ #fa_toolbar { padding-top:15px !important; background:crimson !important; /* MODIFIABLE */ } /* AVATAR TOOLBAR */ .fa_avatar { float:left; position:relative; z-index:5; margin-right:5px; margin-bottom:-10px; width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid crimson; /* MODIFIABLE */ } .fa_avatar img{ width:75px; } #fa_right { float:left !important; } /* MENU TOOLBAR */ ul#fa_menulist { z-index:3 !important; margin-top:-50px !important; border:none !important; } /* SUPPRESSION ELEMENTS TOOLBAR */ #fa_share { display:none !important; } #fa_icon { opacity:0 !important; } a#fa_service { opacity:0 !important; } #fa_search { display:none !important; } #fa_hide { display:none !important; } #fa_right a.rightHeaderLink { display:none !important; } #fa_welcome { background:none !important; color:inherit !important; } div#fa_usermenu { display:none !important; } /* BARRE DE NAVIGATION */ #navSIT { position:fixed; z-index:20003 !important; top:15px; right:25px; /* MODIFIABLE - DETERMINE LA POSITION */ } .mainmenu img{ display:none; } /* LIEN NAVIGATION */ #navSIT a{ text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial; color:white; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; } /* SURVOL LIEN NAVIGATION */ #navSIT a:hover { color:lightgrey !important; /* MODIFIABLE */ } /* LIEN MENU RECHERCHE */ #search_menu { left:5% !important; } #search_menu a{ background:none !important; border:none !important; color:inherit !important; }
/* ESPACE AU BAS DU FORUM */ body { margin:0; padding:0; padding-bottom:15px; } /* CADRE FORUM */ #headSIT { margin:auto; width:1000px; padding-bottom:25px; background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */ } /* CADRE FORUM BLANC */ .headSIT { margin:auto; width:950px; padding-bottom:10px; background:white; border:1px solid lightgrey; /* MODIFIABLE */ } /* LIEN PANNEAU ADMINISTRATION */ #page-footer { margin-top:-15px; line-height:6px; } #page-footer a{ font-size:10px; } Remplacer l'intégralité du template index_box par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet" type="text/css"> <table width="900px" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="tleCAT">{catrow.tablehead.L_FORUM}</div><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxDESC"></div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbFRMII">{catrow.forumrow.POSTS}</div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:10px auto 0; width:900px; text-align:right; height:80px; /* MODIFIER SELON HAUTEUR IMAGE */ background:black; border:1px solid lightgrey; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; padding-top:35px; padding-right:15px; font-size:42px; text-transform:uppercase; font-family:Special Elite; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM{ margin:10px auto; width:900px; padding:10px 0; text-align:center; background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE */ .boxDESC { display:inline-block; width:240px; height:190px; border:1px solid lightgrey; background:white; /* MODIFIABLE */ } .descFRM img{ position:absolute; margin-left:-484px; width:220px; height:170px; } /* BLOC TITRE / ICÔNES / DERNIER MESSAGE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin:0 10px; width:220px; height:130px; padding-top:60px; text-align:center; font-size:12px; text-transform:uppercase; line-height:16px; border:1px solid lightgrey; background:white; /* MODIFIABLE */ } /* TITRE FORUM */ .tleFRM a { color:crimson !important; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM{ display:block; margin:0 auto 5px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin:auto; width:80%; padding:5px; text-align:center; font-size:9px; border-top:1px solid lightgrey; color:black; /* MODIFIABLE */ } /* COULEUR TITRE DERNIER MESSAGE FORUM */ .lmsgFRM a { color:grey !important; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { margin-bottom:5px; margin-right:10px; width:260px; height:123px; padding:10px; overflow:auto; font-size:10px; text-align:justify; border:1px solid lightgrey; background:white; color:black; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { margin-top:5px; width:270px; height:30px; padding:5px; overflow:auto; border:1px solid lightgrey; background:white; color:grey; /* MODIFIABLE */ font-size:10px; text-align:left; text-transform:uppercase; } /* LIEN SOUS-FORUM */ .sfFRM a{ color:grey !important; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* NOMBRE SUJETS FORUM */ .nbFRM { width:100px; height:70px; padding-top:20px; text-align:center; font-size:36px; border:1px solid grey; color:black; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbFRMII { margin-top:7px; border:1px solid grey; color:grey; /* MODIFIABLE */ } Taille des images descriptives : 220*170Remplacer l'intégralité du template index_body par :- Spoiler:
- Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" 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"></td><td width="50%" align="right"></td> </tr></table> <div class="lksSTATS"><!-- 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 --><span class="gensmall"><a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> ▼ <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> ▼ <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a></span></div>
<!-- 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 --> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr><td><div id="QEEL"><div class="QEEL"><!-- SHOUTBOX --><iframe width="200" height="284" src="..." frameborder="0" class="shoutQEEL"></iframe><div class="boxQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><div id="onLINE">{LOGGED_IN_USERS_LIST}</div><script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><b>Bienvenue</b><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div><!-- 24H --><div class="dayQEEL"><div><table>{L_CONNECTED_MEMBERS}</table></div></div><div class="boxQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><p><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>messages</p></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><p><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>membres</p></div><!-- VOTES --><div class="voteQEEL"><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a></div></div></div></div> </td></tr></table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" />
{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 --> Partie CSS : - Code:
-
/* LIENS FORUMS LUS/SUJETS & POSTEURS DU JOUR */ .lksSTATS { padding:10px 0; text-align:center; } .lksSTATS .gensmall { color:black; /* MODIFIABLE */ }
/* CADRE QEEL */ #QEEL { position:absolute; margin-top:275px; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:1000px; padding:20px 0; background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */ } /* QEEL */ .QEEL { margin:auto; width:950px; padding:15px 0 10px; text-align:center; background:white; border:1px solid lightgrey; /* MODIFIABLE */ } /* SHOUTBOX */ .shoutQEEL { display:inline-block; vertical-align:top; margin-right:10px; } /* BLOC POSITIONNEMENT */ .boxQEEL { display:inline-block; vertical-align:top; } /* CADRE MEMBRES CONNECTES */ .onlineQEEL { width:308px; height:135px; background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */ } /* MEMBRES CONNECTES */ .onlineQEEL div{ margin:10px auto 0; width:278px; height:103px; padding:5px; overflow:auto; font-size:12px; text-align:justify; text-transform:uppercase; background:white; border:1px solid lightgrey; /* MODIFIABLE */ } /* DERNIER UTILISATEUR ENREGISTRE QEEL */ .lstQEEL { margin-top:12px; width:310px; height:90px; padding-top:45px; background:grey; /* MODIFIABLE */ text-transform:uppercase; text-align:center; font-size:14px; } /* BIENVENUE DERNIER UTILISATEUR ENREGISTRE QEEL */ .lstQEEL b{ display:block; font-size:24px; color:white; /* MODIFIABLE */ } /* CADRE 24H QEEL */ .dayQEEL { display:inline-block; margin:0 10px; width:230px; height:282px; background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */ } /* 24H QEEL */ .dayQEEL div{ margin:10px auto 0; width:200px; height:250px; padding:5px; overflow:auto; font-size:12px; text-align:justify; text-transform:uppercase; background:white; border:1px solid lightgrey; /* MODIFIABLE */ } .dayQEEL .row1 { background:none; padding:0 !important; } .dayQEEL .gensmall { font-size:12px; } /* CADRE TOTAL MESSAGES QEEL */ .tlPQEEL { margin-bottom:5px; width:113px; height:60px; padding:5px; text-align:center; text-transform:uppercase; font-size:16px; background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */ } /* TOTAL MESSAGES QEEL */ .tlPQEEL p{ margin:0; height:48px; padding-top:10px; background:white; border:1px solid lightgrey; /* MODIFIABLE */ } /* CADRE TOTAL MEMBRES QEEL */ .tlMQEEL { width:113px; height:60px; padding:5px; text-align:center; text-transform:uppercase; font-size:16px; background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */ } /* TOTAL MEMBRES QEEL */ .tlMQEEL p{ margin:0; height:48px; padding-top:10px; background:white; border:1px solid lightgrey; /* MODIFIABLE */ } /* IMAGES TOP-SITES */ .voteQEEL { margin-top:10px; width:125px; } .voteQEEL a:nth-child(2) { margin-left:5px; } .voteQEEL a:nth-child(3) { margin-top:5px; } .voteQEEL a:nth-child(4) { margin-top:5px; margin-left:5px; } Taille de l'image de bienvenue : 310*135 |
| | | Lun 25 Juil - 11:19 | Bonjour Skaemp !! Merci pour votre rapidité et efficacité ! :-) Alors juste -> la toolbar ne s'affiche pas, ou du moins pas visiblement J'ai créée la page javascript, j'ai coché "sur toutes les pages" est-ce bon ? Voilà mon template overall_header cas ou' - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <!-- BEGIN switch_compat_meta --> <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" /> <!-- END switch_compat_meta --> <!-- BEGIN switch_canonical_url --> <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" /> <!-- END switch_canonical_url --> {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> {RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login -->
<!-- BEGIN switch_ticker --> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam ) { case 'top' : slid_vert = true; break;
case 'left': break;
case 'bottom': slid_vert = true; auto_dir = 'prev'; break;
case 'right': auto_dir = 'prev'; break;
default: slid_vert = true; }
$(document).ready(function() { var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) { $('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */ $('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des elements */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des elements et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } });
/* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); }
/* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script> <!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); } <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if(report != null) { report.focus(); } <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> $(document).ready(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); }); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false; <!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup --> $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup");
$("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); }); <!-- END switch_login_popup --> //]]> </script> {GREETING_POPUP} <!-- BEGIN switch_ticker_new --> <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style> <!-- END switch_ticker_new --> {HOSTING_JS} <!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis --> _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']); <!-- END google_analytics_code_bis -->
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <!-- END google_analytics_code --> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup" style="z-index: 10000 !important;"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<div id="headSIT"><div class="headSIT"> <a name="top"></a> {JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_left --> <td align="center" width="100%" valign="middle"> <!-- BEGIN switch_logo_center --> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> <br /> <!-- END switch_logo_center --> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <!-- BEGIN switch_logo_right --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT"> <tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker --> </div></div>
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation -->
Ensuite le QEEL, dans les membres connectés au cours des 24 dernières heures, le coup des icones ce n'est donc pas possible ? D'avoir comme sur le schéma, les icones (avatars redim' des membres) ? c: Ah et je n'arrive pas à intégrer le code de ma Shootbox dans la partie dédiée à celle-ci dans le QEEL... Le voici - Spoiler:
- Code:
-
<!-- BEGIN CBOX - www.cbox.ws - v4.3 --> <div id="cboxdiv" style="position: relative; margin: 0 auto; width: 225px; font-size: 0; line-height: 0;"> <div style="position: relative; height: 278px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#FFFFFF 0px solid;"> <iframe src="http://www4.cbox.ws/box/?boxid=4304748&boxtag=lek53q&sec=main" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-4304748" id="cboxmain4-4304748" style="width: 100%; height: 100%;"> </iframe> </div> <div style="position: relative; height: 75px; overflow: hidden; border:#FFFFFF 0px solid; border-top: 0px;"> <iframe src="http://www4.cbox.ws/box/?boxid=4304748&boxtag=lek53q&sec=form" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" allowtransparency="yes" name="cboxform4-4304748" id="cboxform4-4304748" style="width: 100%; height: 100%;"> </iframe> </div> </div> <!-- END CBOX -->
Bon, il n'est pas aux bonnes dimensions certes mais ça se modifie vite ! ahah Dernière question : pour le panneau latéral donc, cela ne rentre pas dans le cadre de vos commandes ? Pour avoir un meilleur aperçu du forum avec les codes : http://poulpepoulpepoulpe.brulant.net/Désolé de vous enquiquiner encore ! Merci pour votre patience ! |
| | | Mar 26 Juil - 12:15 | Ces paramètres sont-ils correctement appliqués ?Remplacer le code du QEEL [lignes 154 à 158] par :- Spoiler:
- Code:
-
<!-- BEGIN disable_viewonline --> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr><td><div id="QEEL"><div class="QEEL"><!-- SHOUTBOX --><div class="shoutQEEL" style="font-size:0; line-height:0;"><iframe src="http://www4.cbox.ws/box/?boxid=4304748&boxtag=lek53q&sec=main" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-4304748" id="cboxmain4-4304748" style="width:225px; height:210px;"></iframe><iframe src="http://www4.cbox.ws/box/?boxid=4304748&boxtag=lek53q&sec=form" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" allowtransparency="yes" name="cboxform4-4304748" id="cboxform4-4304748" style="width:225px; height:74px;"> </iframe> </div><div class="boxQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><div id="onLINE">{LOGGED_IN_USERS_LIST}</div><script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><b>Bienvenue</b><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div><!-- 24H --><div class="dayQEEL"><div><table>{L_CONNECTED_MEMBERS}</table></div></div><div class="boxQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><p><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>messages</p></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><p><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>membres</p></div><!-- TOP-SITES --><div class="voteQEEL"><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2816854/6060.png" /></a></div></div></div></div> </td></tr></table> <!-- END disable_viewonline --> Remplacer : - Code:
-
/* SHOUTBOX */ .shoutQEEL { display:inline-block; vertical-align:top; margin-right:10px; } Par : - Code:
-
/* SHOUTBOX */ .shoutQEEL { display:inline-block; vertical-align:top; margin-right:10px; width:225px; } Le panneau latéral ne correspond effectivement à aucun intitulé. Si il vous était cependant absolument impossible de parvenir à vos objectifs, une exception serait envisageable. Le corps de votre forum étant néanmoins conséquent, les utilisateurs disposant de faibles définitions risquent de ne pouvoir profiter de l'intégralité du design à l'ajout d'un tel élément.
Quant aux icônes, si vous désiriez assumer l'ensemble des complications que leur installation entraînerait très probablement : lien. |
| | | Lun 1 Aoû - 20:00 | Bonnnnsoir ! Excusez-moi pour ce retard, j'ai eu des soucis de connexion :-/ Tout est parfait à présent, nous avons trouvé un moyen de positionner un panneau latéral, nous sommes en bonne voie également pour les icones dans le qeel ! Merci beaucoup pour votre aide et patience ! Bonne soirée à vouuuuuus ! |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|