| Arrondir les cellules de liste des sujets [RESOLU] | |
|
claaire
{ Membre }
Messages : 44
| Bonjour à tous et à toutes! Après plus d'une heure de recherche sur le forum, et d'une heure de bidouillage dans mon template je capitule! Voilà mon problème. J'aimerais gérer à travers le css/template le cadre, couleur, arrondis de la liste des sujets cad là (http://forumtestvogue.forumgratuit.be/f1-votre-1er-forum?tt=1) Et j'aimerais modifier le titre (post-it, auteur, dernier message). J'ai cherché sur le forum mais je n'ai rien trouvé qui répondait à cette question ! J'ai essayé de placer des div un peu partout dans le template topics_list_box mais rien ne bouge. Pour info, voici mon template si ca peut aider. - 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(){ _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); addthis_close(); } }); }); //]]> </script>
<table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="middle" nowrap="nowrap"> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" 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}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td> <td align="left" valign="middle" nowrap="nowrap"> </td> <td class="nav" 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> </tr> </table>
<table width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;"> <tr align="right"> <td 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"> <h1 class="cattitle"> <div class="titresujet">{TOPIC_TITLE}</div></h1> </td> </tr> </table> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN displayed --> <tr class="post"> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="post_message"> <tr> <td colspan="2"> <div class="autour_message"> <div class="message_image"> <img src="http://www.vogue.fr/images/socialbar/abonnements.png" /> </div> <div class="message_infos"> <table><tr><td width="50%"><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td> <td valign="top" nowrap="nowrap" class="post-options" width="50%" align="right"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</td></tr></table> </div> </div> </td> </tr> <tr> <td colspan="2"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd> <!-- BEGIN switch_post_attachments --> <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
<!-- 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> <div class="signature_div"> {postrow.displayed.SIGNATURE} </div>
</div> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> </tr> </table> </td> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <a name="{postrow.displayed.U_POST_ID}"></a> <div class="autour_avatar"> <div class="avatar_image"> <!-- ICI SERA L'AVATAR --> {postrow.displayed.POSTER_AVATAR} </div> <div class="avatar_infos"> <!-- VOUS METTREZ ICI CE QUE VOUS VOULEZ VOIR APPARAÎTRE --> <!-- class="name" permet à la police d'avoir une taille normale --> <span class="name"> <!-- IMAGE EN LIGNE --> <center> <div class="vavapseudo"><strong>{postrow.displayed.POSTER_NAME}</strong></div> <!-- NOM DU POSTEUR --> <br /> {postrow.displayed.RANK_IMAGE} </center> <center>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.ONLINE_IMG} {postrow.displayed.contact_field.CONTENT}</center> <br></br> <!-- BEGIN profile_field --> <center> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} {postrow.displayed.profile_field.SEPARATOR}</center> <!-- END profile_field --> </span> </div> </div> <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td> </tr> <!-- BEGIN first_post_br --> </table> <br /> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- END first_post_br --> <!-- END displayed --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <!-- BEGIN topicpagination --> <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <h1 class="cattitle"> {L_FORUM_RULES}</h1> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="row1 clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" /> </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>
<!-- 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> J'espère que quelqu'un aura la réponse à ma question, et merci d'avance! |
Dernière édition par claaire le Mer 22 Aoû 2012, 17:00, édité 1 fois | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| Hey ! Je veux bien essayer de t'aider. :3 Alors je pense qu'il faudrait rajouter, au tableau qui contient les sujets, un autre class que le .forumline, pour changer l'affichage... Enfin, là, je trouve pas ce que je veux dans ton template, on dirait le viewtopic_body ^^'
Donc c'est juste pour avoir confirmation. ^^ | | |
|
| |
claaire
{ Membre }
Messages : 44
| oupssssss honte à moi hahaa! Je te donne le bon, j'avais enregistré le topicbody dans mon blocnote et j'ai tapé celui là sans faire attention! Voilà le bon: - Code:
-
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <div class="boitesujet"><script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script></div> <!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th> <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th> <!-- BEGIN multi_selection --> <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th> <!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr> <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td> <!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%"> <table width="100%"> <tr> <td> <div class="topictitle"> {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2> <span class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</span> </div> <!-- BEGIN switch_description --> <span class="genmed">
{topics_list_box.row.topic.switch_description.TOPIC_DEscriptION} </span> <!-- END switch_description --> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> </td> <td width="?px" align="right"> <span class="postdetails"><img src="http://i30.servimg.com/u/f30/16/70/76/63/13454510.gif"> {topics_list_box.row.REPLIES}<br /> <img src="http://i44.servimg.com/u/f44/11/04/18/24/sans_t25.gif"> {topics_list_box.row.VIEWS}</span> </td> </tr> </table> </td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr> <!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box --> C'est ce que je me suis dit, mettre une div devant la class forum line mais rien n'a bougé! En tout cas merci de m'aider ! | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| - Code:
-
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <div class="boitesujet"><script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script></div> <!-- END multi_selection -->
<table class="forumline topic_body" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> <span class="titre_topic_list">{topics_list_box.row.L_TITLE} </span></th> <th align="center" nowrap="nowrap" width="150"><span class="last_topic_list"> {topics_list_box.row.L_LASTPOST} </span></th> <!-- BEGIN multi_selection --> <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th> <!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr> <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td> <!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%"> <table width="100%"> <tr> <td> <div class="topictitle"> {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2> <span class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</span> </div> <!-- BEGIN switch_description --> <span class="genmed">
{topics_list_box.row.topic.switch_description.TOPIC_DEscriptION} </span> <!-- END switch_description --> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> </td> <td width="?px" align="right"> <span class="postdetails"><img src="http://i30.servimg.com/u/f30/16/70/76/63/13454510.gif"> {topics_list_box.row.REPLIES}<br /> <img src="http://i44.servimg.com/u/f44/11/04/18/24/sans_t25.gif"> {topics_list_box.row.VIEWS}</span> </td> </tr> </table> </td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr> <!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box --> Voilà, j'ai ajouté la classe au tableau de cette manière : - Code:
-
<table class="forumline topic_list" > J'ai aussi ajouté des class aux th, pour pouvoir changer les titres... Donc voilà : - Code:
-
.titre_topic_list { display: none; }
.titre_topic-list:after { content: 'Nouveau titre'); } - Code:
-
.last_topic_list { display: none; }
.last_topic-list:after { content: 'Nouveau titre'); } Voilà voilà. Le premier sert à changer le titre du cadre, le second les derniers messages. :B Ensuite, pour la perosnnalisationj du tableau : - Code:
-
.topi_list { -webkit-border-radius: Xpx; -moz-border-radius: Xpx; -o-border-radius: Xpx; border-radius: Xpx; -webkit-box-shadow: 0px 0px 5px #222; -moz-box-shadow: 0px 0px 5px #222; -o-box-shadow: 0px 0px 5px #222; box-shadow: 0px 0px 5px #222; } Voilà, j'ai pas testé, mais je vois pas pourquoi ça marcherait pas. :B | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| Arf. Pardon du double poste, mais je me suis trompé dans mon code. :B - Code:
-
.titre_topic_list { display: none; }
.titre_topic-list:after { content: 'Nouveau titre'; } - Code:
-
.last_topic_list { display: none; }
.last_topic-list:after { content: 'Nouveau titre'; } J'avais une parenthèse qui s'est glissée à la fin. X_X Voilà, c'est arrangé, encore désolé si ça t'as fait faire une erreur. :B | | |
|
| |
claaire
{ Membre }
Messages : 44
| sooooo, j'ai fait tout ce que tu as proposé et ... nothing happen! Enfin si, j'ai mes titres qui ont disparus :p http://forumtestvogue.forumgratuit.be/f1-votre-1er-forum?tt=1 edit: pour la parenthèse j'avais vu pas de soucis! :p double edit: quand je cherche les class je ne les trouve pas, je suis aveugle ou j'ai mal compris quelque chose? Bon apparement c'est les span (honte à moi) j'ai remarqué que t'avais pas mis une _ entre les titre mais un - dans le css donc j'ai changé mais rien n'a bougé | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| Ok ok, je vais tester, cette fois, avant de te dire de faire n'importe quoi... x') Déjà, pour les titres : - Code:
-
.titre_topic_list { display: block !important; font-size: 0px; }
.titre_topic_list:after { content: 'Mouhahahahaha !'; display: block; font-size: 14px; }
.last_topic_list { display: block !important; font-size: 0px; }
.last_topic_list:after { content: 'Getsuga. OwO'; display: block; font-size: 14px; } Ça marche parfaitement chez moi. o/ Je suis en train de faire des tests pour ton forumline, maintenant. :3 | | |
|
| |
claaire
{ Membre }
Messages : 44
| Maintenant ça marche pour les titres! merci! | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| Et, avec l'éditeur de style de Firefox, j'ai réussi à changer l'affichage de ton truc avec ceci : - Code:
-
.forumline.topic_body { -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; -o-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222; margin-bottom: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; overflow: hidden; } Voilà ! *w* | | |
|
| |
claaire
{ Membre }
Messages : 44
| youhooou! C'est gagné! un grand merci, ca m'aide beaucoup Une dernière chose, pour appliquer la class sur la partie modération en dessous, je dois remettre un table où dans le template? Promis après je te laisse en paix! (a) | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| Il existe un ID pour celui ci. ^^ Donc : - Code:
-
#info_open .forumline {
} Ça devrait fonctionner. :3 | | |
|
| |
claaire
{ Membre }
Messages : 44
| Ok merci! ca fonctionne comme sur des roulette! Si je peux me permettre j'ai encore deux petites questions ... (je sais je suis chiante mais perfectionniste x_x)
Alors j'ai mis un background sur mes titres car je voulais qu'ils se fondent avec le border de la table, mais... il se fondent pas il reste des ligne du fond rose entre et ... c'est pas très joli! J'ai testé de mettre des border ou des padding au titre mais tout se fait à l'intérieur du titre et ne s'applique pas autour! Peut-être que je dois supprimer les contours dans les template ? Je sais pas :p
Et pour appliquer la même classe qu'au dessus mais à la réponse rapide ? (a) | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| Euh... Bah déjà, désolé pour le retard, j'avais pas vu que tu avais rajouté des trucs. :B - Code:
-
.titre_topic_list { position: absolute; margin-top: -22px; width: 610px; margin-left: -5px; } .last_topic_list { position: absolute; margin-top: -22px; margin-left: -72px; width: 161px; } https://2img.net/r/hpimg15/pics/371969Capturedcran20082012172053.png Voilà ce que ça donne chez moi. ^^ C'est juste du positionnement, je sais pas si ça sera pareil partout, tiens moi au courant. :3 Je vais voir si je trouve pas une autre solution au cas où. ~ Edit ; Voilà pour ta seconde question : - Code:
-
.forumline.noprint {
}
#ptrafic_open.forumline {
} Le premier correspond à la liste des sujets similaires, et le second - peut être - la réponse rapide. ^^ Si il manque un truc, préviens moi. :3 | | |
|
| |
claaire
{ Membre }
Messages : 44
| Pas de soucis je sais que j'en demande aussi beaucoup Ok nickel ca marche comme sur des roulettes! J'ai encore quelques trucs à faire mais j'aimerais trouver seul, comment on trouves les class qui rapporte à certaines mises en page? (que je cherche) parce que maintenant j'aimerais modifier aussi quand on répond par exemple! J'ai déjà réussi à modifier les champs de textes mais pas les boites, je ne sais pas à quelle class me rapporter Aussi pour supprimer les lignes des cadres au dessus, toujours dans les reponses... J'ai envie de te demander mais j'ai aussi envie de trouver toute seule :p | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| Sur la plupart des navigateurs ; Clic droit, " Examiner l'élément ", ou " Procéder à l'inspection de l'élément ". :3 Tu peux aussi essayer directement de modifier les styles... Sur FIrefox, c'est avec Maj + F7, je crois. ^^ | | |
|
| |
claaire
{ Membre }
Messages : 44
| Donc là par exemple quand je fait clique droit il me dit forumline, je met dans mon css forumline en div mais ca s'applique à plein de truc sur le forum ce qui est logique étant donné que forumline bah c'est forumline haha, comment je trouve la boite en elle-même? Sinon merci du renseignement, je savais pas | | |
|
| |
Damudo No Kyoku
{ Membre }
Messages : 54
| La technique, c'est que tu remonte dans les conteneurs, puis tu lui dit : Modifie le Machin qui se trouve dans le Truc, comme je te l'ai fait avant ; - Code:
-
/** Modifier le .forumline qui se trouve dans le #conteneur **/ #conteneur .forumline {
} | | |
|
| |
claaire
{ Membre }
Messages : 44
| Donc par exemple pour modifier le haut de la partie "revue du sujet" je fais: - Code:
-
#catHead .forumline {
-webkit-border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; -o-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;
} Mais rien ne se passe... | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Salut.
C'est parce que #catHead est DANS forumline (donc ça s'écrit .forumline #catHead ). On ne peut pas modifier "rétroactivement" les classes '_'
Et sinon, je passais entre deux douches glacées pour dire qu'on écrit une classe (et pas "class"). Ce n'est pas parce que l'attribut s'écrit class (c'est de l'anglais) que vous devez oublier le e final en français u_u' | | |
|
| |
claaire
{ Membre }
Messages : 44
| A ok, merci! Je comprends mieux ! Oui je sais que c'est de l'anglais mais j'ai l'habitude de mélanger les deux donc ca peut paraitre brouillon à la fin. J'essayerais d'éviter si ça pose problème | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Bonjour ! Je vois que le sujet est marqué comme étant résolu, donc je classe | | |
|
| |
Contenu sponsorisé
| |
| |
| Arrondir les cellules de liste des sujets [RESOLU] | |
|