Dim 20 Mar - 22:44 | Bonjour ou bonsoir cela dépend de l'heure à laquelle vous lirez ce message. Je souhaiterai vous faire part d'une commande de catégorie (template). Vu le nombres importants de message pour les commandes en cours que j'ai pu apercevoir sur cette section, si par manque de temps ou d'envie vous ne pouvez pas répondre positivement à cette demande, je vous remercie d'avance pour l’intérêt porté à celle-ci. Largeur maximale : 850 pixelHauteur maximale : autoSchéma : https://i.servimg.com/u/f84/19/41/82/96/comman10.pngÉléments : Voici la liste des couleurs souhaités pour cette commande : Couleur de fond : #D6D6D6 Couleur des barres verticales : #57979C Couleur entre les 2 barres : #E0E0E0 Couleur fond des catégories : #F2F2F2 Couleur "nombre et sujet de message" : #57979C Couleur fond de texte descriptif : #E0E0E0 Couleur contour fond texte descriptif : #D6D6D6 Couleur survol des images : #57979C Couleur texte titre : #57979C Couleur texte : #999999
Images : je placerai les images moi même, pouvez-vous cependant m'indiquer les tailles que celles-ci doivent avoir.Animations : Lorsque l'on passe la souris sur le rond de l'image des nouveautés, ect... cela affiche le titre, pseudo, date et lien pour se rendre sur le message. Lorsque l'on passe la souris sur l'image de droite cela affiche les liens vers les sous forumsInformations supplémentaires : Au dessus de la première catégorie j'aime que les textes : Voir les nouveaux messages depuis votre dernière visite Voir ses messages Voir les messages sans réponses soient remplacé par MAIS ENCORE et que lorsque l'on clique dessus cela affiche les choix précédemment citésSi la prise de cette commande est validée, serait-il possible dans le futur de créer un QEEL, SUJET et PA sur le même thème que cité ci-dessus avec bien sur pour chaque template une esquisse via un schéma ? En vous remerciant d'avance. Merci pour votre formidable travail. A bientôt Cola |
|
Lun 21 Mar - 5:43 | Remplacer l'intégralité du template index_box par : - Code:
-
<table width="850px" 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"><div class="moreCAT">Mais encore<div> <!-- 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> </div></div> </td> </tr> </table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div>{catrow.forumrow.LAST_POST}</div></div><div class="FRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* CORPS DU FORUM */ .bodyline { padding:0 50px; border-left:15px solid #57979C; border-right:15px solid #57979C; background:#E0E0E0; /* MODIFIABLE */ } /* MAIS ENCORE */ .moreCAT { text-transform:uppercase; } /* CONTENU MAIS ENCORE */ .moreCAT div{ position:absolute; margin-left:190px; margin-top:-45px; width:200px; height:70px; padding:5px 0; text-align:center; background:#57979C; /* MODIFIABLE */ transform:scale(0); -webkit-transform:scale(0); transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } .moreCAT:hover div{ transform:scale(1); -webkit-transform:scale(1); } /* LIEN MAIS ENCORE */ .moreCAT a{ color:black !important; /* MODIFIABLE */ } /* TITRE CATEGORIES */ .tleCAT{ margin:auto; margin-top:5px; width:850px; padding:10px 0; text-align:center; background:#57979C; /* MODIFIABLE */ } .tleCAT h2{ margin:0; font-size:32px; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* BLOC CATEGORIES */ .mdlCAT { margin:auto; width:850px; padding:15px 0; background:#f2f2f2; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ margin:10px auto; width:800px; } /* TITRE FORUM */ .tleFRM { margin-bottom:-30px; text-align:center; } .tleFRM a{ text-transform:uppercase; font-size:18px; color:#57979C !important; /* MODIFIABLE */ } /* ICÔNES & DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin-top:10px; width:200px; height:200px; border-radius:200px; } /* ICÔNES FORUM */ .imgFRM{ position:relative; z-index:2; width:200px; height:200px; border-radius:200px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM div{ position:absolute; z-index:3; margin-top:-185px; margin-left:15px; width:170px; height:130px; padding-top:40px; border-radius:170px; text-align:center; font-size:16px; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ transform:rotate(180deg) scale(0); -webkit-transform:rotate(180deg) scale(0); transition:all 0.85s ease; -webkit-transition:all 0.85s ease; } .lmsgFRM:hover div{ transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1); } /* BLOC DESCRIPTION / NOMBRE SUJETS & MESSAGES / SOUS-FORUMS */ .FRM{ display:inline-block; margin-top:35px; } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; margin-left:-105px; width:405px; height:120px; padding:5px; padding-left:120px; overflow:auto; font-size:11px; text-align:justify; background:#e0e0e0; color:#999999; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; margin-left:10px; } /* NOMBRE SUJETS ET MESSAGES */ .nbFRM { margin-bottom:5px; width:160px; height:15px; padding:5px 0; font-size:10px; text-align:center; background:#57979C; color:black; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE */ .descFRM img{ position:absolute; margin-top:25px; margin-left:420px; width:160px; height:100px; } /* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */ .sfFRM { width:160px; height:100px; overflow:hidden; background:#ccc; /* MODIFIABLE */ } .sfFRM div { position:relative; width:160px; height:100px; overflow:hidden; } /* CONTENU SOUS-FORUMS */ .sfFRM div div{ width:150px; height:90px; padding:5px; overflow:auto; text-align:left; font-size:11px; background:#57979C; /* MODIFIABLE */ transform:translateX(160px); -webkit-transform:translateX(160px); transition:all .65s linear; -webkit-transition:all .65s linear; } /* LIEN SOUS-FORUM */ .sfFRM a{ color:white !important; /* MODIFIABLE */ } .sfFRM:hover div div{ transform:translateX(0px); -webkit-transform:translateX(0px); } Icônes du forum : 200*200 Images descriptives : 160*100Vous conviant désormais à me transmettre les formulaires des éléments supplémentaires désirés. |
|
Lun 21 Mar - 9:15 | Wahou c'est vraiment super, exactement comme j'avais imaginé. Suite à votre message je vous transmet les formulaires pour les autres éléments de cette commande SUJET Largeur maximale : 850 pixelHauteur maximale : autoSchéma : https://i.servimg.com/u/f84/19/41/82/96/sujet_10.pngÉléments : Couleur fond : #D6D6D6 Couleur barre verticale : #57979C Couleur entre les 2 barres : #D6D6D6 Couleur fond partie avatar et texte : #F2F2F2 Couleur avatar (souris passe) : #57979C Couleur fond rang et pseudo : #A7A186 Couleur fond infos diverses : #D6D6D6 Couleur fond titre RP et lien : #57979C Couleur fond date et heure : #A7A186 Images : pas d'images Animations : Lorsque l'on passe la souris sur l'avatar cela affiche la feuille des personnagesInformations supplémentaires : Le texte "pseudo hors ligne" s'affiche en rouge lorsque le membre est déconnecté ou le texte "pseudo en ligne" s'affiche en vert lorsque le membre est connecté. Les boutons citer, éditer, delete se trouve en haut du cadre "vert", on y retrouve également les boutons profil, mp et www du membre qui à posté.PAGE ACCUEIL Largeur maximale : 850 pixel Hauteur maximale : auto Schéma : https://i.servimg.com/u/f84/19/41/82/96/pa_com10.png Éléments : Couleur fond : #D6D6D6 Couleur barre verticale : #57979C Couleur fond PA : #F2F2F2 Couleur bordure élément : #D6D6D6 Couleur info staff : #A7A186 Images : Si images particulières à afficher, les placer ici sous forme de liens Animations : aucun Informations supplémentaires : A votre appréciationEn vous remerciant pour le travail. Bien à vous Cola |
|
Mar 22 Mar - 5:27 | Remplacer l'intégralité du template viewtopic_body par :- Spoiler:
- 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="2" cellpadding="0"> <tr><td align="left" colspan="3" nowrap="nowrap" {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></tr> <tr> <td colspan="3"> <div id="tleSBJ"><h1 class="cattitle"> {TOPIC_TITLE}</h1> </div> <center><span class="nav" 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} <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></span></center> </td> </tr> </table>
<table align="center" width="850px" border="0" cellspacing="1" cellpadding="0" >
<!-- BEGIN topicpagination --> <tr> <td colspan="3" 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="3"> <!-- 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 --> </td></tr> <tr> <td valign="top"> <div class="boxPOST"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}<div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div> <div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div> <div class="onPOST">{postrow.displayed.ONLINE_IMG}</div> <div class="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --></div> <div class="rankPOST">{postrow.displayed.POSTER_RANK}</div> <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div> </div> </td> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="3"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div class="tktPOST"><div class="tlePOST">{postrow.displayed.POST_SUBJECT}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG}<br/>{postrow.displayed.PM_IMG}<br/>{postrow.displayed.EMAIL_IMG}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG}<br/>{postrow.displayed.EDIT_IMG}<br/>{postrow.displayed.DELETE_IMG}</div></div> <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div> <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} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="4"> <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2"> </td> </tr> <!-- BEGIN first_post_br --> </table> <hr /> <table class="forumline" width="100%" align="center" 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 --> <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><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> </td> </tr> </table> </td> </tr> </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"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></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"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></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"> <div class="cattitle"> {L_FORUM_RULES}</div> </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> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </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> <td align="left" valign="middle" nowrap="nowrap" {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="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <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">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- 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> Partie CSS : - Code:
-
/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tleSBJ{ margin:auto; width:850px; padding:15px 0; background:teal; color:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } #tleSBJ h1 { display:block; font-size:32px; } /* BLOC TITRE MESSAGE / IMAGES CONTACT / OUTILS MODERATION */ .tktPOST { padding:10px; background:#57979C; /* MODIFIABLE */ } /* TITRE MESSAGE */ .tlePOST { display:inline-block; vertical-align:top; width:450px; font-size:24px; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { display:inline-block; vertical-align:top; padding-right:10px; border-right:5px solid #A7A186; /* MODIFIABLE */ } /* CITER / EDITER / SUPPRIMER */ .toolsPOST { display:inline-block; vertical-align:top; margin-left:5px; text-align:center; } /* DATE SUJET */ .datePOST { padding:5px; font-size:11px; text-transform:uppercase; text-align:left; background:#A7A186; color:black; /* MODIFIABLE */ } /* APPARENCE MESSAGE */ div.postbody { width:590px; min-height:400px; padding:15px; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } /* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */ div.postbody img { max-width:585px; } /* BLOC JOUEUR */ .boxPOST { margin-right:10px; width:200px; padding:10px; background:#F2F2F2; /* MODIFIABLE */ } /* AVATAR */ .avaPOST { margin:auto; width:200px; height:320px; } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ position:absolute; z-index:3; margin-top:-320px; width:190px; height:310px; padding:5px; overflow:auto; font-size:11px; background:#57979C; color:white; /* MODIFIABLE */ opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out; } .rpgPOST:hover { opacity:1; } /* PSEUDONYME */ .namePOST { margin:10px auto; width:200px; padding:5px 0; text-align:center; font-size:32px; text-transform:uppercase; background:#A7A186; /* MODIFIABLE */ } .namePOST a { text-decoration: none !important; } /* EN LIGNE */ .onPOST { margin:auto; text-align:center; } /* INFORMATIONS JOUEUR */ .abtPOST { margin:10px auto; width:190px; padding:5px; text-align:left; font-size:11px; background:#D6D6D6; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { margin:auto; width:200px; padding:5px 0; text-transform:uppercase; text-align:center; background:#A7A186; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { margin:auto; } Page d'accueil : - Code:
-
<!-- PAGE D'ACCUEIL --><div class="SEP"><!-- STAFF --><div class="staffSEP"><div><!-- IMAGE 125*125 --><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU --><p><a href="" target="_blank">MP</a><br/><a href="" target="_blank">Profil</a><br>Pseudonyme</p></div></div><!-- NEWS --><div class="newsSEP"># le 00/00/00 : ...</div><!-- CONTEXTE & PARTENAIRES --><div class="boxSEP"><!-- CONTEXTE --><div class="ctxtSEP">Contexte</div><!-- 6 PARTENAIRES EN 88*31 --><div class="partSEP"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><br/><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a></div></div><!-- LIENS --><div class="lksSEP"><a href="" target="_blank">Lien</a> - <a href="" target="_blank">Lien</a> - <a href="" target="_blank">Lien</a> - <a href="" target="_blank">Lien</a> - <a href="" target="_blank">Lien</a></div></div> Partie CSS : - Code:
-
/* PAGE D'ACCUEIL */ .SEP { margin:auto; width:850px; padding:15px 0; line-height:16px; text-align:center; background:#F2F2F2; /* MODIFIABLE */ } /* BLOC STAFF */ .staffSEP { display:inline-block; vertical-align:top; width:200px; } /* IMAGE STAFF */ .staffSEP img{ position:absolute; z-index:3; margin-left:-110px; width:125px; height:125px; border-radius:125px; } /* CONTENU STAFF */ .staffSEP p{ position:absolute; margin-top:60px; margin-left:50px; width:135px; height:95px; padding-top:40px; overflow:hidden; border-radius:125px; background:#A7A186; color:black; /* MODIFIABLE */ text-align:center; font-size:16px; } /* LIENS STAFF */ .staffSEP a{ text-decoration:none !important; text-transform:uppercase; font-size:14px; } /* NOUVELLES */ .newsSEP { display:inline-block; vertical-align:top; margin:0 10px; width:240px; height:183px; padding:5px; overflow:auto; text-align:justify; color:black; border:5px solid #d6d6d6; /* MODIFIABLE */ } /* CONTEXTE & PARTENAIRES */ .boxSEP { display:inline-block; } /* CONTEXTE */ .ctxtSEP { margin:auto; margin-bottom:10px; width:275px; height:100px; padding:5px; overflow:auto; text-align:justify; color:black; border:5px solid #d6d6d6; /* MODIFIABLE */ } /* PARTENAIRES */ .partSEP { text-align:center; } .partSEP a{ margin:5px; } /* BORDURE IMAGE PARTENAIRE */ .partSEP img{ width:88px; height:31px; border:2px solid #d6d6d6; /* MODIFIABLE */ } /* BLOC LIENS */ .lksSEP { margin-top:10px; text-align:center; } /* LIEN */ .lksSEP a { text-decoration:none !important; text-transform:uppercase; font-size:18px; color:black !important; /* MODIFIABLE */ } |
|
Mar 22 Mar - 20:51 | M A G N I F I Q U E
Merci beaucoup |
|