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! |
| |
Ilowyn
{ Membre }
Messages : 36
| Tu vas dans la gestion des images et tu la mets comme fond de forum. | | |
| | | Mitsu
{ Membre }
Messages : 146
| Saud que le fond du forum c'est ma bannière est donc comment je fais pour mettre un fond n'étant pas une couleur ? | | |
| | | Hortie
{ Membre actif }
Messages : 660
| Si tu désire mettre et un header de fond et une image en fond il y a un tuto. Ici Tu devrais y arriver sans problème en suivant ce tutoriel | | |
| | | Mitsu
{ Membre }
Messages : 146
| Ok c'est fait mais le problème c'est que ma bannière est grande, elle fait toute la largueur du forum et je ne peux que la mettre dans le fond puisque lorsque je l'a met en tant qu'image elle agrandit toutes les rubriques et donc comment je fais pour mettre une image de fond assortie avec celle de la bannière ? J'ai mis le code comme il faut, ça à l'air de marcher mais ce n'est pas réellement ce que je désire avoir comme résultat de plus ça m'a enlevé l'espace que j'avais mis grâce à mon image transparente en image principale | | |
| | | Ilowyn
{ Membre }
Messages : 36
| Le problème c'est que des trois façons de faire pour avoir la bannière plus grande que le forum, tu ne nous dis pas laquelle tu as utilisé. Alors dis-nous comment tu as fait, avec quelques détails, stp (Je te parle du moment où ça fonctionnait, pas de maintenant). | | |
| | | Mitsu
{ Membre }
Messages : 146
| En faite actuellement j'ai mis une bannière + un bout de fond avec des motifs de sorte à lorsque le fond et fixe ça recouvre toute la page lorsqu'on est sur mon forum avec internet ou Mozilla et donc je veux faire en sorte que ma bannière ( en temps que fond ) et une image transparente ( de sorte à voir le fond derrière ) puisse ne plus être fixe et défiler en rajoutant continuellement le fond que j'ai mis à la bannière. Le code que tu m'as donné fonctionne très bien mais ça ne marche qu'avec des couleurs ce qui est dommage puisque moi je veux que ça fonctionne avec un fond à motif, je ne sais pas si c'est possible et si je suis assez compréhensible ^^ | | |
| | | Ilowyn
{ Membre }
Messages : 36
| Bon, montre-moi ton overall_header et ton code CSS stp^^ Ce sera plus simple comme ça. Parce que la méthode que je t'avais donné fonctionne très bien avec des images aussi.
Enfin si je comprends bien (et en me basant sur ton forum de test), je dirais que tu veux : - Une bannière en fond qui se répète horizontalement, mais pas verticalement, et qui défile avec le forum quand on scroll; - Un motif de fond derrière la bannière, qui se répète dans tous les sens.
J'ai bien compris ? (et répond à cette question stp xD). | | |
| | | Mitsu
{ Membre }
Messages : 146
| CSS : - Spoiler:
- Code:
-
body {background-position: top left; background-repeat: no-repeat;}body { background-color: #4ebab6; background-image: url("http://img7.hostingpics.net/pics/190701Banniere.png"); background-attachment: scroll; } * html { scrollbar-face-color: #dee3e7; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #dee3e7; scrollbar-3dlight-color: #a1ba25; scrollbar-arrow-color: #000000; scrollbar-track-color: #efefef; scrollbar-darkshadow-color: #98aab1; } *+ html { scrollbar-face-color: #dee3e7; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #dee3e7; scrollbar-3dlight-color: #a1ba25; scrollbar-arrow-color: #000000; scrollbar-track-color: #efefef; scrollbar-darkshadow-color: #98aab1; } th,td,p { font-family: Verdana,Arial,Helvetica,sans-serif } a img { border: none; } a:link,a:active,a:visited { color : #3e3f37; } a:hover{ text-decoration: underline !important; color : #b6be91; } hr{ height: 0; border: solid #daedf3 0; border-top-width: 1px; } .bodyline{ background-color: #; border: 1px # solid; } .bodylinewidth { width:85%} .forumline{ background-color: #a1d5e6; border: 2px # solid; } td.row1,td.row3.over:hover { background-color: #daedf3; } td.row2,td.row1.over:hover { background-color: #daedf3; } td.row3{ background-color: #daedf3; } td.rowpic { background-color: #; background-image: url("http://hitskin.com/themes/10/51/83/i_back_catd.gif"); css} th { color: #56919a; font-size: 11px; font-weight : bold; background-color: #b7e1ef; height: 25px; background-image: url("http://hitskin.com/themes/10/51/83/i_back_title.gif"); padding: 2px 3px; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url("http://hitskin.com/themes/10/51/83/i_back_catg.gif"); background-color:#daedf3; border: #a1d5e6; border-style: solid; height: 28px; } td.cat,td.catHead,td.catBottom { height: 29px; border-width: 0; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: #daedf3; border-style: solid; /*height: 20px; */ } td.row3Right,td.spaceRow { background-color: #daedf3; border: #a1d5e6; border-style: solid; } td.pourcentback { background-color : #4ebab6; } th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0 1px; } th.thSides,td.catSides,td.spaceRow { border-width: 0 1px; } th.thRight,td.catRight,td.row3Right { border-width: 0 1px 0 0; } th.thLeft,td.catLeft { border-width: 0 0 0 1px; } th.thBottom,td.catBottom { border-width: 0 1px 1px 1px; } th.thTop { border-width: 1px 0 0; } th.thCornerL { border-width: 1px 0 0 1px; } th.thCornerR { border-width: 1px 1px 0 0; } .maintitle, .maintitle h1{ font-weight: bold; font-size: 22px; font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif; text-decoration: none; line-height : 120%; color : #525252; } .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 : 12px; } .genmed { font-size : 11px; } .gensmall { font-size : 10px; } .gen,.genmed,.gensmall { color : #525252; } a.gen,a.genmed,a.gensmall { color: #3e3f37; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover{ color: #b6be91; text-decoration: underline; } .mainmenu{ font-size : 11px; color : #525252 } a.mainmenu{ text-decoration: none; color : #3e3f37; } a.mainmenu:hover{ text-decoration: underline; color : #b6be91; } .cattitle{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #3e3f37} h1.cattitle { margin:0; padding: 0; display:inline; } a.cattitle{ text-decoration: none; color : #3e3f37; } a.cattitle:hover{ text-decoration: underline; } .forumlink{ font-weight: bold; font-size: 12px; color : #3e3f37; } a.forumlink { text-decoration: none; color : #3e3f37; } a.forumlink:hover{ text-decoration: underline; color : #b6be91; } .nav{ font-weight: bold; font-size: 11px; color : #525252; } a.nav{ text-decoration: none; color : #3e3f37; } a.nav:hover{ text-decoration: underline; } .topictitle,h1,h2{ font-weight: bold; font-size: 11px; color : #525252; } div.topictitle { display: inline; } h2.topic-title { display: inline; margin: 0; padding: 0; } a.topictitle:link{ text-decoration: none; color : #3e3f37; } a.topictitle:visited{ text-decoration: none; color : #3e3f37; } a.topictitle:hover{ text-decoration: underline; color : #b6be91; } .name{ font-size : 11px; color : #525252; } .name a{ text-decoration:none; } .postdetails{ font-size : 10px; color : #525252; } .postbody{ font-size : 12px; line-height: 18px} a.postlink:link{ text-decoration: none; color : #3e3f37 } a.postlink:visited{ text-decoration: none; color : #3e3f37; } a.postlink:hover{ text-decoration: underline; color : #b6be91} .code{ font-family: Courier,CourierNew,sans-serif; font-size: 11px; color: #a2916c; background-color: #daedf3; border: #daedf3; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} .quote{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #525252; line-height: 125%; background-color: #daedf3; border: #daedf3; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} a.copyright{ color: #3e3f37; text-decoration: none; } a.copyright:hover { color: #b6be91; text-decoration: underline; } .coloradmin { color: #3e3f37} .colormod { color: #a2916c} .vote { float: right; width: 10px; 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 #525252; 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: 12px; color: #56919a; } h1.title2 { font-size: 11px; } .secondarytitle,.secondarytitle h2 { margin: 0; padding: 0; color: #56919a; } .secondarytitle h2 { display:inline; } .nav h1 { display: inline; } .hierarchy { display: inline; margin: 0; padding: 0; text-transform: none; border: none; font-size: 10px; } .mod-text { font-weight: bold; } img{ border:0} input,textarea, select, #text_editor_iframe { color : #525252; font: normal 11px Verdana,Arial,Helvetica,sans-serif; border-color : #525252; } input.post, textarea.post, select, #text_editor_iframe { background-color : #daedf3; } .post-options { text-align: right; } .post-options img { cursor: pointer; vertical-align: middle; } input { text-indent : 2px; } input.button { background-color : #daedf3; color : #525252; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; } input.mainoption { background-color : #daedf3; font-weight : bold; } input.liteoption { background-color : #daedf3; font-weight : normal; } .helpline { background-color: #daedf3; border-style: none; } input { background-color: #daedf3; } button.button2, input.button2 { font-size: 0.7em; border: 1px solid #BCBCBC; width: auto !important; padding: 1px 0; font-family: Verdana,Arial,Helvetica,sans-serif; 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 #b6be91; color: #b6be91; 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: #FFF; border: 1px solid #BCBCBC; position: absolute; z-index:100; 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: #FFF; 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 #b6be91; color: #b6be91; background-position: 0 100%; } .select button:hover,.selectHover { cursor: pointer; background-color: #EEE; } 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"); */ input { text-indent: 2px} input,textarea,select { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} input.button { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .postbody { line-height: 18px} @media print { body { background-image: none; background-color: #fff; color: #000; } 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 #ddd !important; } tr.post td { vertical-align: top; border-bottom: 1px solid #ccc; } 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; } .align_gauche { text-align: left; } .center { text-align: center; } .align_droite { text-align: right; } .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: #4ebab6; } #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: 10px; } .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 { font-size: 12px; } .chatbox-options { text-align:right; } #chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form { float:right; white-space : nowrap; } #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: #4ebab6; } #chatbox p { line-height: 1.2em; } .chatbox_row_1 { padding: 4px; background-color: #daedf3; } .chatbox_row_2 { padding: 4px; background-color: #daedf3; } .chatbox_row_3 { padding: 4px; background-color: #daedf3; } .memberlist_row_1 { padding: 2px 2px 2px 10px; background-color: #daedf3; } #chatbox_members .member-title { text-align: center; padding: 0.5em 0.25em; background-image: none; font-size: 12px; background-color: #daedf3; color : #3e3f37; font-family: Verdana,Arial,Helvetica,sans-serif; } #chatbox_members ul { list-style: none; margin: 0 0 0 10px; } #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: #959595; border: 1px solid #22229C; } .fontbutton_hover { background: #E1E1E2; border: 1px solid #22229C; } #chatbox .user { font-weight: bold; } div#chatbox { color: #525252; } #chatbox_contextmenu { background-color: #daedf3; 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-right: 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 #b7e1ef; background-color: #fff; } .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-left: 57px; } #profile-advanced-details .message-header { border-top: 1px solid #daedf3; background: #daedf3; padding: 4px; margin-bottom: 4px; } #profile-advanced-details .message-date { float: right; } #profile-advanced-details .message-body { margin-bottom: 4px; } #profile-advanced-details .message-footer { text-align: right; } #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: 10px; padding: 0; } #profile-advanced-details .stats-field li { margin: 4px 0; } #login_popup { position: absolute; z-index: 10000; 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:10px; 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: #4ebab6; border: 1px solid #; } .jqmOverlay { background-color: #000; } .jqDrag { cursor: move; }
/* Blog */ .blog_cal-border { display: inline; float: left; border: 1px solid #b7e1ef; background: #daedf3; padding: 1px; font-size: 0.9em; margin-right: 10px; } .blog_cal-content { width: 2.9em; background: #b7e1ef; 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: 16px; } .blog_title img { vertical-align: middle; } .blog_title .topictitle { font-size: 16px; } .blog_message { margin-top: 12px; font-size: 12px; } .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: #fff; border: 1px solid #b7e1ef; 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: #daedf3; color: #525252; } .align_right{ text-align: right; }
/* resize image */ .resize_process .resizebox { display: none; } .resize_process img.resize_img { display: none; } .resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize { display: inline-block; zoom: 1; *display: inline; } .resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize { display: none; } .resizebox { background-color: #daedf3; 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 #daedf3; 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:#daedf3; border:1px dashed #daedf3; clear:left; float:left; margin:5px 5px 5px 0; padding:6px; width:auto; color:#525252; } .attachbox dt { font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; } .attachbox dd { border-top:1px solid #daedf3; 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:10px; font-style:italic; }
/* Spoiler */ .spoiler_closed { display:block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #525252; line-height: 125%; background-color: #daedf3; border: #daedf3; 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: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #525252; line-height: 125%; background-color: #daedf3; border: #daedf3; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; } .spoiler_content.hidden { display:none; }
/* Styles Facebook */ .user_login_form { margin-bottom:5px; } .fb_or { background-color:#daedf3; border:2px solid #; font-weight:bold; padding:5px; color:#525252; height : 16px; line-height : 16px; width : 26px; display : block; } #cont_pwd { width:150px; height:21px; float:left; padding:0 0 0 20px; } .pwd_img { padding : 4px 0 3px 0; width : 150px; height : 14px; line-height : 14px; font-size : 11px; font-weight : bold; text-align : center; color : #000000; display : none; } #pwd_good { background:url('http://2img.net/i/fa/p_strength/pwd_good.png'); } #pwd_middle { background:url('http://2img.net/i/fa/p_strength/pwd_middle.png'); } #pwd_bad { background:url('http://2img.net/i/fa/p_strength/pwd_bad.png'); } #fb_explain td { padding : 5px 0 5px 0; vertical-align : top; } .row1.fb { padding: 5px 2px 4px 2px; } .row2.fb { padding: 2px 3px 2px 8px; } #cont_fb_invit iframe { width: 760px !important; }
Template : - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}> <head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login --> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam ) { case 'top' : slid_vert = true; break;
case 'left': break;
case 'bottom': slid_vert = true; auto_dir = 'prev'; break;
case 'right': auto_dir = 'prev'; break;
default: slid_vert = true; }
$(document).ready(function() { var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) { $('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */ $('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des �l�ments */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des �l�ments et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } });
/* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); }
/* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script> <!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script> {GREETING_POPUP} <!-- BEGIN switch_ticker_new --> <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style> <!-- END switch_ticker_new -->
<!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']);
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <!-- END google_analytics_code --> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW}
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_left --> <td align="center" width="100%" valign="middle"> <!-- BEGIN switch_logo_center --> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<!-- END switch_logo_center --> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DESCRIPTION} </span> </td> <!-- BEGIN switch_logo_right --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation -->
En gros je voudrais que la couleur turquoise devienne le motif du bas de ma bannière jte passe le lien par MP | | |
| | | Ilowyn
{ Membre }
Messages : 36
| C'est pas vraiment ce que je te demandais. Le template overall_header de base et le CSS de base de ton forum ne me servent pas à grand chose, je voulais les versions personnalisées (à moins que tu n'aies rien modifié ?), histoire de voir à partir de ça comment faire. Enfin bon... Je te donne les codes tout faits, tu copies/colles sur ton forum et ça ira très bien. Je voulais t'expliquer comment ça marche pour éviter que tu reviennes demander de l'aide au moindre truc, mais visiblement tu ne me comprends pas x) On va reprendre mon astuce, ta bannière étant prévue pour être un fond et non une bannière. Va dans Overall_header. Tu supprimes l'intégralité du code et tu colles ceci à la place : - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}> <head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login --> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam ) { case 'top' : slid_vert = true; break;
case 'left': break;
case 'bottom': slid_vert = true; auto_dir = 'prev'; break;
case 'right': auto_dir = 'prev'; break;
default: slid_vert = true; }
$(document).ready(function() { var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) { $('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */ $('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des éléments */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des éléments et de la hauteur personnalisée dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des éléments et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } });
/* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); }
/* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script> <!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script> {GREETING_POPUP} <!-- BEGIN switch_ticker_new --> <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style> <!-- END switch_ticker_new -->
<!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']);
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <!-- END google_analytics_code --> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <div class="banniere"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW}
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_left --> <td align="center" width="100%" valign="middle"> <!-- BEGIN switch_logo_center --> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<!-- END switch_logo_center --> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DESCRIPTION} </span> </td> <!-- BEGIN switch_logo_right --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation -->
Tu enregistres, puis tu publies en cliquant sur . Ensuite tu vas dans overall_footer, tu supprimes le code entier, et tu colles ça à la place : - Spoiler:
- Code:
-
<!-- BEGIN html_validation --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td> <div> <div> <table> <tbody> <tr> <td> <!-- END html_validation --> <td valign="top" width="{C3SIZE}"> <div id="{ID_RIGHT}"> <!-- BEGIN giefmod_index2 --> {giefmod_index2.MODVAR} <!-- BEGIN saut --> <div style="height: {SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index2 --> </div> </td> </tr> </tbody> </table> </div> </div> <!-- close div id="page-body" --> <div id="page-footer"> <div align="center"> <div class="gen"> <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT} <!-- BEGIN switch_view_stats --> | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a> <!-- END switch_view_stats --> <!-- BEGIN switch_view_donation --> | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a> <!-- END switch_view_donation --> <!-- BEGIN switch_view_contact --> | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a> <!-- END switch_view_contact --> {U_ABUSE} {U_BLOG} </div> </div> </div> {PROTECT_FOOTER} </td> </tr> </table>
<!-- BEGIN switch_facebook_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true}); //]]> </script> <!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP --> <script type="text/javascript"> //<![CDATA[ FB.Event.subscribe('auth.logout', function(response) { if ($('a#logout')) { var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '') { document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir; } } });
$(document).ready( function() { $('a#logout').click( function() { FB.logout(); } ); } ); //]]> </script> <!-- END switch_facebook_logout_TMP -->
<script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </div> </body> </html>
Tu enregistres à nouveau, puis tu publies en cliquant sur . Maintenant tu vas dans couleurs, puis sur l'onglet Feuille de style CSS. Si tu avais mis une classe .banniere, tu l'enlèves avec tout ce qu'elle contient, et à la place, tu mets ceci : - Code:
-
.banniere { background-image: url('http://img11.hostingpics.net/pics/723680Banniere.png'); /* Adresse url de ta bannière */ background-position: top center; /* Positionne l'image en haut et au centre */ background-repeat: no-repeat; /* Évite que l'image se répète */} Et surtout tu ne rajoutes aucun background-attachment: fixed. Ce code-là n'a rien à voir avec l'effet que tu veux. Enfin, tu vas dans Gestion des images, tu choisis le Mode Avancé et à côté de Image du fond de page : tu mets l'adresse url de ton motif, mais ne coche pas "Fond de page fixe". Ensuite, tu cliques en haut sur Enregistrer. Et normalement tout fonctionne très bien. | | |
| | | Mitsu
{ Membre }
Messages : 146
| Merci ! Ca marche nickel, merci d'avoir pris ton temps pour m'aider comme les autres c'est très gentil ^^ | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|