| [ARCHIVES] Premier essai de codage |
| | Maître du Jeu, Administrateur | Sujet: [ARCHIVES] Premier essai de codage Ven 4 Sep - 20:33 | |
| CSS du forum : - Code:
-
#i_logo { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: -56px; }
body{ margin-top: 0px; margin-bottom: 0px; }
a { text-decoration: none !important; }
a:hover { text-decoration: none !important; } .navigation { margin-top: -4px; margin-bottom: 1px; }
a.mainmenu img { display:none; }
a.mainmenu { text-transform: uppercase; font-family: small fonts; font-size: 8px; font-weight: 400; color: #33393f; }
a.mainmenu:hover { color: #5d4065; }
.navigrapide { width: 165px; padding-right: 15px; background: url('http://img11.hostingpics.net/pics/766581Fondcolonnegauche.png'); text-align: right; font-weight: bold !important; font-size: 13px; }
.colonnedroite { width: 655px; box-shadow: -8px 0px 20px #080808; } .bodyline { padding: 0; background: url('http://img11.hostingpics.net/pics/991607Fondbodyline.png'); }
.barrepv { margin-bottom: -35px; background-color: rgba(204, 51, 51, 0.3); height: 6px; width: 200px; border-radius: 5px; }
.barrepv span { display: inline-block; height: 6px; background-color: #cc3333; border-radius: 3px; }
.barrepm { background-color: rgba(51, 102, 255, 0.3); height: 6px; width: 200px; border-radius: 5px; }
.barrepm span { display: inline-block; height: 6px; background-color: #3366ff; border-radius: 3px; }
.forum_bloc { width: 658px; margin: auto; }
.forum { width: 319px; float: left; height: 130px; margin: 5px; }
.titre_cate { margin-bottom: -20px; text-align: center; } .titre_cate h2 { font-size : 24px; text-transform: uppercase; font-family: arial; text-decoration: none !important; color: #308576; }
.forumlink { position: absolute; z-index: 2; margin-top: -14px; font-family: 'Cinzel Decorative'; font-weight: 900; font-size: 14px; }
.forum_icone { position: absolute; z-index: 1; }
.forum_description { position: absolute; z-index: 3; width: 315px; height:55px; overflow: auto; padding-left: 2px; padding-right: 5px; margin-top: 5px; font-size: 12px; font-family: Trebuchet MS; text-align: justify; line-height: 13px; letter-spacing: -1px; color: #4e5052; } .dernier_mess { position: absolute; z-index: 4; margin-top: 50px; margin-left: 2px; padding: 5px; background: rgba(9, 9, 11, 0.5); text-align: center; font-size: 12px; font-family: Trebuchet MS; line-height: 13px; color: #202124; }
.pseudoposteur { margin-top: -4px; margin-left: -4px; margin-right: -4px; height: 17px !important; background: #060607; font-family: 'Cinzel'; font-weight: 900; font-size: 16px; text-align: center; }
.rangposteur { font-family: Trebuchet MS; font-size: 12px; color: #414244; }
.postbody { line-height: 14px; text-align: justify; }
.postbody a{ color: #27282b; }
.postbody a:hover{ color: #5D4065; }
.boutonsmessages { margin-top: -7px; }
.datepost { margin-top: -22px; margin-bottom: 15px; text-transform: uppercase; font-family: small fonts; font-size: 8px; font-weight: 400; color: #282c31; }
.titretopic { margin-top: 10px; margin-bottom: 15px; text-align: center; border-bottom: 2px solid #131315; padding-bottom:4px; font-family: 'Cinzel'; font-size: 18px; letter-spacing: -1px; font-weight: bold; }
.posterréponse { display: block; margin-top: -5px; letter-spacing: 0; text-transform: uppercase; font-family: small fonts; font-size: 8px; font-weight: 400; color: #5D4065 !important; }
.posterréponse:hover { color: #376478 !important; }
.code { background-color: rgba(0, 0, 0, 0.2); border: none; font-size: 9px; padding: 7px; color: #376478; } /* Code par Hiro pour CSSACTIF Merci de ne pas supprimer cette mention (http://www.css-actif.com) */
#englob { /* Encadrement global des 2 divs */ margin-left: -4px; margin-right: -4px; position:relative; width:659px; height:150px; border-top: 2px solid #060607; overflow:hidden; /* Permet de cacher ce qui dépasse */ }
.imgp { position:absolute; /* Laissez comme ceci */ top:0;/* Laissez comme ceci */ left:0;/* Laissez comme ceci */ width:100%;/* Laissez comme ceci */ height:100%;/* Laissez comme ceci */ z-index:1;/* La position par rapport à l'autre div qui contient les infos */ -webkit-transition:all 0.5s;/* Laissez comme ceci */ -moz-transition:all 0.5s;/* Laissez comme ceci */ -o-transition:all 0.5s;/* Laissez comme ceci */ -ms-transition:all 0.5s;/* Laissez comme ceci */ transition:all 0.5s;/* Laissez comme ceci */ }
#englob:hover > .imgp { margin-left:200px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */ }
.infosp { background:url('http://img11.hostingpics.net/pics/766581Fondcolonnegauche.png'); /* le bg de la div qui contient les infos*/ background-repeat: repeat; position:absolute;/* Laissez comme ceci */ top:0;/* Laissez comme ceci */ left:0;/* Laissez comme ceci */ width:100%;/* Laissez comme ceci */ height:100%;/* Laissez comme ceci */ z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/ opacity:0;/* on met l'opacité à zero pour un effet stylé */ margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */ -webkit-transition:all 0.5s;/* Laissez comme ceci */ -moz-transition:all 0.5s;/* Laissez comme ceci */ -o-transition:all 0.5s;/* Laissez comme ceci */ -ms-transition:all 0.5s;/* Laissez comme ceci */ transition:all 0.5s;/* Laissez comme ceci */ padding-top: 3px; padding-left: 3px; font-family: small fonts; font-size: 8px; font-weight: 400; text-transform: uppercase; background: rgba(9, 9, 11, 0.7); color: #060607; }
#englob:hover > .infosp { opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */ margin-left:0px;/* et on décale cette div à 0px (position par défaut) */ }
.post_column_3 { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-rule: 7px solid #131315; -moz-column-width: 200px !important; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-rule: 7px solid #131315; -webkit-column-width: 200px !important; column-count: 2; column-gap: 20px; column-rule: 7px solid #131315; column-width: 200px !important; margin: 0; text-align:justify; }
#click_div { color: #000000; text-transform: uppercase; font-family: trebuchet MS; font-size: 13px; font-weight: bold; text-decoration: none !important; }
#emptyidleft { display: none !important; }
#emptyidright { display: none !important; }
td.catLeft { border-width:0 0 0 0px !important; } td.catBottom { border-width:0 0px 0px !important; } td.catHead { border-width:0px 0px 0 !important; } td.catRight { border-width:0 0 0 0px !important; } td { border-width:0 0 0 0px !important; } th, td, p { border-width:0 0 0 0px !important; }
.navigsujet { margin-top: -25px; line-height: 0px; font-size: 11px; }
.navigsujet a:hover{ color: #376478; } |
| | | | Maître du Jeu, Administrateur | Sujet: Re: [ARCHIVES] Premier essai de codage Ven 4 Sep - 20:33 | |
| Template Index_Box - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="titre_cate">{catrow.tablehead.L_FORUM}</div>
<!-- END tablehead --> <!-- BEGIN cathead -->
<!-- END cathead --> <!-- BEGIN forumrow -->
<div class="forum_bloc">
<div class="forum" background="{catrow.forumrow.FORUM_FOLDER_IMG}"> <!-- titre du forum --> <div class="forumlink"><a style="color: #5e516b" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div> <!-- icone des messages --> <div class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> <!-- description --> <div class="forum_description">{catrow.forumrow.FORUM_DESC}</div> <!-- sous forum --> <div class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <!-- stats --> <div class="forum_stats"><span class="stats1">{catrow.forumrow.TOPICS}</span><span class="stats2">{catrow.forumrow.POSTS}</span></div> <!-- dernier message --> <div class="dernier_mess">{catrow.forumrow.LAST_POST}</div> <!-- sous forum --> <div class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> </div> </div>
<!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- END catfoot --> <!-- BEGIN tablefoot -->
<!-- END tablefoot --><!-- END catrow --> |
| | | | Maître du Jeu, Administrateur | Sujet: Re: [ARCHIVES] Premier essai de codage Ven 4 Sep - 20:35 | |
| Template Memberlist_body - Code:
-
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"> <!-- BEGIN memberrow --> <tr> <td><div style="margin-top: 10px;margin-bottom: 5px;line-height: 17px;text-align:center;border-bottom: 2px solid #131315;padding-bottom:4px;font-family: 'Cinzel';letter-spacing: -1px;font-weight: bold;">{memberrow.ROW_NUMBER}.<a style="font-size: 18px;" class="gen" href="{memberrow.U_VIEWPROFILE}"> {memberrow.USERNAME}</a><br /> {memberrow.PM_IMG}</div> <div id="englob" style="margin-left: 0; border: none;"> <div class="imgp">{memberrow.AVATAR_IMG}</div> <div class="infosp" style="color: #202124;">Date d'inscription : {memberrow.JOINED}<br /> Dernière visite : {memberrow.LASTVISIT}<br /> Nombre de messages : {memberrow.POSTS}<br /> </div> </div></td> </tr> <!-- END memberrow --> <!-- BEGIN switch_no_user --> <tr> <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td> </tr> <!-- END switch_no_user --> </table> <!-- BEGIN switch_pagination --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="nav">{PAGE_NUMBER}</span></td> <td align="right"><span class="nav">{PAGINATION}</span></td> </tr> </table> <br /> <!-- END switch_pagination --> |
| | | | Maître du Jeu, Administrateur | Sujet: Re: [ARCHIVES] Premier essai de codage Ven 4 Sep - 20:36 | |
| Template Overall_header - 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><link href='http://fonts.googleapis.com/css?family=Cinzel:900,400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative:900,400,700' rel='stylesheet' type='text/css'><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>
<!-- 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 -->
<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> <td align="{MENU_POSITION}"{MENU_NOWRAP}><div class="navigation">{GENERATED_NAV_BAR}</div></td> </tr> <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"><tr><td valign="top" class="navigrapide"> <a style="font-family: 'Cinzel';" href="">Règlement</a><br /><br /> <a style="font-family: 'Cinzel';" href="">Contexte</a><br /><br /> <a style="font-family: 'Cinzel';" href="http://chroniques-atreia.forumsrpg.com/t9-asmodiens-elyseens">Asmodiens & Elyséens</a><br /><br /> <a style="font-family: 'Cinzel';" href="">Système de jeu</a><br /><br /> <a style="font-family: 'Cinzel';" href="">Quêtes</a><br /><br /> <a style="font-family: 'Cinzel';" href="">Bestiaire</a><br /><br /></td> <td class="colonnedroite"> <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 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> </td> </tr> </table> </body> </html> <!-- END html_validation --> |
| | | | Maître du Jeu, Administrateur | Sujet: Re: [ARCHIVES] Premier essai de codage Ven 4 Sep - 20:37 | |
| Template Topics_list_box - Code:
-
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN pagination --> <tr> <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td> <!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%"> <div class="topictitle"> {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2> </div>
<!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> </td>
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td> <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td> <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span> </td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr> <!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box --> |
| | | | Maître du Jeu, Administrateur | Sujet: Re: [ARCHIVES] Premier essai de codage Ven 4 Sep - 20:37 | |
| Template Viewforum_body - Code:
-
{BOARD_INDEX} <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td><div style="padding-bottom: 0px;" class="titretopic"><a href="{U_POST_NEW_TOPIC}" style="color: #5d4065;">Poster un nouveau sujet</a></div></td> </tr> </table> {TOPICS_LIST_BOX} <div id="info_open" style="display:''"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td> <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td> </tr> <tr> <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td> </tr> <tr> <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td> <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td> </tr> <tr> <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> </table> </div>
<div id="info_close" style="display:none"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td> </tr> <tr> <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td> </tr> </table> </div>
<table><tr><br /><div style="padding-bottom: 0px;" class="titretopic">Navigation</div> <div class="navigsujet">{NAV_CAT_DESC_SECOND}</div><br /> </tr></table> |
| | | | Maître du Jeu, Administrateur | Sujet: Re: [ARCHIVES] Premier essai de codage Ven 4 Sep - 20:38 | |
| Template Viewtopic_body - Code:
-
<script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){
if(typeof(_atc) == "undefined") { _atc = { }; } _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); } }); });
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; };
//]]> </script>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" > <tr> <td><div class="titretopic">{TOPIC_TITLE}<br /> <a class="posterréponse" href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" /></a></div> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="right" style="margin-top: -20px;"> <tr> <td colspan="2" align="center" valign="top" nowrap="nowrap">{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" /> </form> <br /> </td> </tr> </table></td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> <!-- BEGIN postrow --> <!-- BEGIN hidden --> <!-- END hidden --> <!-- BEGIN displayed --> <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="658" height="28" colspan="2" style="margin-left: -3px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td colspan="2" style="margin-left: -px;">{postrow.displayed.PM_IMG}<!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> <div id="englob"> <div class="imgp">{postrow.displayed.POSTER_AVATAR}</div> <div class="infosp"><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --></div> </td></tr> <tr><td><div class="pseudoposteur">{postrow.displayed.POSTER_NAME}<span class="rangposteur"> - {postrow.displayed.POSTER_RANK}</span></div></td></tr> <tr> <td valign="top" nowrap="nowrap" class="post-options"> <div class="boutonsmessages">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}</div> <br /><div class="datepost">{postrow.displayed.POST_DATE}</div></td> </tr> <tr> <td colspan="2"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd> <!-- BEGIN switch_post_attachments --> <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att --> <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL} <!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL} <!-- END switch_no_dl_att --> </dt>
<!-- BEGIN switch_no_comment --> <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd> <!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --> <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd> <!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl> <!-- END switch_post_attachments --> </dd> </dl> <!-- END switch_attachments -->
<div class="clear"></div> <!-- BEGIN switch_signature --> <div class="signature_div"> {postrow.displayed.SIGNATURE} </div> <!-- END switch_signature -->
</div> </td> </tr> </table> </td> </tr> <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle"> </td> </tr> </table> </td> </tr> <!-- BEGIN first_post_br --> </table> <hr /> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> </table> <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <h1 class="cattitle"> {L_FORUM_RULES}</h1> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="row1 clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="row2" colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr>
<!-- BEGIN viewtopic_bottom --> <!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> <tr><br /><div style="paddin-bottom: 0px;" class="titretopic">Navigation</div> <div class="navigsujet">{NAV_CAT_DESC_SECOND}</div><br /> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom -->
<!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> |
| | | | Contenu sponsorisé, | Sujet: Re: [ARCHIVES] Premier essai de codage | |
| |
| | | |
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |