CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Deux petits problèmes d'apparence (résolu) | |
| Littlelaulau
{ Membre }
Messages : 22
| Bonjour bonjour Après avoir posé plusieurs questions dans cette partie, j'ai pu bidouiller le css et les templates de mon forum pour avoir l'apparence que je recherchais. Je pense avoir terminé, mais après vérification, j'ai deux petits problèmes qui m'embêtent! Le premier concerne la fenêtre des émoticones. Je ne sais pas pourquoi ni comment, mais je me retrouve avec ça: https://2img.net/r/hpimg15/pics/355032pb1.png Il faut scroller de gauche à droite pour voir toute la liste et non plus de bas en haut. Je ne sais pas du tout ce qu'il faut modifier dans les templates pour retrouver ce que j'avais avant... Mon deuxième problème concerne les liens des sujets. Je ne sais pas pourquoi mais chaque premier lien se positionne en hauteur, et non pas au milieu (sauf quand on passe la souris sur le lien pour cliquer, il se repositionne au bon endroit). Je ne comprends pas et je ne sais pas comment résoudre le problème, surtout que ça concerne que le premier lien à chaque fois... Aperçu: https://2img.net/r/hpimg15/pics/753556pb2.png Aperçu quand on passe la souris sur le lien: https://2img.net/r/hpimg15/pics/972879pb3.png Merci d'avance pour votre aide |
Dernière édition par Littlelaulau le Dim 10 Juin 2012, 13:03, édité 1 fois | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Salut On pourrait avoir le lien vers ton forum stp? Et est-ce que ton 1er problème affecte seulement les annonces ou il y a aussi des sujets normaux et post-it qui sont victimes du problème? | | |
| | | Littlelaulau
{ Membre }
Messages : 22
| Bonjour http://somewherenice.forumactif.fr/ voici le lien! Le premier problème concerne tous les messages, même les réponses dans des sujets normaux! Merci d'avance! | | |
| | | pamina
{ Membre actif }
Messages : 1170
| Hello Littlelaulau ! Je viens aux nouvelles : ton problème est-il toujours d'actualité ? Je vois qu'il n'y a pas eu de réponse, je le remonte donc au cas où ^^ Merci d'avance de ta réponse | | |
| | | Doare
{ Spécialiste }
Messages : 544
| On pourrait voir tes templates "topics_list_box" et "viewtopic_body", ainsi que ton CSS ? | | |
| | | Littlelaulau
{ Membre }
Messages : 22
| Oui toujours d'actualité Doare; Pour ce qui est des templates, je n'ai jamais modifié le "topics_list_box" Voici le "viewtopic_body": - Code:
-
<script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ _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"> <!-- BEGIN switch_twitter_btn --> <span id="twitter_btn" style="margin-left: 6px; "> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </span> <!-- END switch_twitter_btn --> <!-- BEGIN switch_fb_likebtn --> <span id="fb_likebtn" style="margin-left: 6px; "> <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> </span> <!-- END switch_fb_likebtn --> </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> <td align="right" valign="bottom" nowrap="nowrap" width="100%"> <span class="gensmall bold"> <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a> <!-- BEGIN switch_plus_menu --> | <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> <!-- END switch_plus_menu --> </span> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;"> <tr align="right"> <td class="catHead" 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"> {TOPIC_TITLE}</h1> </td> <td align="right" 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="#bottom">{L_GOTO_DOWN}</a> </td> </tr> </table> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- BEGIN postrow --> <!-- BEGIN displayed --> <tr class="post"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div class="contour_avatar">{postrow.displayed.POSTER_AVATAR}</div><div class="pseudo_profil">❝ {postrow.displayed.POSTER_NAME} ❞</div></span><br /> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}<br /><br /> <div class="infos_profil"><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} {postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --></div> <div onClick="this.firstChild.value=(this.firstChild.value=='CLIQUEZ')?'MASQUEZ':'CLIQUEZ';this.lastChild.style.display=(this.firstChild.value=='CLIQUEZ')?'none':'block';" style="text-align: center;"><input type="button" value="CLIQUEZ"/><div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div></div> </span><br /> <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> </td> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><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"> {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> <tr> <td colspan="2" class="hr"> <hr /> </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> </tr> <tr> <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150"> <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"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG} </td> </tr> </table> </td> </tr> <!-- BEGIN first_post_br --> </table> <br /> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- 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 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><h1 class="cattitle">{TOPIC_TITLE}</h1></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"><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 viewtopic_bottom --> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td> <!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </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> Et voici mon CSS - Code:
-
/* cadre large */ .bodyline { border: 8px solid #F8FAF4; }
.spoiler { background-color : #CBDDCA ; border : 1px solid #CBDDCA ; text-align:justify;}
/*MES CODES */
a:link {text-decoration: none;} a:hover {text-decoration: none!important; letter-spacing: 1px;} a.topiclink {text-decoration: none; } a.topiclink:hover {text-decoration: none!important; } a{text-decoration: none !important;}
.bodyline{ padding: 5px; margin:5px; } .maintitle{ margin-top:-30px; } .forumline { text-align: justify; } tr.post span.gensmall { display: none; }
#i_logo { margin-top: 10px; } .postbody, td.row1 span.gensmall { text-align: justify !important; display: block;
}
.forumline { width: 750px; margin: 0 auto; }
/*CHATBOX*/
body.chatbox { background-color: #ffffff;}
/*BARRE DE NAVIGATION */ .navig { position: absolute; top: 0px; width: 100%; background-color: #EFF4E5; border-bottom: 1px solid #D6E4D8; margin-left:-10px; } /*BARRE DE NAVIGATION */
/* CATEGORIES */ a.forumlink { font-family:times new roman; font-size:20px; font-weight:normal; text-transform:lowercase; padding-left:5px; }
.secondarytitle { text-align: center; font-family:georgia; text-transform:uppercase;}
.soustitre { text-transform:uppercase; color: #CFD742; font-style: italic; font-size:10px; }
.bodylinewidth{ width: 750px; } /* FIN */
/*PA*/
div#bloc1 { float: left; width: 300px; height:204px; text-align: justify; padding: 3px; } div#bloc2 { width: 340px; height:95px; float: right; text-align: justify; padding: 5px; }
div#bloc3 { margin-top : 5px; width: 340px; height:95px; float: right; text-align: justify; padding: 5px; } div#bloc4 { float:left; width: 700px; height:55px; text-align: center; margin-top : 5px; margin-bottom : 20px; padding: 3px; } /*PA FIN*/
/*description des catégories*/ /*************************************/
.liens { display:block; text-align:center; margin: 5px 0px; padding:2px 2px; border : 1px solid #F3EDE3; font-size: 12px; text-transform:uppercase; }
.description { text-align:justify; padding:5px; font-size: 10px; }
.scroll { height:100px; overflow:auto; padding: 5px; }
/* ***********Personnalisation des descriptions de catégories [FIN]***
/*QEEL*/
.titreqeel{ font-size:55px; color:#C4D7CA; font-family: monotype corsiva; }
.groupes{ height:40px; padding-right:12px; padding-left:14px; padding-bottom:3px; font-size:25px; font-family: monotype corsiva; text-align:center; text-decoration: none !important;}
/*QEEL**FIN*/
/*PROFIL*/ .contour_avatar{ border: 3px solid #F3EDE3; } .pseudo_profil{ text-align:center; font-size: 15px; } .infos_profil{ text-align: justify; } /* FIN PROFIL */
/*SUJETS ADMIN*/ .titres{ color: #D0D83E; font-family: monotype corsiva; font-size: 30px; }
.presentation{ background-color:#EFF4E5; border: 1px solid #D6E4D8; padding: 20px; text-align: justify; } .groupes{ font-family: monotype corsiva; font-size: 20px; }
.pseudopresentation{ color: #478FC6; font-family: monotype corsiva; font-size: 40px; text-shadow: 1px 1px 1px #ffffff; } .fichepresentation{ border: 1px solid #D1B9B0; padding: 8px; text-align: justify; width: 500px;}
.fichepresentation2{ padding: 8px; text-align: justify; width: 500px;} Je sais qu'il est mal "présenté", mais je n'ai pas eu le temps de m'en occuper car je suis en période de révisions Merci d'avance! | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Salut, peut tu quand même passer le templates topics_list_box afin d'y jeter un coup d'oeil ? Après avoir analyser ton forum, il semblerai que le problème vienne de cette ligne : - Code:
-
<td width="100%" onmouseout="this.className="row1"" onmouseover="this.className="row2"" class="row1"><div class="topictitle"><strong>Post-it:</strong> <h2 class="topic-title"><a href="/t5-le-reglement-de-take-me-somewhere-nice" class="topictitle">Le règlement de Take Me Somewhere Nice</a></h2></div><span class="gensmall"></span> <span class="gensmall"></span></td>
Il faudrait enlever le onmouseover et on mouseout | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Les deux problèmes sont liés au CSS. Premier : - Code:
-
.postbody, td.row1 span.gensmall { text-align: justify !important; display: block; } C'est le "display:block" appliqué au "td.row1 span.gensmall" qui crée le décalage. Je ne sais pas trop pourquoi tu l'as mis là, mais si tu enlèves "td.row1 span.gensmall", cha marche. Deuxième : - Code:
-
.forumline { width: 750px; margin: 0 auto; } Le tableau des smileys possède également une class "forumline" et applique donc la largeur fixe. Il faudrait soit préciser la règle dans le CSS, soit spécifier cette largeur à ce qu'elle concerne direct dans un template... A quoi est censée s'appliquer cette règle ? Aux forums ? | | |
| | | Littlelaulau
{ Membre }
Messages : 22
| Doare: J'ai enlevé le premier truc et ça marche effectivement, merci beaucoup! Du coup je suppose que je n'ai pas besoin d'enlever ce que Hiro me dit? Je crois que j'ai trouvé ce code dans un tuto, il avait pour but d'aligner en "justify" tous les textes du forum, mais ça n'a pas l'air de changer grand chose quand je l'enlève donc je n'en ai pas besoin! Pour le deuxième code, j'avais posté sur CSS-actif pour demander de l'aide parce que je voulais que les catégories du forum (ainsi que la PA) soient alignés sous mon header c'est à dire que les catégories fassent 750px de large; Le topic est ici, et tu peux voir que c'est Hiro qui m'a filé ce code, qui marche très bien Donc je ne sais pas trop comment faire autrement :/ | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Non, pas besoin d'enlever ce qu'il t'a demandé. ^^ Pour le second, on va juste préciser un peu. Le forum est inclus dans un tableau possédant la class "bodylinewidth", qui n'existe pas dans la page des smileys. Donc ça ne touchera pas aux smileys : - Code:
-
.bodylinewidth .forumline { width: 750px; margin: 0 auto; } | | |
| | | Littlelaulau
{ Membre }
Messages : 22
| Parfait, ça marche! Merci beaucoup beaucouuuuup! J'ai une nouvelle question totalement hors sujet mais c'est un problème que je n'arrive pas à résoudre toute seule, c'est le dernier petit détail que je dois résoudre avant que l'apparence du fofo soit officiellement terminée ^^. Donc si tu peux m'aider ça serait super! Comme tu peux le voir j'ai modifié mon QEEL et quand je l'ai refait j'ai enlevé le code qui indiquait un lien du genre "Cliquez ici pour rejoindre la Chatbox", parce que je comptais faire une chatbox sur le côté. Finalement je ne veux pas de CB sur le côté et j'aimerais remettre la phrase dans le QEEL. Pour comprendre quel code je devais ajouter, j'ai regardé le template par défaut de "Index_Body" et voici ce que j'ai ajouté à mon code de QEEL personnalisé; - Code:
-
<tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr></table> </center> <!-- END disable_viewonline --> <!-- BEGIN switch_chatbox_activate --> <!-- END switch_chatbox_activate --> {CHATBOX_BOTTOM} Le problème c'est que le lien que je veux n'apparaît pas. Il y a seulement "Il y a actuellement 0 utilisateur(s) sur la ChatBox : " qui apparait dans mon QEEL comme tu peux le voir sur le forum. Je ne sais pas comment faire, je pense vraiment avoir tout mis donc si tu pouvais m'éclairer ça serait très gentil Sinon bah je me débrouillerai avec une cb sur le côté! | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Il y a tout, mais pas dans le bon ordre. Ce qui concerne la ChatBox doit être placé entre ça : - Code:
-
<!-- BEGIN switch_chatbox_activate --> et ça : - Code:
-
<!-- END switch_chatbox_activate --> et avant ça, qui marque la fin du QEEL. - Code:
-
<!-- END disable_viewonline --> Corrigé, ça donne donc ce qui suit. Ca devrait marcher ! - Code:
-
<!-- BEGIN switch_chatbox_activate --> <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr> <!-- END switch_chatbox_activate --> </table> </center> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} | | |
| | | Littlelaulau
{ Membre }
Messages : 22
| Génial ça marche, merci beaucoup beaucouuuuup d'avoir répondu à toutes mes questions | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello ! Je vois que le problème est résolu, par conséquent je déplace ! Merci de l'avoir signalé | | |
| | | Contenu sponsorisé
| | | | | Deux petits problèmes d'apparence (résolu) | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|