| | Dim 3 Avr - 0:06 | Bonsoir Skaemp, Je viens passer une commande de template sujet que j'ai élaboré en me basant sur vos LS et aussi d'autres trucs que j'ai vu sur d'autres forums. En espérant que ce ne sera pas trop compliqué à exécuter :) Largeur maximale : 850px maxiHauteur maximale : autoSchéma : https://2img.net/r/hpimg15/pics/29718821225412381b.jpg Éléments : je pense avoir tout mis dans le schéma. Images : toutes les images (icônes et autres) se trouvent déjà sur mon forum. Animations : pour l'apparition du bloc de la fiche de personnage, j'aimerais bien la petite animation que vous avez mis sur votre deuxième LS Sujets.^^Informations supplémentaires : Pour détailler un peu le schéma...- Le petit rectangle bleu est censé avoir la couleur du groupe auquel appartient le posteur. J'ai trouvé ça sur un forum et j'ai bien aimé l'idée:)- Le rectangle en bas de l'avatar lui a aussi été vu sur un forum et fonctionne comme un bouton radio. L'astuce, c'est quand on clique sur l'une des cases, l'image correspondante s'affiche. Avatar pour l'avatar et 'Chou' pour l'animal de compagnie. Les deux images se trouvent dans le même bloc. Je voudrais bien la même animation donnée plus haut pour lorsque l'une ou l'autre des images doit apparaître. - Le rank image est un peu plus compliqué qu'il en a l'air. J'ai aussi vu ça sur un forum. Il est en réalité une image qui représente le groupe du posteur et qui n'est pas associée au rang textuel. Par exemple sur ce forum, les membres du groupe "Résidents" ont tous un même rank image Résidents alors que le rang textuel de ces mêmes membres varient en fonction du nombre de message postés. Je voudrais que mes rank images soient dans la même optique (dépareillées du rang textuel non spécifique).Je suis du genre nulle en explication donc s'il le faut, je mettrai des captures d'écrans des 3 cas que je viens de donner :)Merci d'avance pour la prise en compte de ma commande.En vous souhaitant une bonne soirée.PS: ce n'est pas visible sur le schéma mais chaque post est bien un bloc encadré et détaché du précédent-suivant. |
| | | Dim 3 Avr - 10:10 | Bonjour,
Vos exigences consistant en la copie de systèmes préalablement élaborés, je ne pourrais de sorte que vous exhorter à contacter leurs concepteurs afin de vous informer de leurs dispositions quant au partage de leurs réalisations - votre requête ne s'inspirant pas mais reproduisant. |
| | | Lun 4 Avr - 12:37 | Bonjour, Merci pour la réponse rapide! Je ne l'avais pas vite remarqué... J'ai un peu de mal à contacter un Admin juste pour lui demander comment il a réussi à faire telle ou telle chose sur son forum^^. Mais qu'à cela ne tienne, je pourrai le faire, ce système de rangs dépareillés me plaisant énormément. En attendant, je voudrais bien savoir si vous prendrez en charge ma commande . Même si elle "reproduit" certains aspects d'autres forums, il est bien unique et ne consiste en aucun cas en un plagiat (du moins, j'espère que combiner plusieurs exemples en se basant sur ce qu'on a déjà sur son propre forum n'en ai pas un...). Si pas possible, ce n'est pas bien grave, je vous remercie quand même du temps que vous m'accordez^^ En vous souhaitant une agréable journée. |
| | | Mar 5 Avr - 9:52 | 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><span style="margin-left:10px;" 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> </td></tr> <tr> <td colspan="3"> <div id="tleSBJ"><h1 class="cattitle"> {TOPIC_TITLE}</h1> </div> </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="namePOST"><span><strong>{postrow.displayed.POSTER_NAME}</strong></span></div> <div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div> <div class="onPOST">{postrow.displayed.ONLINE_IMG}</div> <div class="rankPOST">{postrow.displayed.POSTER_RANK}</div> <div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></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="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}</div></div> <div class="boxABT"><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</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="rpgPOST">{postrow.displayed.POSTER_RPG}</div></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 JOUEUR */ .boxPOST { margin-right:10px; width:150px; padding:10px; background:#F2F2F2; /* MODIFIABLE */ } /* PSEUDONYME */ .namePOST { margin:auto; width:150px; padding:5px 0; text-align:center; font-size:18px; text-transform:uppercase; background:#A7A186; /* MODIFIABLE */ } .namePOST a { text-decoration: none !important; } /* AVATAR */ .avaPOST { margin:10px auto; width:150px; height:250px; overflow:hidden; } /* EN LIGNE */ .onPOST { margin:auto; text-align:center; } /* TEXTE RANG */ .rankPOST { margin:10px auto; width:150px; padding:5px 0; text-transform:uppercase; text-align:center; background:#A7A186; color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { margin:auto; text-align:center; } /* BLOC DATE MESSAGE / OUTILS MODERATION */ .tktPOST { padding:10px; background:#57979C; /* MODIFIABLE */ } /* DATE SUJET */ .datePOST { display:inline-block; vertical-align:top; width:475px; font-size:18px; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { display:inline-block; vertical-align:top; margin-left:5px; text-align:center; } /* BLOC IMAGE RANG / INFORMATIONS / FICHE RPG */ .boxABT { margin:10px auto; width:670px; background:#D6D6D6; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { position:absolute; z-index:5; margin-left:600px; } /* INFORMATIONS JOUEUR */ .abtPOST { display:inline-block; vertical-align:top; width:315px; height:150px; padding:5px; overflow:auto; text-align:left; font-size:11px; } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ display:inline-block; width:335px; height:150px; padding:5px; overflow:auto; font-size:11px; background:#57979C; color:white; /* MODIFIABLE */ transform:scale(0); -webkit-transform:scale(0); transition:all .65s linear; -webkit-transition:all .65s linear; } .boxABT:hover .rpgPOST{ transform:scale(1); -webkit-transform:scale(1); } /* APPARENCE MESSAGE */ div.postbody { width:640px; min-height:140px; padding:15px; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } /* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */ div.postbody img { max-width:625px; } Vous souhaitant pareillement. |
| | | Mar 5 Avr - 18:59 | Bonsoir, Avant tout, je tiens à dire que votre nouveau thème est vraiment superbe! *.* Un peu de lumière après tant d'obscurité^^ Pour ma commande, merci beaucoup, c'est un super travail! Je viens de tester et j'ai quelques requêtes si vous voulez bien: - Est-ce qu'il serait possible de faire en sorte que le bloc auteur prenne automatiquement la longueur du message? Qu'il finisse au niveau où le bloc du message finira et que les icônes de contact descendent automatiquement avec lui. C'est ce qui se fait actuellement sur le forum^^ - Je voudrais que "citer - Editer...." soient placés tout à l'autre bout du bloc. Actuellement, ils sont juste à côté de la date. -Je voudrais bien que vous diminuez un peu l'espace entre les différents blocs. Par exemple, si présentement c'est de 5px, je voudrais que ça descende à 3. -Je voudrais aussi pouvoir changer le fond du bloc contenant les flèches de direction. J'ai beau cherché, je ne vois pas où il se cache. Je voudrais juste le mettre en fond transparent. -Et pour finir, j'aimerais bien que tous les blocs soient rassemblés dans un seul rectangle tout léger comme ceci: Exemple. Un rectangle tout simple sans la bordure. |
S'il serait possible de faire le rectangle sans y inclure le bloc des flèches de direction, ce serait génial. Comme ça, les flèches serviront de séparation entre les différents posts. Si vous avez d'autres idées, vous avez carte blanche. Tout ce que je souhaite, c'est que chaque post soit bien démarqué de l'autre. J'ai déjà un tout petit peu bidouillé le CSS pour l'adapter. Voici son état actuel: - Code:
-
/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tleSBJ{ margin:auto; width:940px; padding:15px 0; background:teal; color:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } #tleSBJ h1 { display:block; font-size:32px; } /* BLOC JOUEUR */ .boxPOST { margin-right:10px; width:180px; padding:10px; background:#F2F2F2; /* MODIFIABLE */ } /* PSEUDONYME */ .namePOST { margin:auto; width:150px; padding:5px 0; text-align:center; font-size:18px; text-transform:uppercase; /* MODIFIABLE */ } .namePOST a { text-decoration: none !important; } /* AVATAR */ .avaPOST { margin:10px auto; width:150px; height:250px; overflow:hidden; } /* EN LIGNE */ .onPOST { margin:auto; text-align:center; } /* TEXTE RANG */ .rankPOST { margin:10px auto; width:150px; padding:5px 0; text-transform:uppercase; text-align:center; background:#A7A186; color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { margin:auto; text-align:center; } /* BLOC DATE MESSAGE / OUTILS MODERATION */ .tktPOST { padding:3px; background:#57979C; /* MODIFIABLE */ } /* DATE SUJET */ .datePOST { display:inline-block; vertical-align:top; width:150px; font-size:10px; color:black; /* MODIFIABLE */ } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { display:inline-block; vertical-align:top; margin-left:5px; text-align:center; } /* BLOC IMAGE RANG / INFORMATIONS / FICHE RPG */ .boxABT { margin:10px auto; width:730px; background:#D6D6D6; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { position:absolute; z-index:5; margin-left:600px; } /* INFORMATIONS JOUEUR */ .abtPOST { display:inline-block; vertical-align:top; width:355px; height:150px; padding:5px; overflow:auto; text-align:left; font-size:11px; } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ display:inline-block; width:355px; height:150px; padding:5px; overflow:auto; font-size:11px; background:#57979C; color:white; /* MODIFIABLE */ transform:scale(0); -webkit-transform:scale(0); transition:all .65s linear; -webkit-transition:all .65s linear; } .boxABT:hover .rpgPOST{ transform:scale(1); -webkit-transform:scale(1); } /* APPARENCE MESSAGE */ div.postbody { width:700px; min-height:140px; padding:15px; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } /* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */ div.postbody img { max-width:625px; } Je n'ai pas encore touché au template par contre. Voilà, vous savez tout. Je suis un peu exigeante, vraiment désolée. Si je vous en demande trop n'hésitez pas à me le dire^^. Merci d'avance :) Agréable soirée à vous. |
| | | Mer 6 Avr - 1:49 | 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><span style="margin-left:10px;" 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> </td></tr> <tr> <td colspan="3"> <div id="tleSBJ"><h1 class="cattitle"> {TOPIC_TITLE}</h1> </div> </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" class="boxPOST"> <div class="namePOST"><span><strong>{postrow.displayed.POSTER_NAME}</strong></span></div> <div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div> <div class="onPOST">{postrow.displayed.ONLINE_IMG}</div> <div class="rankPOST">{postrow.displayed.POSTER_RANK}</div> </td> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="3" rowspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div class="tktPOST"><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}</div></div> <div class="boxABT"><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</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="rpgPOST">{postrow.displayed.POSTER_RPG}</div></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><td><div class="ktactPOST">{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> <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td 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 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 valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td 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 JOUEUR */ .boxPOST { width:150px; padding:10px; background:#F2F2F2; /* MODIFIABLE */ } /* PSEUDONYME */ .namePOST { margin:auto; width:150px; padding:3px 0; text-align:center; font-size:18px; text-transform:uppercase; /* MODIFIABLE */ } .namePOST a { text-decoration: none !important; } /* AVATAR */ .avaPOST { margin:5px auto; width:150px; height:250px; overflow:hidden; } /* EN LIGNE */ .onPOST { margin:auto; text-align:center; } /* TEXTE RANG */ .rankPOST { margin:10px auto; width:150px; padding:5px 0; text-transform:uppercase; text-align:center; background:#A7A186; color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { padding:2px 0; text-align:center; background:#F2F2F2; /* MODIFIABLE */ } /* BLOC DATE MESSAGE / OUTILS MODERATION */ .tktPOST { padding:10px; background:#57979C; /* MODIFIABLE */ } /* DATE SUJET */ .datePOST { font-size:14px; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { float:right; margin-top:-20px; text-align:center; } /* BLOC IMAGE RANG / INFORMATIONS / FICHE RPG */ .boxABT { margin:auto; width:675px; background:#D6D6D6; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { position:absolute; z-index:5; margin-left:600px; } /* INFORMATIONS JOUEUR */ .abtPOST { display:inline-block; vertical-align:top; width:330px; height:150px; padding:5px; overflow:auto; text-align:left; font-size:11px; } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ display:inline-block; vertical-align:top; width:325px; height:150px; padding:5px; overflow:auto; font-size:11px; background:#57979C; color:white; /* MODIFIABLE */ transform:scale(0); -webkit-transform:scale(0); transition:all .65s linear; -webkit-transition:all .65s linear; } .boxABT:hover .rpgPOST{ transform:scale(1); -webkit-transform:scale(1); } /* APPARENCE MESSAGE */ div.postbody { width:645px; min-height:170px; padding:15px; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } /* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */ div.postbody img { max-width:625px; } |
| | | Mer 6 Avr - 3:10 | Merci beaucoup!
Je n'aurais pas le temps de tester avant demain soir mais dès que ce sera fait je vous ferai savoir le résultat.
Bonne journée. |
| | | Jeu 7 Avr - 2:49 | Bonsoir Skaemp, Alors, à priori tout est parfait maintenant. Merci beaucoup! Par contre j'ai ce léger problème au niveau de mon éditeur de réponse rapide lorsque j'applique le template: https://2img.net/r/hpimg15/pics/144421capture.pngSaurez-vous me dire ce qui ne va pas? Une dernière question svp. J'ai l'intention d'utiliser l'un de vos LS Catégories dont je suis tombée amoureuse, l'avant dernier, celui en blanc rose. Accepteriez-vous de me l'adapter en largeur de forum 940 et de me faire les catégories en onglets si possible? Pleeaase^^ En tout cas, un grand merci déjà pour le travail fourni!♥ |
| | | Ven 8 Avr - 0:29 | Ne saisissant ce qui vous disconvient, le code suivant devrait néanmoins étancher vos préoccupations : - Code:
-
/* EDITEUR DE REPONSE RAPIDE */ #quick_reply .row2 { width:800px !important; background:none !important; } Remplacer l'intégralité du template index_box par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <table width="940px" 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> <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="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* TITRE CATEGORIES */ .tleCAT{ margin:10px auto; width:940px; padding:10px 0; text-align:center; background:pink; /* MODIFIABLE */ } .tleCAT h2{ margin:0; font-size:42px; text-transform:uppercase; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIES */ .mdlCAT { margin:auto; width:940px; padding:10px 0; background:white; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ margin:auto; width:875px; } /* TITRE FORUM */ .tleFRM { margin-bottom:-10px; padding-left:125px; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .tleFRM a{ font-family:Dancing Script; font-size:32px; color:#f26d7d !important; /* MODIFIABLE */ } /* SURVOL TITRE FORUM */ .tleFRM:hover { padding-left:150px; } /* BLOC FORUM */ .FRM{ margin:20px auto; width:875px; text-align:center; } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:top; margin-top:10px; margin-right:25px; margin-left:5px; width:75px; height:75px; transform:rotate(45deg); -webkit-transform:rotate(45deg); } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* DESCRIPTION FORUM */ .descFRM { margin-bottom:5px; width:470px; height:75px; padding:5px; overflow:auto; border-radius:10px; font-size:10px; text-align:justify; background:#f26d7d; color:black; /* MODIFIABLE */ transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } /* SOUS-FORUMS */ .sfFRM { width:470px; height:15px; padding:5px; overflow:auto; border-radius:10px; background:#f7a5ae; color:rgba(250,250,250,0.6); /* MODIFIABLE */ font-size:10px; text-align:left; text-transform:uppercase; } /* LIEN SOUS-FORUM */ .sfFRM a{ color:rgba(250,250,250,0.6) !important; /* MODIFIABLE */ } /* BLOC AVATAR DERNIER POSTEUR */ #avaFRM { display:inline-block; vertical-align:top; margin:0 10px; width:95px; height:115px; border-radius:10px; background:#f26d7d; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR */ .avaFRM { margin:auto; margin-top:10px; width:75px; height:95px; overflow:hidden; border-radius:5px; } .avaFRM img { width:75px; filter:grayscale(1); -webkit-filter:grayscale(1); } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin-bottom:5px; width:150px; height:65px; padding:20px 5px 0; border-radius:10px; text-align:center; font-size:10px; background:#f26d7d; color:white; /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES */ .nbFRM { width:160px; height:15px; padding:5px 0; border-radius:10px; font-size:10px; letter-spacing:-1px; text-align:center; background:#f7a5ae; color:black; /* MODIFIABLE */ } Les catégories en onglets impliquant de probables complications dont je ne désire aucunement assumer la charge, une redirection vers un forum d'entraide semble ici appropriée. |
| | | Ven 8 Avr - 2:20 | Merci beaucoup!
Alors, pour le code de l'éditeur, ça ne change rien. C'est un peu bizarre vu que le problème n’apparaît pas sur mon forum test... Ce n'est pas bien grave. J'essaierai de trouver ce qui cloche.
Pour la catégorie, merci (encore)! Je savais bien que ce serait un coup de chance que vous acceptiez de me faire les onglets^^ Ce n'est pas bien grave, j'ai trouvé un tuto sur NU qui pourrait m'aider, même si ce sera pas du gâteau vu que ce n'est plus du tout le même template. En tout cas, le redimensionnement est nickel.
Par contre, j'ai un petit problème (oui, encore, vraiment désolée ><"). Les icônes du forum, (imgFRM) ce sont bien les images new-old et consort n'est-ce-pas? Ils sont pas censés être dans le losange noir? Parce que chez moi, le losange n’apparaît pas. Les icônes sont juste dans le fond blanc... Si c'est moi qui ai rien compris, vraiment désolée pour le dérangement occasionné. |
| | | Sam 9 Avr - 3:59 | Les icônes du forum, définies par la class .imgFRM, correspondent effectivement au losange. Ce dernier n'étant que la représentation de la rotation à 45 degrés leur étant appliquée, dois-je en déduire que l'inclinaison ne s'effectue ? |
| | | Sam 9 Avr - 21:18 | Désolée pour le retard! Je vous confirme que la rotation ne s'effectue pas. Pour moi, cela ne constitue pas un problème vu que je pensais que le losange apparaîtrait réellement comme cadre de l'icône (en fond transparent bien entendu^^). Comme ce n'est pas le cas, la rotation ne m'importe plus vraiment. Merci beaucoup pour le travail fourni. C'est super! |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|