| Code Republic city | Messages : 106
Date d'inscription : 02/12/2011
Code Republic city Jeu 23 Aoû - 13:21 | |
| index_box - Code:
-
<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 --> <center><!-- BEGIN forumrow -->
<div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}"><div class="tleFRMtitre">{catrow.forumrow.FORUM_NAME}</div></a> <div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div> <script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"> </span>'));});</script> </div> <div class="boxDESC"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div> <div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div> <div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div> <!-- END forumrow --></center> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> 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> <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> <!-- BEGIN switch_recent_jquery --> <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script> <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script> <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script> <!-- END switch_recent_jquery --> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> {RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login --> <script src="https://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="{JQUERY_DIR}ticker/ticker.css" /> <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JQUERY_DIR}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[ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto'); ga('send', 'pageview'); ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis --> ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis'); ga('bis.send', 'pageview'); ga('bis.set', 'anonymizeIp', true); <!-- END google_analytics_code_bis --> //]]> </script> <!-- END google_analytics_code -->
</head>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> <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="https://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="https://{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> <!-- 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}"> <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 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 --> 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 width="100%" align="center" border="0" cellspacing="0" cellpadding="0"> <tr><td align="left" {WIDTH_GALLERY}><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td> <td align="right" valign="middle"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><span class="gensmall">{S_WATCH_TOPIC}</span><!-- END watchtopic --><!-- END switch_user_logged_in --> <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td></tr> <tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}<div class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND}</div></div> </td></tr> </table>
<table align="center" border="0" cellspacing="0" cellpadding="0"> <!-- BEGIN topicpagination --> <tr><td colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr><td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td></tr> <!-- END hidden --> <!-- BEGIN displayed --> <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 style="height:5px;"></div> </td></tr> <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <tr><td colspan="2"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namePOST grpPOST"><span><strong>{postrow.displayed.POSTER_NAME}</strong></span><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></td></tr> <tr><td valign="top" class="boxPOST"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div><div class="abtPOST"><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div></td> <td valign="top" width="100%" class="msgPOST"><div class="DTPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" /> {postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div></div> <div class="postbody">{postrow.displayed.MESSAGE}
<!-- 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="signPOST">{postrow.displayed.SIGNATURE}</div> <!-- END switch_signature -->
</div> </td> </tr> <tr><td colspan="2"><div class="ktactPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></td></tr> <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST').css("background-color", color);});});</script>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="2"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td> </tr> <!-- BEGIN first_post_br --> </table> <table class="forumline" width="100%" align="center" border="0" cellspacing="0" 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="btmPOST" align="center" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td align="left"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> <span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --><td align="right" ><span class="gensmall">{PAGINATION}</span></td><!-- END topicpagination --> </tr> <tr><td colspan="2"><div style="height:5px;"></div></td></tr> <tr><td colspan="2" class="navPOST" width="100%"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</td></tr> </table>
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr> <tr> <td class="clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"><img src="{RULE_IMG_URL}" /></td> <!-- END switch_forum_rule_image --> <td class="rules postbody">{RULE_MSG}</td> </tr> </table> </td> </tr> </table> <!-- END switch_forum_rules -->
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td align="left" valign="middle" {WIDTH_GALLERY}><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- 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> </table> </form> <!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span> <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;"> <input type="hidden" name="t" value="{TOPIC_ID}" /> <!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td></tr> </table> <!-- END viewtopic_bottom --> <table class="forumline noprint" align="center" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td colspan="2" align="center" style="padding:0px;"> <!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}<!-- END switch_user_logged_in --> </td></tr> </table> <!-- 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> |
| | Messages : 106
Date d'inscription : 02/12/2011
Re: Code Republic city Jeu 23 Aoû - 13:21 | |
| CSS - Code:
-
body{ margin:0 auto; background-image:url(http://img110.xooimage.com/files/1/0/e/fond_1-54fa061.png); background-size: 100% auto; background-size: cover; }
div#background_1{ background-image:url('http://img110.xooimage.com/files/e/c/8/banni-re-54fa063.png'); height:100%; width:100%; margin:0; padding:0; background-repeat:no-repeat; background-position:top center; }
a{ text-decoration:none; }
a:hover{ text-decoration:none !important; }
/*--------------------- MESSAGES ---------------------*/
#quick_reply .sceditor-container { height:200px !important; }
/*--- Partie texte area : fond ---*/ .sceditor-container iframe, .sceditor-container textarea { text-align:left; height:300px;}
.quote,.code { padding:20px; }
.titre{ padding-bottom:15px; padding-left:10px; border-bottom:1px solid #c1c1c1; font-size:25px; font-weight:bold; font-family: 'Montserrat', sans-serif; }
.titre_b{ padding:15px; background-color: #000000; font-size:25px; font-weight:bold; font-family: 'Montserrat', sans-serif; color:#fff; }
.soustitre_b{ font-size:16px; font-weight:bold; text-transform:uppercase; background-color:#a6a6a6; font-family: 'Montserrat', sans-serif; color:#fff; padding:15px; }
.soustitre{ font-size:16px; font-weight:bold; text-transform:uppercase; color:#a6a6a6; font-family: 'Montserrat', sans-serif; }
.cadre{ background-color:#fafafa; border:1px solid #d6d6d6; padding:20px; }
.cadre_feu{ background-color:#fafafa; border-left:10px solid #D14141; padding:20px; }
.cadre_eau{ background-color:#fafafa; border-left:10px solid #337C9E; padding:20px; }
.cadre_terre{ background-color:#fafafa; border-left:10px solid #82614B; padding:20px; }
.cadre_air{ background-color:#fafafa; border-left:10px solid #B29F55; padding:20px; }
.cadre_nm{ background-color:#fafafa; border-left:10px solid #E08B4A; padding:20px; }
/*-------------------- FICHE PRESENTATION --------------*/
:root { --couleur-fond: #424242; --couleur-fond: #353535; --bordure-int: #989898; --bordure-bloc: #111; } .app { width: 550px; font-family: 'Roboto', sans-serif; background-color: #282828; padding: 10px; box-sizing: border-box; border: 1px solid #2c2c2c; margin: auto; position: relative; } .app h2,.app h3 { font-family: 'Montserrat', sans-serif; margin:0; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: bold; } .app h2 { background-color: var(--couleur-fond); text-align: center; color: #f2f2f2; padding: 30px 0; border: 1px solid var(--bordure-bloc); } .app h3 { color: var(--couleur-fond2); margin-bottom: 10px; } .app-basics, .joueur { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 360px; } .app ul { border: 1px solid var(--bordure-bloc); border-top: 0; border-bottom: 0; padding:10px 15px; margin: 0; list-style-type: none; font-size: 10px; background: var(--couleur-fond2); color: #aaa; height: 260px; overflow: auto; } .app ul li { border-bottom: 1px solid #2c2c2c; padding: 7px 0 7px; display: block; } .app ul li:last-child { border-bottom: 0; } .app ul li label { color: inherit; width: 30%; display: inline-block; font-weight: bold; text-transform: uppercase; font-family: 'Montserrat', sans-serif; } .app .app-avatar { padding: 20px; background: #303030; box-sizing: border-box; } .app .app-avatar img { vertical-align: middle; height: 320px; width: 200px; } .app-quote { line-height: 11px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #1d1d1d; display: inline-block; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #aaa; vertical-align: top; padding: 20px; box-sizing: border-box; text-align: justify; } .app-story { background-color: var(--couleur-fond); border: 1px solid var(--bordure-bloc); padding: 10px; box-sizing: border-box; height: 300px; } .app-story + .app-story { border-top: 0; height: auto; } .app-story > div { background-color: #f2f2f2; border: 1px solid #393939; padding: 30px 50px; box-sizing: border-box; box-shadow: inset 6px 0 var(--bordure-int), inset 0 6px var(--bordure-int),inset -6px 0 var(--bordure-int), inset 0 -6px var(--bordure-int); height: 100%; } .app-story > div > div { font-size: 11px; text-align: justify; height: 100%; overflow: auto; padding-right: 10px; line-height: 14px; } .joueur .app-avatar { height: 100px; width: 100px; } .app-joueur { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .app-joueur-head { font-family: 'Montserrat', sans-serif; background-color: var(--couleur-fond2); text-transform: uppercase; color: #f2f2f2; font-size: 10px; letter-spacing: 1px; padding: 10px; border: 1px solid var(--bordure-bloc); border-top: 0; } .app-joueur .infos { background-color: var(--couleur-fond); text-transform: none; color: #f2f2f2; font-family: "roboto"; letter-spacing: 0px; height: 46px; overflow: auto; border: 1px solid var(--bordure-bloc); border-top: 0; padding: 10px; font-size: 11px; } .app-credit { position: absolute; bottom: -15px; left: 0; } .app-credit a { font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 7px; font-weight: bold; text-decoration: none!important; color: #282828; }
/*------------------- FICHES PREDEFINIS -------------*/
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri:400,700|Raleway:400,900'); .wrap-pred {width: 500px;height: 400px;overflow: hidden;margin: auto;position: relative;font-family: 'Hind Siliguri', sans-serif;color:#000;} .avatar-pred {position: absolute;width: 250px;height: 400px;} .infos-pred {width: 250px;height: 400px;background-color: #f3f3f3;position: absolute;top: -400px;transition: all 0.3s;} .wrap-pred:hover .infos-pred {top: 0;} .name {position: absolute;left: 250px;top: 0;} .infos-pred h2 {color:#000;font-size: 22px;font-family: 'Montserrat', sans-serif;font-weight: 400;text-transform: uppercase;text-align: center;margin: 150px 0 0;} .infos-pred h3 {color:#000;font: 200 14px 'Montserrat', sans-serif;text-transform: lowercase;text-align: center;margin-top: 5px;font-style:italic;} .infos-pred h4 {font: 900 15px 'Raleway', sans-serif;text-transform: uppercase;margin: 0;padding: 10px 10px 0;letter-spacing: 1px;} .icon {position: absolute;margin-left: 75px;transform: translate(0, -100%);transition: all 0.4s;width: 100px;height: 100px;} .wrap-pred:hover .icon {transform: translate(0, 0);}.nm {transform: translate(0, 0);transition: all 0.4s;} .wrap-pred:hover .nm {transform: translate(0, -40px);} .statut {padding:5px;font: 21px 'Raleway', sans-serif;text-transform: uppercase;text-align: center;border: 1px solid #000;width: 70%;margin: auto;transform: translate(0, 0);transition: all 0.4s;} .libre {color: #70E669;border-color: #70E669;}.reserve {color: #FFB279;border-color: #FFB279;}.pris {color: #F35454;border-color: #F35454;} .feu{color: #D14141;border-color: #D14141;} .eau{color: #337C9E;border-color: #337C9E;} .air{color: #B29F55;border-color: #B29F55;} .terre{color: #82614B;border-color: #82614B;} .nm{color: #E08B4A;border-color: #E08B4A;} .wrap-pred:hover .statut {transform: translate(0, -300px);} .hover-pred {width: 80%;margin: auto;line-height: 140%;text-transform: uppercase;font-size: 10px;letter-spacing: 1px;transform: translate(0, 200px);transition: all 0.4s;} .wrap-pred:hover .hover-pred {transform: translate(0, -50px);} .cara {height: 170px;overflow: auto;}.hist {height: 340px;width: 90%;line-height: 130%;font-size: 11px;text-align: justify;overflow: auto;margin: auto;padding: 5px;} .cara ul {padding: 0;margin: 0}.cara ul li {list-style-type: none;background-color: #e3e3e3;margin: 2px 0;font-size: 10px;padding: 0 5px;} .cara ul li:nth-child(even) {text-align: right;}.pred-credit {position: absolute;right: 5px;bottom: 5px;} .pred-credit a {text-decoration: none !important;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #bababa !important;}
/*--------------------- CODAGE POSTS ------------------*/
/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tlePOST { margin:5px auto; padding:10px 15px; background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */ text-align:center; text-transform:uppercase; font-size:32px; } /* NAVIGATION SUJET */ .navPOST { padding-top:4px; border-top:1px solid; font-size:10px; text-transform:uppercase; border-top-color:black; color:black; /* MODIFIABLE */ } /* LIENS NAVIGATION SUJET */ .navPOST a { font-size:10px; text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */ } /* BLOC PSEUDONYME & RANG */ .namePOST { font-family: 'Montserrat', sans-serif; margin:auto; padding:15px; letter-spacing:5px; background:grey; /* MODIFIABLE - COULEUR DES INVITES */ font-size:23px; text-transform:uppercase; text-align:center; } /* COULEUR PSEUDONYME */ .namePOST strong { color:white; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { display:block; font-weight:bold; font-size:13px; text-transform:uppercase; opacity:0.8; letter-spacing:2px; color:white; /* MODIFIABLE */ } /* BLOC AVATAR & INFORMATIONS JOUEUR */ .boxPOST { padding:10px; background:#F2F2F2; /* MODIFIABLE */ } /* TAILLE AVATARS */ .avaPOST img { min-width:200px !important; /* MODIFIABLE */ } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin:10px auto 0; width:100%; text-align:left; } /* INFORMATIONS JOUEUR */ .abtPOST div { margin-top:5px; padding:5px; border:1px solid; text-transform:uppercase; font-size:11px; border-color:lightgrey; background:white; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span { font-weight:bold; /* MODIFIABLE */ } /* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */ .abtPOST div img { margin:auto; max-width:100%; } /* BLOC MESSAGE */ .msgPOST { background:white; /* MODIFIABLE */ } /* BLOC DATE MESSAGE / OUTILS MODERATION */ .DTPOST { width:98%; padding:1%; text-align:right; background:#E9E9E9; /* MODIFIABLE */ } /* DATE MESSAGE */ .datePOST { display:inline-block; vertical-align:middle; font-size:11px; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { display:inline-block; vertical-align:middle; margin-left:15px; } /* APPARENCE MESSAGE */ div.postbody { padding:30px; text-align:justify; color:black; /* MODIFIABLE */ } div.postbody img { max-width:100%; } .signPOST br:nth-of-type(1) { display:none; } /* BLOC IMAGES CONTACT JOUEUR */ .ktactPOST { padding:5px 0; text-align:center; line-height:0; background:grey; /* MODIFIABLE - COULEUR DES INVITES */ } .ktactPOST img { filter:grayscale(1); -webkit-filter:grayscale(1); } /* BLOC PAGINATION & NAVIGATION BAS SUJET */ .btmPOST { margin-top:5px; padding:0 7px 5px; background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */ }
/*--------------------- CATEGORIES ---------------------------*/
/* BLOC TITRE CATEGORIE */ .tleCAT{ margin:10px auto 0; width:930px; padding:10px 0; text-align:center; background:#5D2730; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; padding-right:15px;letter-spacing:5px; font-size:16px; text-transform:uppercase;color:white; padding:10px; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM{ margin:5px; text-align:center; width:928px; padding:10px 0; background:#fafafa; /* MODIFIABLE */ background: url('http://img110.xooimage.com/files/c/b/e/fond-545846b.png') no-repeat bottom; background-size: 100% auto; } /* BLOC IMAGE DESCRIPTIVE */ .boxDESC { display:inline-block;border:1px solid; margin-right:10px;padding:5px; border-color:#dbdbdb; background:white; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE */ .descFRM img{ position:absolute; z-index:3; margin-left:-247px; margin-top:-5px; width:220px; height:110px; transition:opacity 0.75s ease-in-out; -webkit-transition:opacity 0.75s ease-in-out; } .descFRM img:hover { opacity:0; } /* ICÔNES FORUM */ .imgFRM{ width:220px; height:110px; } /* BLOC TITRE / DERNIER MESSAGE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin:0 10px; height:70px; width:260px;border:1px solid;padding-top:25px;padding-bottom:25px;padding-left:5px;padding-right:5px; text-align:center; font-size:11px; text-transform:uppercase; line-height:16px; border-color:#dbdbdb; /* MODIFIABLE */ background-color:rgba(255,255,255,0.7); }
.tleFRMtitre { margin-top:5px; font-size:18px; font-weight:bold; }
/* DERNIER MESSAGE FORUM */ .lmsgFRM { margin:10px auto 0; width:80%; text-align:center; /* MODIFIABLE */ }
.lmsgFRM a { font-weight:bold !important; /* MODIFIABLE */ }
/* DESCRIPTION FORUM */ .descFRM { margin-bottom:5px; margin-right:10px;font-size:12px; width:320px; height:100px; padding:10px; overflow:auto; border:1px solid;text-align:justify; border-color:#dbdbdb; background-color:rgba(255,255,255,0.7); color:#434343; /* MODIFIABLE */ }
/* BLOC SOUS-FORUMS */ .sfFRM { padding:5px;color:white; /* MODIFIABLE */ font-size:10px; text-align:left; text-transform:uppercase; width:918px;text-align:left; line-height:8px;margin-top:5px;margin-left:15px; } /* LIEN SOUS-FORUM */ .sfFRM a{ font-size:12px; font-weight:bold; margin:3px;}
/* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; }
|
| | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |