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! |
| [Terminé] Espacement trop grand sur mon forum. | |
| Kitty-Cherry
{ Membre }
Messages : 28
| Désolée pour le titre qui n'est pas très clair. Je poste une image pour pouvoir mieux m'exprimer https://i.servimg.com/u/f48/13/68/86/28/pb10.jpg Comment puis-je faire pour reduire cet espace? J'ai essayé tout ce que je connaissais et rien ne marche. Du coup, tout mes post avec des codes deviennent immensément larges. Si quelqu'un peut m'aider, merci beaucoup d'avance. |
Dernière édition par Kitty-Cherry le Sam 21 Juil 2012, 13:17, édité 1 fois | |
| | | Faucon
{ Membre hyper-actif }
Messages : 1757
| Tu as surement du mettre un padding trop grand
Tu pourrais nous passer ta feuille CSS et ton template viewtopic_body, s'il te plait ^^ | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| Alors voilà le CSS : - Code:
-
body { background-color: #ffffff; background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new17.jpg"); background-attachment: fixed; background-position:centerbody { background-repeat:no-repeat; background-position:center margin: 1.5em; text-align: center; font-size: 1em; color: #FFFFFF; }} * html { scrollbar-face-color: #; scrollbar-highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: #; } *+ html { scrollbar-face-color: #; scrollbar-highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: #; } th,td,p { font-family: Century Gothic } a img { border: none; } a:link,a:active,a:visited { color : #000000; } a:hover{ text-decoration: underline !important; color : #000000; } hr{ height: 0; border: solid #333333 0; border-top-width: 1px; } .bodyline{ background-color: #; border: 1px # solid; } .bodylinewidth { width:100px} .forumline{ background-color: #000000; border: 2px #000000 solid; } td.row1,td.row3.over:hover { background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new16.jpg"); } td.row2,td.row1.over:hover { background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new16.jpg"); } td.row3{ background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new16.jpg"); } td.rowpic { background-color: #000000; background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new16.jpg"); css} th { color: #000000; font-size: 14px; font-weight : bold; background-color: #000000; height: 20px; background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new16.jpg"); padding: 2px 3px; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new16.jpg"); background-color:#000000; border: #000000; border-style: solid; height: 20px; } td.cat,td.catHead,td.catBottom { height: 50px; border-width: 0; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: #; border-style: solid; /*height: 30px; */ } td.row3Right,td.spaceRow { background-color: #333333; border: #000000; border-style: solid; } td.pourcentback { background-color : #ffffff; } th.thHead,td.catHead { font-size: 14px; border-width: 3px 3px 0 1px; } th.thSides,td.catSides,td.spaceRow { border-width: 0 3px; } th.thRight,td.catRight,td.row3Right { border-width: 0 3px 0 0; } th.thLeft,td.catLeft { border-width: 0 0 0 3px; } th.thBottom,td.catBottom { border-width: 0 3px 3px 3px; } th.thTop { border-width: 3px 0 0; } th.thCornerL { border-width: 3px 0 0 3px; } th.thCornerR { border-width: 3px 3px 0 0; } .maintitle, .maintitle h1{ font-weight: bold; font-size: 22px; font-family: Century Gothic; text-decoration: none; line-height : 120%; color : #000000; } .forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right { padding: 2px 3px; } .forumline td.pagination { padding:0; } .maintitle h1 { margin: 0; padding: 0; display: inline; } .gen { font-size : 14px; } .genmed { font-size : 14px; } .gensmall { font-size : 14px; } .gen,.genmed,.gensmall { color : #000000; } a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover{ color: #000000; text-decoration: underline; } .mainmenu{ font-size : 14x; color : #000000} a.mainmenu{ text-decoration: none; color : #000000; } a.mainmenu:hover{ text-decoration: underline; color : #000000; } .cattitle{ font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #000000} h1.cattitle { margin:0; padding: 0; display:inline; } a.cattitle{ text-decoration: none; color : #000000; } a.cattitle:hover{ text-decoration: underline; } .forumlink{ font-weight: bold; font-size: 14px; color : #000000; } a.forumlink { text-decoration: none; color : #000000; } a.forumlink:hover{ text-decoration: underline; color : #000000; } .nav{ font-weight: bold; font-size: 14px; color : #000000; } a.nav{ text-decoration: none; color : #000000; } a.nav:hover{ text-decoration: underline; } .topictitle,h1,h2{ font-weight: bold; font-size: 14px; color : #000000; } div.topictitle { display: inline; } h2.topic-title { display: inline; margin: 0; padding: 0; } a.topictitle:link{ text-decoration: none; color : #000000; } a.topictitle:visited{ text-decoration: none; color : #000000; } a.topictitle:hover{ text-decoration: underline; color : #000000; } .name{ font-size : 14px; color : #000000; } .name a{ text-decoration:none; } .postdetails{ font-size : 14px; color : #000000; } .postbody{ font-size : 14px; line-height: 18px} a.postlink:link{ text-decoration: none; color : #000000 } a.postlink:visited{ text-decoration: none; color : #000000; } a.postlink:hover{ text-decoration: underline; color : #000000} .code{ font-family: Courier,'CourierNew',sans-serif; font-size: 14px; color: #ffffff; background-color: #333333; border: #333333; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} .quote{ font-family: Century Gothic; font-size: 14px; color: #6e6e6e; line-height: 125%; background-color: #333333; border: #333333; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} a.copyright{ color: #000000; text-decoration: none; } a.copyright:hover { color: #000000; text-decoration: underline; } .coloradmin { color: #ffffff} .colormod { color: #ffffff} .vote { float: right; width: 14px; margin-left: 4px; } .vote .vote-button { text-align: center; font-weight: bold; margin-left: -1px; } .vote .vote-button a { text-decoration: none !important; } .vote .vote-bar { width: 3px; height: 50px; margin: 0 auto; border: 1px solid #000000; font-size: 0; } .vote .vote-no-bar { letter-spacing:-2px; margin-left:-2px; white-space:nowrap; } .vote .vote-bar-plus { background-color: #0f0; } .vote .vote-bar-minus { background-color: #f00; } h1.pagetitle { display: inline; margin: 0; padding: 0; font-size: 14px; color: #000000; } h1.title2 { font-size: 14px; } .secondarytitle,.secondarytitle h2 { margin: 0; padding: 0; color: #000000; } .secondarytitle h2 { display:inline; } .nav h1 { display: inline; } .hierarchy { display: inline; margin: 0; padding: 0; text-transform: none; border: none; font-size: 14px; } .mod-text { font-weight: bold; } img{ border:0} input,textarea, select { color : #000000; font: normal 14px Century Gothic; } input.post, textarea.post, select { background-color : #; } .post-options { text-align: right; } .post-options img { cursor: pointer; vertical-align: middle; } input { text-indent : 2px; } input.button { background-color : #333333; color : #000000; font-size: 14px; font-family: Century Gothic; } input.mainoption { background-color : #333333; font-weight : bold; } input.liteoption { background-color : #333333; font-weight : normal; } .helpline { background-color: #333333; border-style: none; } input { background-color: #333333; } button.button2, input.button2 { font-size: 0.7em; border: 1px solid #BCBCBC; width: auto !important; padding: 1px 0; font-family: Century Gothic; color: #000000; background-repeat: repeat-x; background-color: #FAFAFA; background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif'); background-position: top; overflow: visible; vertical-align:middle; } button.button2:hover, input.button2:hover { border: 1px solid #000000; color: #000000; background-position: 0 100%; } * html button.button2, * html input.button2 { padding-bottom: 0; margin-bottom: 1px; height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2, *+html input.button2 { height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2 img { vertical-align: middle; } * html button.button2 img { vertical-align: middle; } button.bbcode { border: 1px solid #e3adad; background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png"); } .select { background-color: #000000; border: 1px solid #BCBCBC; position: absolute; z-index: 999; top: 0; left: 0; overflow: hidden; width: 0; } .select p { padding: 4px 6px; font-size: 0.7em; margin: 0; white-space: nowrap; text-align: left; } .select button { padding: 4px; font-size: 0.9em; margin: 0; background-color: #583635; border: none; text-align:left; } .select button.button2 { border:1px solid #BCBCBC; padding: 0; } * html .select button.button2 { padding-right: 3px; padding-left: 3px; } .select button.button2:hover { border: 1px solid #000000; color: #000000; background-position: 0 100%; } .select button:hover,.selectHover { cursor: pointer; background-color: #583635; } textarea#text_editor_textarea { width: 100% !important; } iframe#text_editor_iframe { width: 100%; height: 200px; } form#quick_reply textarea#text_editor_textarea { width: 100% !important; height: 100%; } form#quick_reply iframe#text_editor_iframe { width: 100%; } * html form#quick_reply iframe#text_editor_iframe { width: 600px; } *+html form#quick_reply iframe#text_editor_iframe { width: 600px; } #page-footer .gen strong { font-weight: normal; } @import url("form_ie.css"); @media print { body { background-image: none; background-color: #583635; color: #583635; } table.bodylinewidth span.maintitle { display: block; text-align: left; } table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open { display:none; } td.catHead, .t-title { text-align: left; } table.bodylinewidth .cattitle { letter-spacing: normal; font-size: 1em; } .thLeft,.thRight { color: #000; border: none; text-align:left; } .hr hr { visibility: hidden; } .hr { border-top: 1px dotted #583635 !important; } tr.post td { vertical-align: top; border-bottom: 1px solid #583635; } tr.post td td { border: none; } span.gen { display: none; } } ul.abuse { list-style: none; line-height: 1.5em; font-size: 0.9em; } .rtl-spacer:before { content: " "; white-space: pre; } .rtl-spacer:after { content: " "; white-space: pre; } .warning { color:#ff3333; } .captcha div.captcha-img { float: left; margin: 0 1em 0 0; } .captcha .inputbox { margin-top: 0.5em; } .center { text-align: center; } .right { float: right; } .left { float: left; }
/* TGF Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } *+ html .clearfix { min-height: 1px; } * html .clearfix { position: relative; height: 1%; clear: both; } #page-footer, .clear { clear: both; } #page-footer h3 { margin-top: 20px; } #content-container #left { width: 0px; margin-right: px; } #content-container #right { width: 0px; margin-left: px; } .module-title { font-weight: bold; margin: 0 auto; text-align: center; display: block; }
/* Chatbox */ #frame_chatbox { border: none !important; } body.chatbox { min-width: 550px !important; background-image: none; padding: 0; margin: 0; background-color: #ffffff; } #chatbox_members { position: absolute; top: 30px; bottom: 30px; width: 180px; overflow: auto; border-right: 1px solid ; } #chatbox { position: absolute; top: 30px; left: 181px; right: 0; bottom: 30px; overflow: auto; line-height: 14px; } .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 { font-size: 14px; } .chatbox-options { text-align:right; } #chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form { float:right; } #chatbox_footer { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; } #chatbox_footer table.text-styles { float: right; } #chatbox_footer .text-field { float: left; } #chatbox_header { height: 30px; background-color: #ffffff; } #chatbox p { line-height: 1.2em; } .chatbox_row_1 { padding: 4px; background-color: #333333; } .chatbox_row_2 { padding: 4px; background-color: #333333; } .chatbox_row_3 { padding: 4px; background-color: #333333; } .memberlist_row_1 { padding: 2px 2px 2px 14px; background-color: #333333; } #chatbox_members .member-title { text-align: center; padding: 0.5em 0.25em; background-image: none; font-size: 14px; background-color: #333333; color : #000000; font-family: Georgia; } #chatbox_members ul { list-style: none; margin: 0 0 0 14px; } #chatbox_members ul li { margin: 2px 2px 2px 0; } #message,#submit_button{ border-width: 1px; } .fontbutton { padding: 1px; cursor: pointer; text-align: left; } .fontbutton_normal { background: #E1E1E2; } .fontbutton_selected { background: #BBC7CE; border: 1px solid #22229C; } .fontbutton_clicked { background: #583635; border: 1px solid #22229C; } .fontbutton_hover { background: #E1E1E2; border: 1px solid #22229C; } #chatbox .user { font-weight: bold; } div#chatbox { color: #000000; } #chatbox_contextmenu { background-color: #333333; border:1px solid #aaa; } #chatbox_contextmenu p { margin:0; padding: 1px 4px; font-family: verdana, arial, sans-serif; background: #; border-bottom:1px solid #777; } #chatbox_contextmenu p.hover { background: #; } #chatbox_contextmenu p.close { background: #ddd; padding: 1px; font-size: 70%; color:#fff; background: url(''); } #chatbox_contextmenu p.close img { vertical-align: middle; padding-left: 20px; } #chatbox_contextmenu a { color: #; text-decoration: none; font-size: 70%; } #chatbox_contextmenu a:hover { color: #; } .fontbutton{ border:0; } * html #chatbox-members { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); } * html #chatbox { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px"); } * html #chatbox-footer { /* IE expressions helping IE work in Standards mode */ width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); }
/* poll */ .poll-result td { padding: 2px 4px; text-align: left; } .poll-result td.poll-title,.poll-result td.poll-results { text-align: center; } .progress-bar td { padding: 0 !important; } .poll-ballot { text-align: left; }
/* Advanced profile */ #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details { margin-center: 3px; } #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module { margin-bottom: 3px; } #profile-advanced-button { padding: 1px; } #profile-advanced-details { overflow: hidden; } #profile-advanced-details ol { margin: 0; padding: 0; list-style: none; } #profile-advanced-details ol li { display: block; margin-bottom: 4px; } #profile-advanced-details .avatar { float: left; } .avatar { width: 50px; border: 1px solid #524c4c; background-color: #583635; } .avatar img { width: 50px; } .friend-block .avatar { margin: 0 auto; cursor:pointer; } .avatar.mini, .avatar.mini img { width: 38px; height: 38px; } .friend-block { float: left; width: 70px; margin: 1px; text-align: center; overflow: hidden; } .friend_list_online_status { line-height: 11px; font-size: .9em; } .friend_list_online_status img { vertical-align: middle; } .friends-foes-list { float: left; width: 200px; height: 2em; } #profile-advanced-details .message-block { margin-center: 57px; } #profile-advanced-details .message-header { border-top: 1px solid #333333; background: #333333; padding: 4px; margin-bottom: 4px; } #profile-advanced-details .message-date { float: center; } #profile-advanced-details .message-body { margin-bottom: 4px; } #profile-advanced-details .message-footer { text-align: center; } #profile-advanced-details .message-footer li { display: inline; margin: 0 0.25em; /* Spacing between generation dot */ } #profile-advanced-details .message-footer li:after { content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */ } #profile-advanced-details .message-footer li a { margin-right: 0.25em; /* Spacing between generation dot */ text-decoration: underline; } #profile-advanced-details .message-footer li.last:after { content: normal; } #profile-advanced-add { margin-right: 4px; padding: 8px 0; text-align: right; } #profile-advanced-details .stats-field { margin: 4px 0 10px 4px; padding: 0 10px 6px; } #profile-advanced-details .stats-field legend { font-weight: bold; } #profile-advanced-details .stats-field ul { list-style-type:none; text-indent: 14px; padding: 0; } #profile-advanced-details .stats-field li { margin: 4px 0; } #login_popup { position: absolute; z-index: 999; display: none; } #login_popup_buttons { position: absolute; height:19px; bottom: 6px; right: 6px; } #login_popup_buttons input { margin-left: 6px; } ul.profile_field_list { padding:0; margin:0} html ul.profile_field_list li { list-style-type: none; } ul.profile_field_list > li { list-style-type: none; } .inputURL { font-size: 14px; font-family:"Courier New", "Times New roman"; letter-spacing:-1px; } .middleline { line-height:2em; } .invisible{ display:none; visibility:hidden; } .visible{ display:block; visibility:visible; }
/* ajax profil */ .ajax-profil_hover{ background:transparent} .ajax-profil_parent{ position:relative; zoom:1; } .ajax-profil_edit{ cursor:pointer; position:absolute; top:0; left:-18px} .ajax-profil_edit img{ margin-left:4px} .ajax-profil_valid{ cursor:pointer; margin-left:4px; vertical-align:middle} #profile-advanced-details dl{ padding:8px 10 8px 0; width:98%; margin:10px 0 0; } #profile-advanced-details dl dt{ float:left; display:block; width:10em; } #profile-advanced-details dl dd{ margin-left:10em; padding-left:12px; } #profile-advanced-details div.separator{ clear:both; font-size:1px; line-height:1px; border-bottom:1px solid #dcdcdc; padding-top:10px; } #profile-advanced-details .ajax-profil_edit{ left:-4px; }
/* jqModal */ .jqmWindow { display: none; position: fixed; left: 50%; width: 450px; margin-left: -225px; top: 50%; margin-top: -125px; background-color: #ffffff; border: 1px solid #524c4c; } .jqmOverlay { background-color: #000; } .jqDrag { cursor: move; }
/* Blog */ .blog_cal-border { display: inline; float: left; border: 1px solid #524c4c; background: #333333; padding: 1px; font-size: 0.9em; margin-right: 10px; } .blog_cal-content { width: 2.9em; background: #524c4c; padding: 1px; line-height: 1.4em; text-align: center; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif; color: #; } .blog_cal-content span { display: block; } .blog_cal-day { padding-left: 0.2em; font-size: 1.6em; letter-spacing: 0.2em; } .blog_cal-month { line-height: 0.7em; font-size: 2em; font-weight: bold; } .blog_cal-year { line-height: 1.2em; font-size: 0.8em; } .blog_title { padding-top: 5px; font-size: 14px; } .blog_title img { vertical-align: middle; } .blog_title .topictitle { font-size: 14px; } .blog_message { margin-top: 12px; font-size: 14px; } .blog_comments { margin-bottom: 2px; text-align: right; } .blog_comments img { vertical-align: middle; } #blog_comments { width: 90%; margin: 0 auto; } #blog_comments .postbody { width: 96%; } .blog_comment-avatar { float: left; } .blog_comment-avatar img { background-color: #583635; border: 1px solid #524c4c; vertical-align: middle; width: 38px; margin: 5px 5px 0 0; } #blog_comments table { margin-bottom: 2px; } #blog_comments .h3 { overflow: hidden; margin-top: 0; margin-left: 45px; padding: 0; min-height: 22px; } .blog_comment-title { float: left; min-height: 12px; margin-top: 7px; } .blog_comment-title a { text-decoration: none; } #blog_comments .profile-icons { float: right; margin-bottom: 5px; }
/* Social bookmarking */ #bookmarks { float: right; } #bookmarks a img { width: 20px; height: 20px; background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll; vertical-align: middle; } #bookmarks a img.twitter { width: 16px; height: 16px; margin: 2px; background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll; } #bookmarks img.delicious { background-position: -10px -10px; } #bookmarks img.digg { background-position: -10px -50px; } #bookmarks img.excite { background-position: -9px -90px; } #bookmarks img.facebook { background-position: -9px -128px; } #bookmarks img.furl { background-position: -10px -166px; } #bookmarks img.google { background-position: -10px -206px; } #bookmarks img.live { background-position: -9px -246px; } #bookmarks img.netscape { background-position: -9px -284px; } #bookmarks img.newsvine { background-position: -9px -322px; } #bookmarks img.reddit { background-position: -10px -360px; } #bookmarks img.slashdot { background-position: -10px -400px; } #bookmarks img.smarking { background-position: -9px -440px; } #bookmarks img.stumbleupon { background-position: -10px -478px; } #bookmarks img.technorati { background-position: -10px -518px; } #bookmarks img.yahoo { background-position: -10px -558px; }
/* wysiwyg */ .mceContentBody{ background: #333333; color: #583635; } .align_right{ text-align: right; }
/* resize image */ .resize_process .resizebox { display: none; } .resize_process img.resize_img { display: none; } .resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize { display: inline-block; zoom: 1; *display: inline; } .resizebox.enlarged a.enlarge { display: none; } .resizebox.enlarged a.resize { display: inline-block; } .resizebox a.resize { display: none; } .resizebox { background-color: #333333; max-width: 100%; line-height: 1.1em; cursor: default; font-weight: normal; font-style: normal; margin: 0; text-align: left; display: inline-block; } .resizebox div { font-weight: normal; font-style: normal; margin: 0; } .resizebox .resize_border { border: 1px solid #333333; display: block; } .resizebox .resize_content { padding: 5px 10px; display: inline-block; zoom: 1; *display: inline; } .resizebox .resize_filler { border: none; padding: 0; width: 40px; display: inline-block; zoom: 1; *display: inline; } .attachbox { background-color:#333333; border:1px dashed #333333; clear:left; float:left; margin:5px 5px 5px 0; padding:6px; width:auto; color:#583635; } .attachbox dt { font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; } .attachbox dd { border-top:1px solid #333333; clear:left; font-size:0.9em; margin-left:10px; padding:0; } dl.file { display:block; font-family:Verdana,Arial,Helvetica,sans-serif; margin-bottom:10px; } dl.file dt { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; margin:0; padding:0; text-transform:none; } dl.file dt img { vertical-align:middle} .info { font-size:14px; font-style:italic; }
/* Spoiler */ .spoiler_closed { display:block; font-family: Century Gothic; font-size: 14px; color: #8f7878; line-height: 80%; background-color: #333333; border: #333333; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; } .spoiler_closed.hidden { display:none; } .spoiler_content { display:block; font-family: Century Gothic; font-size: 14px; color: #8f7878; line-height: 125%; background-color: #333333; border: #333333; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; } .spoiler_content.hidden { display:none; }
a { font-variant: small-caps; font-weight:bold; }
a:hover{ letter-spacing : 3px; }
a { text-decoration: none; }
.code{ font-family: Courier New; font-size: 14px; color: #9b6b6b; line-height: 125%; background-color: #000000; border: #FFFFFF; border-style: solid; border: 1px #FFFFFF dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}
#navigation ul{ list-style-type: none; text-align: center; } #navigation li{ display: inline; text-align: center; margin: 0 10px 0 0; } #navigation li a { padding: 2px 7px 2px 7px; color: #FFF; background-color: #000000; border: 1px solid #ccc; text-decoration: none; } #navigation li a:hover{ background-color: #333333; color: #ffffff; }
a:hover { text-decoration: none !important; }
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #8C5933; }
.postdetails.poster-profile a img { margin: auto; display: block; margin-bottom: -10px; }
tr.post td {padding-left: 20px;}
a.mainmenu {background-color:#583635; text-color:#CF0000; text-transform:lowercase; border: 1px solid #ffffff; padding-top:1px; padding-bottom:1px; padding-right: 7px; padding-left: 1px; text-decoration: none; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; text-align: center; letter-spacing: -1px; color: #ffffff;}
a.mainmenu :hover { background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new17.jpg"); font-family:Century Gothic; font-size:14px; color:#000000; letter-spacing:- 1px;}
.accueil {background-image: url("http://i48.servimg.com/u/f48/13/68/86/28/no_new16.jpg"); border: 2px solid #583635; -moz-border-radius: 8px;}
.onglets {border: 1px solid #583635; margin-left: 10px; -moz-border-radius: 8px; padding: 7px; font-size: 15px; font-family: tahoma;}
.onglets a:hover {color: #FFFFFF; text-decoration: none!important;}
.onglets:hover {border: 1px solid #FFFFFF; text-decoration: none!important;}
.contenu {text-align: justify; padding-right: 5px; padding-left: 5px; padding-top: 5px;}
.titres {border-bottom: 1px solid #583635; color: #FFFFFF; font-size: 14px; text-align: left; padding-left: 5px; font-variant: small-caps; letter-spacing: 2px; width:90%;}
div.infobulle {position: relative; color: #000000; text-decoration: none; font-size: 14px; border-bottom: none; text-align: center;}
div.infobulle span {display: none;}
div.infobulle:hover {background: none; z-index: 999; cursor: defaut;} div.infobulle:hover span {display: inline; position: absolute; white-space: nowrap; top: 35px; left: 35px; background-image: url(http://i48.servimg.com/u/f48/13/68/86/28/no_new17.jpg); -moz-border-radius: 8px; text-decoration: none; color: #000000; padding: 3px; border: 2px solid #583635; border-left: 2px solid #583635; font-size: 14px; min-width:125px; text-align: center;}
.barre1{ background-image: url(http://i48.servimg.com/u/f48/13/68/86/28/no_new17.jpg);border: 1px #000000 solid; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:left; text-decoration: none !important; height:auto}
.statistiques{ border:0px; background-repeat: no-repeat; background-position: center; height:200px;}
.groupes{ background-image: url(http://i48.servimg.com/u/f48/13/68/86/28/no_new17.jpg);border: 1px #000000 solid; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important; height:auto; font-variant: small-caps;}
.bodyline { border: 10px solid #583635; background-image: url(http://i48.servimg.com/u/f48/13/68/86/28/no_new15.jpg);} | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| Et (désolée pour le double post mais c'était trop long comme message) 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><strong>{postrow.displayed.POSTER_NAME}</strong></span><br /> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br /> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </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> | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour ! Est-ce qu'on pourrait avoir accès au forum où le problème apparait ? C'est plus simple de vérifier le code avec firebug | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| On peut apercevoir le problème dans cette partie du forum. (Les autres étant vide, je ne voyait pas qu'il y avait un problème).
http://dirtylittlelies.goodforum.net/t1-histoire-de-dirty-little-lies
Seulement, je viens de remarquer que, quand je suis en 'invité' sur le forum, l'espace se ressert. Et quand je suis connectée, le problème d'espace réaparait. :/ . | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Mais c'est une image centrée O.o C'est normal qu'il y ait un espace, non ? | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| Oui quand on est 'invité sur le forum, l'espace est normal. Mais quand je suis connectée sur mon compte l'espace est deux fois plus grand ! Et du coup, quand je veux faire mes fiches présentations avec un code, la fiche s'agrandit et c'est beaucoup trop large. :/ | | |
| | | Faucon
{ Membre hyper-actif }
Messages : 1757
| Le problème, c'est quand je vais sur cette page de ton forum il n'y a aucun problème, tu peux nous montrer un sujet avec ta page de présentation, pour voir le problème, s'il te plait ? | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| Voila, ce que ça donne : http://dirtylittlelies.goodforum.net/t8-essai-presentation#8
C'est super bizarre. En invité, c'est tout resserré et quand je suis connecté, la page est énorme. o: . Et même resserré comme ça, je pense qu'il y a un petit problème, ça rend pas très beau.. | | |
| | | Faucon
{ Membre hyper-actif }
Messages : 1757
| Hello alors j'ai corriger te feuille de présentation, soit tu rajoutais trop de div soit tu n'en mettais pas assez, de plus j'ai fermé toutes tes balises, tu les as laissé toutes ouvertes et c'est pas agréable a voir. Pour le forum je ne vois rien qui choque, peux-tu nous montrer ce que tu vois, s'il te plait ? - Code:
-
<center><div class="fondpres"> <div class="nomperso"><center>NOM DU PERSONNAGE</center></div><table><tr><td align="center" width="30%"> <div style="border:10px solid #520000;padding:5px;width:190px;height:310px; border-radius:10px 10px 10px 10px;background-image:url(LIEN DE L'IMAGE 200*320 DE VOTRE PERSONNAGE);margin-left:10px"></div><br>
</td><td align="center" width="70%"><div class="titrepres">Your ID please :</div><div class="cadrepres"> <em>Prénom, Nom</em> : PRENOM COMPLET (INCLUANT LE 2EME PRENOM) DU PERSO.<br> <em>Age</em> : AGE DU PERSO.<br> <em>Groupe</em> : GROUPE AUQUEL VOTRE PERSO APPARTIENT. </div><br>
<div class="titrepres">I am who i am :</div><div class="cadrepres"> TRAITS DE CARACTERE DE VOTRE PERSONNAGE. (1OO MOTS MINIMUM). </div> </td></tr></table><br>
<center><div class="titrepres">This is the story of my life :</div><div class="cadrepres2"><br><div class="overflow2"> HISTOIRE DE VOTRE PERSONNAGE. (3OO MOTS MINIMUM). </div></div></center><br>
<center><div style="border:10px solid #520000;padding:5px;width:190px;height:310px; border-radius:10px 10px 10px 10px;background-image:url(LIEN DE L'IMAGE 200*320 DE VOTRE PERSONNAGE);margin-left:10px"></div><br></center>
<table><tr><td align="center" width="70%"><div class="titrepres">The Real Me :</div><div class="cadrepres3"><br><div class="overflow3"> <em>Prénom</em> : VOTRE PRENOM. <br> <em>Age</em> : VOTRE AGE. <br> <em>Comment avez-vous connu le forum</em> : PAR ... <br> <em>Code</em> : CODE <br> <em>Un petit mot pour la fin</em>? SI VOUS LE SOUHAITEZ. <br> </div></div></td></tr></table></div></center> | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| Merci beaucoup. . Alors voila ce que ça me donne : https://i.servimg.com/u/f48/13/68/86/28/espace10.jpg | | |
| | | Faucon
{ Membre hyper-actif }
Messages : 1757
| dans ton template tu as oublier de fermer, - Code:
-
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div> Je pense que tu dois enlever le deuxième div comme ceci - Code:
-
<div class="postbody">{postrow.displayed.MESSAGE}</div> | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| Ça a changé un petit truc mais ça n'a pas réglé tout le problème. :/ J'ai une autre image qui pourrait peut-être aider :
https://i.servimg.com/u/f48/13/68/86/28/espace11.jpg
A la base, je voulais mettre cette présentation là, mais comme on le voit sur l'image, ça ne donne pas du tout le rendu qu'il faudrait. Ça double la fiche présentation et du coup, ça rend mon forum énorme. | | |
| | | Kitty-Cherry
{ Membre }
Messages : 28
| C'est bon, mon problème est réglé, j'ai refait tout mon CSS. Merci de votre aide en tout cas. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Yop' Je vois que le problème est résolu, par conséquent je classe ! Merci de l'avoir signalé | | |
| | | Contenu sponsorisé
| | | | | [Terminé] Espacement trop grand sur mon forum. | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|