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! |
| Double probleme : Titres && citations, codes, spoilers [Resolu] | |
| Arnoa
{ Membre }
Messages : 19
| Bonjour. Je viens pour deux problèmes que je rencontre sur mon forum, encore en pleine construction. En effet, j'ai un problème dès que je veux utiliser les balises de citation, code et spoiler. C'est quelque chose que j'ai déjà rencontré sur d'autres forums et j'aimerais bien pouvoir le régler, par soucis d'esthétisme et de présentation. Comme une image parle mieux, voici une capture : - Spoiler:
Je suis sous Mozilla mais le problème apparait également sous IE et Safari. A savoir que je n'ai mis aucun code css pour cela, n'ayant modifié que les couleurs des zones dans le simple menu de couleurs du panneau d'administration. Deuxième problème : Pour les titres de mes catégories. En effet, ceux-ci sont centrés et coupés alors que, une fois de plus, je n'ai mis aucun code pour modifier cela. De plus, il apparait normalement dans le panneau d'administration et lorsque l'on se trouve dans les sous-forums, seul l'accueil étant affecté par ce problème - Spoiler:
Mes CSS : - Spoiler:
- Code:
-
/*LIENS*/ a:link {text-decoration: none; font-variant: small-caps;} a:visited {text-decoration: none; font-variant: small-caps;} a:hover {text-decoration: none; font-variant: small-caps;} a:active {text-decoration: none; font-variant: small-caps;}
/*DERNIERE EDITION*/ tr.post span.gensmall { display: none; }
/*ENCADREMENT AVATAR*/ .postdetails.poster-profile a img { width: 200px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border: 10px solid #912825;}
/*VIGNETTES*/ .vignettes {-moz-border-radius:5px; background-color: #cecece; padding-right:5px; padding-left:5px; padding-bottom: 3px; padding-top: 1px; border-bottom: 5px double #912825; Font-size : 10px; }
/*QEEL*/ .statistiques{ border:0px; background-image: url("http://i46.tinypic.com/214rta9.jpg"); background-repeat: no-repeat; background-position: center; height:350px; width: 800px}
.groupes{ background-color:#cecece; border-bottom: 5px double #912825; -moz-border-radius : 5px 5px 5px 5px; height:30px;padding-right:5px;padding-left:5px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
/*Barre de navigation*/ a.mainmenu{ TEXT-ALIGN: center font-size: 9px; color: #ffffff; text-decoration: none; -moz-border-radius: 5px; padding-left:10px; padding-right:10px; border-bottom: 5px double #912825;}
a.mainmenu:hover{ TEXT-ALIGN: center font-size: 11px; color: #ffffff; background-color: #912825; text-decoration: none; -moz-border-radius: 5px;; padding-left:10px; padding-right:10px;}
.mainmenu img {display: none;}
/*CONTOURS ARRONDIS*/ .forumline{ -moz-border-radius:7px; border-width:5px } .bodyline {-moz-border-radius:20px; border-width:7px }
/*TEXTE JUSTIFIE BLOCKQUOTE*/ .postbody { display: block; padding-left: 25px; padding-right: 25px; text-align:justify; }
/*IMAGE FLOTTANTE*/ .floatleft{ float: left; padding: 1%; margin-right: 2px; margin-top: 2px; }
.floatright{ float: right; padding: 2%; margin-left: 2px; margin-top: 2px; }
/*INFOBULLES*/ a.imginfo { position: relative; color: #716737; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */}
a.imginfo span { display: none; /* on masque l'infobulle */}
a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */}
a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: -40px; /* on positionne notre infobulle */ left: 15px; background: #cecece; color: #912825; padding: 3px; border: 0px solid grey; border-left: 5px solid #912825; border-right: 5px solid #912825; border-top: 5px solid #912825; border-bottom: 5px solid #912825; -moz-border-radius:10px;}
/*FEUILLE PERSO*/ .postdetails.poster-profile textarea { width: 100%;}
/*LIENS CATEGORIE*/ a.forumlink{ -moz-border-radius: 7px 7px 7px 7px; border-bottom: 5px double #912825; padding-lefft:20px; font-weight:bold; font-size:11px; display:block; text-align: center; text-transform:small-caps; background-color : #cecece;}
a.forumlink:hover{ -moz-border-radius: 7px 7px 7px 7px; border-bottom: 5px double #912825; padding-leftt:45px; font-weight:bold; color:#3D3C3C; font-size:11px; display:block; text-align:center; text-transform:small-caps; background-color: #912825;}
/*CHATBOX*/ body.chatbox { background-color: #8C8B8B;}
/*MENU PA*/ .main {background-color: #cecece; border-right: 5px solid #912825; border-left: 5px solid #912825; width: 100px; text-align: center; text-color: #ffffff; text-transform : small-caps; padding-top: 3px; padding-bottom: 3px;}
.main:hover {border-right: 5px solid #000000; border-left: 5px solid #000000;}
Template index_body modifié : - Spoiler:
- Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --><br> <center><table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="10%"></td> <td width="20%"> <span class="groupes"> <a href="LIEN DU GROUPE 1"><font color="COULEUR DU GROUPE 1" size="2"><b>NOM DU GROUPE 1</b></font></a></span><br><br> <span class="groupes"><a href="LIEN DU GROUPE 2"><font color="COULEUR DU GROUPE 2" size="2"><b>NOM DU GROUPE 2</b></font></a> </span><br><br> <span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span><br><br> <span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br> <span class="groupes"> <a href="LIEN DU GROUPE 5"><font color="COULEUR DU GROUPE 5" size="2"><b>NOM DU GROUPE 5</b></font></a> </span><br><br> <span class="groupes"> <a href="LIEN DU GROUPE 6"><font color="COULEUR DU GROUPE 6" size="2"><b>NOM DU GROUPE 6</b></font></a> </span></td> <td width="50%"><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br /> {NEWEST_USER}<br><br> {TOTAL_USERS_ONLINE}<br> {LOGGED_IN_USER_LIST}</span><br></td> <td width="5%"></td> </tr> </table></center> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS"><br> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
Template index-box modifié : - Spoiler:
- Code:
-
<br><!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall">Sujets : <b>{catrow.forumrow.TOPICS}</b> ● Messages : <b>{catrow.forumrow.POSTS}</b></span></td></tr></table> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </td> <td class="row2" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS}</span> </td> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Template viewtopic_body modifié : - 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(){ _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 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> | <script type="text/javascript"> //<![CDATA[ insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> </span> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <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" nowrap="nowrap" class="t-title"><h1 class="cattitle"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></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="#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></span> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_AVATAR} <center><strong>{postrow.displayed.POSTER_NAME}</strong><br /> {postrow.displayed.POSTER_RANK} {postrow.displayed.RANK_IMAGE}</center><br /><br /> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --><br /> <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/vide.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">
{postrow.displayed.MESSAGE}
<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" nowrap="nowrap" 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="1" cellpadding="0"> <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 --> <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}" /> <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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>
Merci d'avance ^^ |
Dernière édition par Arnoa le Mar 23 Fév 2010, 10:43, édité 1 fois | |
| | | Invité Invité
| Bonjour =) Alors déjà il y avait quelques erreurs dans ton CSS. Je sais pas si ça a pu avoir une influence dans tes problèmes mais comme il faut au moins partir sur de bonnes bases je te les ai corrigées : - Code:
-
/*LIENS*/ a:link {text-decoration: none; font-variant: small-caps;} a:visited {text-decoration: none; font-variant: small-caps;} a:hover {text-decoration: none; font-variant: small-caps;} a:active {text-decoration: none; font-variant: small-caps;}
/*DERNIERE EDITION*/ tr.post span.gensmall { display: none; }
/*ENCADREMENT AVATAR*/ .postdetails.poster-profile a img { width: 200px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border: 10px solid #912825;}
/*VIGNETTES*/ .vignettes {-moz-border-radius:5px; background-color: #cecece; padding-right:5px; padding-left:5px; padding-bottom: 3px; padding-top: 1px; border-bottom: 5px double #912825; font-size: 10px; }
/*QEEL*/ .statistiques { border:0px; background-image: url("http://i46.tinypic.com/214rta9.jpg"); background-repeat: no-repeat; background-position: center; height:350px; width: 800px;}
.groupes{ background-color:#cecece; border-bottom: 5px double #912825; -moz-border-radius : 5px 5px 5px 5px; height:30px;padding-right:5px;padding-left:5px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
/*Barre de navigation*/ a.mainmenu{ TEXT-ALIGN: center; font-size: 9px; color: #ffffff; text-decoration: none; -moz-border-radius: 5px; padding-left:10px; padding-right:10px; border-bottom: 5px double #912825;}
a.mainmenu:hover{ TEXT-ALIGN: center; font-size: 11px; color: #ffffff; background-color: #912825; text-decoration: none; -moz-border-radius: 5px; padding-left:10px; padding-right:10px;}
.mainmenu img {display: none;}
/*CONTOURS ARRONDIS*/ .forumline{ -moz-border-radius:7px; border-width:5px; } .bodyline {-moz-border-radius:20px; border-width:7px; }
/*TEXTE JUSTIFIE BLOCKQUOTE*/ .postbody { display: block; padding-left: 25px; padding-right: 25px; text-align:justify; }
/*IMAGE FLOTTANTE*/ .floatleft{ float: left; padding: 1%; margin-right: 2px; margin-top: 2px; }
.floatright{ float: right; padding: 2%; margin-left: 2px; margin-top: 2px; }
/*INFOBULLES*/ a.imginfo { position: relative; color: #716737; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */}
a.imginfo span { display: none; /* on masque l'infobulle */}
a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */}
a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: -40px; /* on positionne notre infobulle */ left: 15px; background: #cecece; color: #912825; padding: 3px; border: 0px solid grey; border-left: 5px solid #912825; border-right: 5px solid #912825; border-top: 5px solid #912825; border-bottom: 5px solid #912825; -moz-border-radius:10px;}
/*FEUILLE PERSO*/ .postdetails.poster-profile textarea { width: 100%;}
/*LIENS CATEGORIE*/ a.forumlink{ -moz-border-radius: 7px 7px 7px 7px; border-bottom: 5px double #912825; padding-left:20px; font-weight:bold; font-size:11px; display:block; text-align: center; text-transform:small-caps; background-color : #cecece;}
a.forumlink:hover{ -moz-border-radius: 7px 7px 7px 7px; border-bottom: 5px double #912825; padding-left:45px; font-weight:bold; color:#3D3C3C; font-size:11px; display:block; text-align:center; text-transform:small-caps; background-color: #912825;}
/*CHATBOX*/ body.chatbox { background-color: #8C8B8B;}
/*MENU PA*/ .main {background-color: #cecece; border-right: 5px solid #912825; border-left: 5px solid #912825; width: 100px; text-align: center; text-color: #ffffff; text-transform : small-caps; padding-top: 3px; padding-bottom: 3px;}
.main:hover {border-right: 5px solid #000000; border-left: 5px solid #000000;} Pour les spoilers c'est ce bout de code qui pose soucis j'ai remarqué : - Code:
-
/*TEXTE JUSTIFIE BLOCKQUOTE*/ .postbody { display: block; padding-left: 25px; padding-right: 25px; text-align:justify; } Tu l'as intégré pour faire quoi au juste ? | | |
| | | Arnoa
{ Membre }
Messages : 19
| D'abord, merci pour le CSS
Pour ce qui est de ce code en question, c'est pour avoir le texte justifié automatiquement et qu'il y ai une petite marge de chaque côté, pour ne pas que ça soit collé aux bords du forum.
EDIT : J'ai trouvé pour le code css, il m'a suffit d'enlever la ligne de "block". Par contre, toujours ce problème de titres... | | |
| | | Invité Invité
| Mm pour les titres j'ai installé tes templates et ton CSS sur mon forum et ils ne sont pas coupés... Je peux voir le code que tu as mis pour par exemple Once Upon a Time ? | | |
| | | Arnoa
{ Membre }
Messages : 19
| Il n'y a pas de code à franchement parlé, j'ai simplement mis "▌● Once upon a time" comme titre, sans vouloir de présentation particulière. | | |
| | | Invité Invité
| J'avoue je ne vois pas d'où ça peut venir. Tu n'as pas modifié autre chose ? | | |
| | | Arnoa
{ Membre }
Messages : 19
| Étrangement, c'est revenu à la normale. C'est toujours centré mais ce n'est pas le plus dérangeant, si j'ai tout le texte.
Merci beaucoup pour ton aide, en tous cas ! ^^ | | |
| | | Contenu sponsorisé
| | | | | Double probleme : Titres && citations, codes, spoilers [Resolu] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|