La date/heure actuelle est Mar 17 Oct 2017 - 07:43 - créer un forum

[Tuto] Installer une image de fond

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 3248, 249, 250266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
Scoff





MessagePosté le: Dim 11 Mar 2012 - 09:52    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

Je n'arrive pas a mettre le fond d'écrand ma templates est






[font='Lucida Grande', Arial, Garuda]
Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">[/font]
[font='Lucida Grande', Arial, Garuda]<html dir="{S_CONTENT_DIRECTION}">[/font]
[font='Lucida Grande', Arial, Garuda]<head>[/font]
[font='Lucida Grande', Arial, Garuda]<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">[/font]
[font='Lucida Grande', Arial, Garuda]<meta http-equiv="Content-Style-Type" content="text/css">[/font]
[font='Lucida Grande', Arial, Garuda]{META}[/font]
[font='Lucida Grande', Arial, Garuda]{NAV_LINKS}[/font]
[font='Lucida Grande', Arial, Garuda]<title>{SITENAME} :: {PAGE_TITLE}</title>[/font]
[font='Lucida Grande', Arial, Garuda]<!-- link rel="stylesheet" href="http://img9.xooimage.com/files/c/6/a/subsilver-326c54e.css" type="text/css" -->[/font]
[font='Lucida Grande', Arial, Garuda]<style type="text/css">[/font]
[font='Lucida Grande', Arial, Garuda]<!--[/font]
[font='Lucida Grande', Arial, Garuda]/*[/font]
[font='Lucida Grande', Arial, Garuda]  The original subSilver Theme for phpBB version 2+[/font]
[font='Lucida Grande', Arial, Garuda]  Created by subBlue design[/font]
[font='Lucida Grande', Arial, Garuda]  http://www.subBlue.com[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2[/font]
[font='Lucida Grande', Arial, Garuda]  theme administration centre. When you have finalised your style you could cut the final CSS code[/font]
[font='Lucida Grande', Arial, Garuda]  and place it in an external file, deleting this section to save bandwidth.[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* General page style. The scroll bar colours only visible in IE5.5+ */[/font]
[font='Lucida Grande', Arial, Garuda]body { [/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_BODY_BGCOLOR};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-face-color: {T_TR_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-highlight-color: {T_TD_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-shadow-color: {T_TR_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-3dlight-color: {T_TR_COLOR3};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-arrow-color:  {T_BODY_LINK};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-track-color: {T_TR_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-darkshadow-color: {T_TH_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* General font families for common tags */[/font]
[font='Lucida Grande', Arial, Garuda]font,th,td,p { font-family: {T_FONTFACE1} }[/font]
[font='Lucida Grande', Arial, Garuda]a:link,a:active,a:visited { color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* This is the border line & background colour round the entire page */[/font]
[font='Lucida Grande', Arial, Garuda].bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* This is the outline round the main forum tables */[/font]
[font='Lucida Grande', Arial, Garuda].forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Main table cell colours and backgrounds */[/font]
[font='Lucida Grande', Arial, Garuda]td.row1   { background-color: {T_TR_COLOR1}; }[/font]
[font='Lucida Grande', Arial, Garuda]td.row2   { background-color: {T_TR_COLOR2}; }[/font]
[font='Lucida Grande', Arial, Garuda]td.row3   { background-color: {T_TR_COLOR3}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/*[/font]
[font='Lucida Grande', Arial, Garuda]  This is for the table cell above the Topics, Post & Last posts on the index.php page[/font]
[font='Lucida Grande', Arial, Garuda]  By default this is the fading out gradiated silver background.[/font]
[font='Lucida Grande', Arial, Garuda]  However, you could replace this with a bitmap specific for each forum[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda]td.rowpic {[/font]
[font='Lucida Grande', Arial, Garuda]      background-color: {T_TD_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]      background-image: url(http://img7.xooimage.com/files/e/6/5/6a00d8341c054853e...0c-800wi-314abd7.jpg);[/font]
[font='Lucida Grande', Arial, Garuda]      background-repeat: repeat-y;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Header cells - the blue and silver gradient backgrounds */[/font]
[font='Lucida Grande', Arial, Garuda]th   {[/font]
[font='Lucida Grande', Arial, Garuda]   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; [/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_BODY_LINK}; height: 25px;[/font]
[font='Lucida Grande', Arial, Garuda]   background-image: url(http://img2.xooimage.com/files/c/e/cellpic3-30da8.gif);[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {[/font]
[font='Lucida Grande', Arial, Garuda]         background-image: url(http://img9.xooimage.com/files/d/5/5/6a00d8341c054853e...0c-800wi-326c54c.jpg);[/font]
[font='Lucida Grande', Arial, Garuda]         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/*[/font]
[font='Lucida Grande', Arial, Garuda]  Setting additional nice inner borders for the main table cells.[/font]
[font='Lucida Grande', Arial, Garuda]  The names indicate which sides the border will be on.[/font]
[font='Lucida Grande', Arial, Garuda]  Don't worry if you don't understand this, just ignore it :-)[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda]td.cat,td.catHead,td.catBottom {[/font]
[font='Lucida Grande', Arial, Garuda]   height: 29px;[/font]
[font='Lucida Grande', Arial, Garuda]   border-width: 0px 0px 0px 0px;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]td.row3Right,td.spaceRow {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thTop    { border-width: 1px 0px 0px 0px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thCornerL { border-width: 1px 0px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thCornerR { border-width: 1px 1px 0px 0px; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The largest text used in the index page title and toptic title etc. */[/font]
[font='Lucida Grande', Arial, Garuda].maintitle   {[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};[/font]
[font='Lucida Grande', Arial, Garuda]   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* General text */[/font]
[font='Lucida Grande', Arial, Garuda].gen { font-size : {T_FONTSIZE3}px; }[/font]
[font='Lucida Grande', Arial, Garuda].genmed { font-size : {T_FONTSIZE2}px; }[/font]
[font='Lucida Grande', Arial, Garuda].gensmall { font-size : {T_FONTSIZE1}px; }[/font]
[font='Lucida Grande', Arial, Garuda].gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }[/font]
[font='Lucida Grande', Arial, Garuda]a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The register, login, search etc links at the top of the page */[/font]
[font='Lucida Grande', Arial, Garuda].mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }[/font]
[font='Lucida Grande', Arial, Garuda]a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }[/font]
[font='Lucida Grande', Arial, Garuda]a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Forum category titles */[/font]
[font='Lucida Grande', Arial, Garuda].cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}[/font]
[font='Lucida Grande', Arial, Garuda]a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.cattitle:hover{ text-decoration: underline; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Forum title: Text and link to the forums used in: index.php */[/font]
[font='Lucida Grande', Arial, Garuda].forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */[/font]
[font='Lucida Grande', Arial, Garuda].nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}[/font]
[font='Lucida Grande', Arial, Garuda]a.nav         { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.nav:hover      { text-decoration: underline; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* titles for the topics: could specify viewed link colour too */[/font]
[font='Lucida Grande', Arial, Garuda].topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Name of poster in viewmsg.php and viewtopic.php and other places */[/font]
[font='Lucida Grande', Arial, Garuda].name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Location, number of posts, post date etc */[/font]
[font='Lucida Grande', Arial, Garuda].postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The content of the posts (body of text) */[/font]
[font='Lucida Grande', Arial, Garuda].postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}[/font]
[font='Lucida Grande', Arial, Garuda]a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }[/font]
[font='Lucida Grande', Arial, Garuda]a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Quote & Code blocks */[/font]
[font='Lucida Grande', Arial, Garuda].code { [/font]
[font='Lucida Grande', Arial, Garuda]   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;[/font]
[font='Lucida Grande', Arial, Garuda]   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda].quote {[/font]
[font='Lucida Grande', Arial, Garuda]   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;[/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;[/font]
[font='Lucida Grande', Arial, Garuda]   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Copyright and bottom info */[/font]
[font='Lucida Grande', Arial, Garuda].copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}[/font]
[font='Lucida Grande', Arial, Garuda]a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}[/font]
[font='Lucida Grande', Arial, Garuda]a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Form elements */[/font]
[font='Lucida Grande', Arial, Garuda]input,textarea, select {[/font]
[font='Lucida Grande', Arial, Garuda]   color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]   font: normal {T_FONTSIZE2}px {T_FONTFACE1};[/font]
[font='Lucida Grande', Arial, Garuda]   border-color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The text input fields background colour */[/font]
[font='Lucida Grande', Arial, Garuda]input.post, textarea.post, select {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TD_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]input { text-indent : 2px; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The buttons used for bbCode styling in message post */[/font]
[font='Lucida Grande', Arial, Garuda]input.button {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TR_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The main submit button option */[/font]
[font='Lucida Grande', Arial, Garuda]input.mainoption {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TD_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight : bold;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* None-bold submit button */[/font]
[font='Lucida Grande', Arial, Garuda]input.liteoption {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TD_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight : normal;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* This is the line in the posting page which shows the rollover[/font]
[font='Lucida Grande', Arial, Garuda]  help line. This is actually a text box, but if set to be the same[/font]
[font='Lucida Grande', Arial, Garuda]  colour as the background no one will know ;)[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda].helpline { background-color: {T_TR_COLOR2}; border-style: none; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */[/font]
[font='Lucida Grande', Arial, Garuda]@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); [/font]
[font='Lucida Grande', Arial, Garuda]-->[/font]
[font='Lucida Grande', Arial, Garuda]</style>[/font]
[font='Lucida Grande', Arial, Garuda]<!-- BEGIN switch_enable_pm_popup -->[/font]
[font='Lucida Grande', Arial, Garuda]<script language="Javascript" type="text/javascript">[/font]
[font='Lucida Grande', Arial, Garuda]<!--[/font]
[font='Lucida Grande', Arial, Garuda]   if ( {PRIVATE_MESSAGE_NEW_FLAG} )[/font]
[font='Lucida Grande', Arial, Garuda]   {[/font]
[font='Lucida Grande', Arial, Garuda]      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;[/font]
[font='Lucida Grande', Arial, Garuda]   }[/font]
[font='Lucida Grande', Arial, Garuda]//-->[/font]
[font='Lucida Grande', Arial, Garuda]</script>[/font]
[font='Lucida Grande', Arial, Garuda]<!-- END switch_enable_pm_popup -->[/font]
[font='Lucida Grande', Arial, Garuda]</head>[/font]
[font='Lucida Grande', Arial, Garuda]<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]<a name="top"></a>[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> [/font]
[font='Lucida Grande', Arial, Garuda]   <tr> [/font]
[font='Lucida Grande', Arial, Garuda]      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">[/font]
[font='Lucida Grande', Arial, Garuda]         <tr> [/font]
[font='Lucida Grande', Arial, Garuda]            <td><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/6/7/6/image-326c5bf.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>[/font]
[font='Lucida Grande', Arial, Garuda]            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> [/font]
[font='Lucida Grande', Arial, Garuda]            <table cellspacing="0" cellpadding="2" border="0">[/font]
[font='Lucida Grande', Arial, Garuda]               <tr> [/font]
[font='Lucida Grande', Arial, Garuda]                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; [/font]
[font='Lucida Grande', Arial, Garuda]                  <!-- BEGIN switch_user_logged_out -->[/font]
[font='Lucida Grande', Arial, Garuda]                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;[/font]
[font='Lucida Grande', Arial, Garuda]                  <!-- END switch_user_logged_out -->[/font]
[font='Lucida Grande', Arial, Garuda]                  </td>[/font]
[font='Lucida Grande', Arial, Garuda]               </tr>[/font]
[font='Lucida Grande', Arial, Garuda]               <tr>[/font]
[font='Lucida Grande', Arial, Garuda]                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>[/font]
[font='Lucida Grande', Arial, Garuda]               </tr>[/font]
[font='Lucida Grande', Arial, Garuda]            </table></td>[/font]
[font='Lucida Grande', Arial, Garuda]         </tr>[/font]
[font='Lucida Grande', Arial, Garuda]      </table>[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]      <br />[/font]
 
Auteur Message
Scoff


Hors ligne
Invité




MessagePosté le: Dim 11 Mar 2012 - 09:54    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

J'aimerai avoir sa comme image de fond : http://nsa22.casimages.com/img/2012/03/10/12031006161025051.jpg

Auteur Message
Ecktor


Hors ligne
Invité




MessagePosté le: Dim 11 Mar 2012 - 10:25    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Suivez le tutoriel et au lieu de mettre ce qui est en bleu, mettez ça :

Code: Sélectionner - Agrandir
background-image: url(http://nsa22.casimages.com/img/2012/03/10/12031006161025051.jpg);
         background-repeat: repeat-y;


Auteur Message
bidouille33
Membre


Hors ligne
Membre

Inscrit le: 11 Aoû 2010
Messages: 117
Point(s): 117
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

MessagePosté le: Dim 11 Mar 2012 - 11:18    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Scoff a écrit:
Je n'arrive pas a mettre le fond d'écrand ma templates est






[font='Lucida Grande', Arial, Garuda]
Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">[/font]
[font='Lucida Grande', Arial, Garuda]<html dir="{S_CONTENT_DIRECTION}">[/font]
[font='Lucida Grande', Arial, Garuda]<head>[/font]
[font='Lucida Grande', Arial, Garuda]<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">[/font]
[font='Lucida Grande', Arial, Garuda]<meta http-equiv="Content-Style-Type" content="text/css">[/font]
[font='Lucida Grande', Arial, Garuda]{META}[/font]
[font='Lucida Grande', Arial, Garuda]{NAV_LINKS}[/font]
[font='Lucida Grande', Arial, Garuda]<title>{SITENAME} :: {PAGE_TITLE}</title>[/font]
[font='Lucida Grande', Arial, Garuda]<!-- link rel="stylesheet" href="http://img9.xooimage.com/files/c/6/a/subsilver-326c54e.css" type="text/css" -->[/font]
[font='Lucida Grande', Arial, Garuda]<style type="text/css">[/font]
[font='Lucida Grande', Arial, Garuda]<!--[/font]
[font='Lucida Grande', Arial, Garuda]/*[/font]
[font='Lucida Grande', Arial, Garuda]  The original subSilver Theme for phpBB version 2+[/font]
[font='Lucida Grande', Arial, Garuda]  Created by subBlue design[/font]
[font='Lucida Grande', Arial, Garuda]  http://www.subBlue.com[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2[/font]
[font='Lucida Grande', Arial, Garuda]  theme administration centre. When you have finalised your style you could cut the final CSS code[/font]
[font='Lucida Grande', Arial, Garuda]  and place it in an external file, deleting this section to save bandwidth.[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* General page style. The scroll bar colours only visible in IE5.5+ */[/font]
[font='Lucida Grande', Arial, Garuda]body { [/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_BODY_BGCOLOR};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-face-color: {T_TR_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-highlight-color: {T_TD_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-shadow-color: {T_TR_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-3dlight-color: {T_TR_COLOR3};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-arrow-color:  {T_BODY_LINK};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-track-color: {T_TR_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   scrollbar-darkshadow-color: {T_TH_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* General font families for common tags */[/font]
[font='Lucida Grande', Arial, Garuda]font,th,td,p { font-family: {T_FONTFACE1} }[/font]
[font='Lucida Grande', Arial, Garuda]a:link,a:active,a:visited { color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* This is the border line & background colour round the entire page */[/font]
[font='Lucida Grande', Arial, Garuda].bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* This is the outline round the main forum tables */[/font]
[font='Lucida Grande', Arial, Garuda].forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Main table cell colours and backgrounds */[/font]
[font='Lucida Grande', Arial, Garuda]td.row1   { background-color: {T_TR_COLOR1}; }[/font]
[font='Lucida Grande', Arial, Garuda]td.row2   { background-color: {T_TR_COLOR2}; }[/font]
[font='Lucida Grande', Arial, Garuda]td.row3   { background-color: {T_TR_COLOR3}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/*[/font]
[font='Lucida Grande', Arial, Garuda]  This is for the table cell above the Topics, Post & Last posts on the index.php page[/font]
[font='Lucida Grande', Arial, Garuda]  By default this is the fading out gradiated silver background.[/font]
[font='Lucida Grande', Arial, Garuda]  However, you could replace this with a bitmap specific for each forum[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda]td.rowpic {[/font]
[font='Lucida Grande', Arial, Garuda]      background-color: {T_TD_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]      background-image: url(http://img7.xooimage.com/files/e/6/5/6a00d8341c054853e...0c-800wi-314abd7.jpg);[/font]
[font='Lucida Grande', Arial, Garuda]      background-repeat: repeat-y;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Header cells - the blue and silver gradient backgrounds */[/font]
[font='Lucida Grande', Arial, Garuda]th   {[/font]
[font='Lucida Grande', Arial, Garuda]   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; [/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_BODY_LINK}; height: 25px;[/font]
[font='Lucida Grande', Arial, Garuda]   background-image: url(http://img2.xooimage.com/files/c/e/cellpic3-30da8.gif);[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {[/font]
[font='Lucida Grande', Arial, Garuda]         background-image: url(http://img9.xooimage.com/files/d/5/5/6a00d8341c054853e...0c-800wi-326c54c.jpg);[/font]
[font='Lucida Grande', Arial, Garuda]         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/*[/font]
[font='Lucida Grande', Arial, Garuda]  Setting additional nice inner borders for the main table cells.[/font]
[font='Lucida Grande', Arial, Garuda]  The names indicate which sides the border will be on.[/font]
[font='Lucida Grande', Arial, Garuda]  Don't worry if you don't understand this, just ignore it :-)[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda]td.cat,td.catHead,td.catBottom {[/font]
[font='Lucida Grande', Arial, Garuda]   height: 29px;[/font]
[font='Lucida Grande', Arial, Garuda]   border-width: 0px 0px 0px 0px;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]td.row3Right,td.spaceRow {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thTop    { border-width: 1px 0px 0px 0px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thCornerL { border-width: 1px 0px 0px 1px; }[/font]
[font='Lucida Grande', Arial, Garuda]th.thCornerR { border-width: 1px 1px 0px 0px; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The largest text used in the index page title and toptic title etc. */[/font]
[font='Lucida Grande', Arial, Garuda].maintitle   {[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};[/font]
[font='Lucida Grande', Arial, Garuda]   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* General text */[/font]
[font='Lucida Grande', Arial, Garuda].gen { font-size : {T_FONTSIZE3}px; }[/font]
[font='Lucida Grande', Arial, Garuda].genmed { font-size : {T_FONTSIZE2}px; }[/font]
[font='Lucida Grande', Arial, Garuda].gensmall { font-size : {T_FONTSIZE1}px; }[/font]
[font='Lucida Grande', Arial, Garuda].gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }[/font]
[font='Lucida Grande', Arial, Garuda]a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The register, login, search etc links at the top of the page */[/font]
[font='Lucida Grande', Arial, Garuda].mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }[/font]
[font='Lucida Grande', Arial, Garuda]a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }[/font]
[font='Lucida Grande', Arial, Garuda]a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Forum category titles */[/font]
[font='Lucida Grande', Arial, Garuda].cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}[/font]
[font='Lucida Grande', Arial, Garuda]a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.cattitle:hover{ text-decoration: underline; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Forum title: Text and link to the forums used in: index.php */[/font]
[font='Lucida Grande', Arial, Garuda].forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */[/font]
[font='Lucida Grande', Arial, Garuda].nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}[/font]
[font='Lucida Grande', Arial, Garuda]a.nav         { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.nav:hover      { text-decoration: underline; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* titles for the topics: could specify viewed link colour too */[/font]
[font='Lucida Grande', Arial, Garuda].topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Name of poster in viewmsg.php and viewtopic.php and other places */[/font]
[font='Lucida Grande', Arial, Garuda].name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Location, number of posts, post date etc */[/font]
[font='Lucida Grande', Arial, Garuda].postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The content of the posts (body of text) */[/font]
[font='Lucida Grande', Arial, Garuda].postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}[/font]
[font='Lucida Grande', Arial, Garuda]a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }[/font]
[font='Lucida Grande', Arial, Garuda]a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }[/font]
[font='Lucida Grande', Arial, Garuda]a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Quote & Code blocks */[/font]
[font='Lucida Grande', Arial, Garuda].code { [/font]
[font='Lucida Grande', Arial, Garuda]   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;[/font]
[font='Lucida Grande', Arial, Garuda]   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda].quote {[/font]
[font='Lucida Grande', Arial, Garuda]   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;[/font]
[font='Lucida Grande', Arial, Garuda]   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;[/font]
[font='Lucida Grande', Arial, Garuda]   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Copyright and bottom info */[/font]
[font='Lucida Grande', Arial, Garuda].copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}[/font]
[font='Lucida Grande', Arial, Garuda]a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}[/font]
[font='Lucida Grande', Arial, Garuda]a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Form elements */[/font]
[font='Lucida Grande', Arial, Garuda]input,textarea, select {[/font]
[font='Lucida Grande', Arial, Garuda]   color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]   font: normal {T_FONTSIZE2}px {T_FONTFACE1};[/font]
[font='Lucida Grande', Arial, Garuda]   border-color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The text input fields background colour */[/font]
[font='Lucida Grande', Arial, Garuda]input.post, textarea.post, select {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TD_COLOR2};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]input { text-indent : 2px; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The buttons used for bbCode styling in message post */[/font]
[font='Lucida Grande', Arial, Garuda]input.button {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TR_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   color : {T_BODY_TEXT};[/font]
[font='Lucida Grande', Arial, Garuda]   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* The main submit button option */[/font]
[font='Lucida Grande', Arial, Garuda]input.mainoption {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TD_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight : bold;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* None-bold submit button */[/font]
[font='Lucida Grande', Arial, Garuda]input.liteoption {[/font]
[font='Lucida Grande', Arial, Garuda]   background-color : {T_TD_COLOR1};[/font]
[font='Lucida Grande', Arial, Garuda]   font-weight : normal;[/font]
[font='Lucida Grande', Arial, Garuda]}[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* This is the line in the posting page which shows the rollover[/font]
[font='Lucida Grande', Arial, Garuda]  help line. This is actually a text box, but if set to be the same[/font]
[font='Lucida Grande', Arial, Garuda]  colour as the background no one will know ;)[/font]
[font='Lucida Grande', Arial, Garuda]*/[/font]
[font='Lucida Grande', Arial, Garuda].helpline { background-color: {T_TR_COLOR2}; border-style: none; }[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */[/font]
[font='Lucida Grande', Arial, Garuda]@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); [/font]
[font='Lucida Grande', Arial, Garuda]-->[/font]
[font='Lucida Grande', Arial, Garuda]</style>[/font]
[font='Lucida Grande', Arial, Garuda]<!-- BEGIN switch_enable_pm_popup -->[/font]
[font='Lucida Grande', Arial, Garuda]<script language="Javascript" type="text/javascript">[/font]
[font='Lucida Grande', Arial, Garuda]<!--[/font]
[font='Lucida Grande', Arial, Garuda]   if ( {PRIVATE_MESSAGE_NEW_FLAG} )[/font]
[font='Lucida Grande', Arial, Garuda]   {[/font]
[font='Lucida Grande', Arial, Garuda]      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;[/font]
[font='Lucida Grande', Arial, Garuda]   }[/font]
[font='Lucida Grande', Arial, Garuda]//-->[/font]
[font='Lucida Grande', Arial, Garuda]</script>[/font]
[font='Lucida Grande', Arial, Garuda]<!-- END switch_enable_pm_popup -->[/font]
[font='Lucida Grande', Arial, Garuda]</head>[/font]
[font='Lucida Grande', Arial, Garuda]<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]<a name="top"></a>[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> [/font]
[font='Lucida Grande', Arial, Garuda]   <tr> [/font]
[font='Lucida Grande', Arial, Garuda]      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">[/font]
[font='Lucida Grande', Arial, Garuda]         <tr> [/font]
[font='Lucida Grande', Arial, Garuda]            <td><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/6/7/6/image-326c5bf.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>[/font]
[font='Lucida Grande', Arial, Garuda]            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&nbsp; </span> [/font]
[font='Lucida Grande', Arial, Garuda]            <table cellspacing="0" cellpadding="2" border="0">[/font]
[font='Lucida Grande', Arial, Garuda]               <tr> [/font]
[font='Lucida Grande', Arial, Garuda]                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; [/font]
[font='Lucida Grande', Arial, Garuda]                  <!-- BEGIN switch_user_logged_out -->[/font]
[font='Lucida Grande', Arial, Garuda]                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;[/font]
[font='Lucida Grande', Arial, Garuda]                  <!-- END switch_user_logged_out -->[/font]
[font='Lucida Grande', Arial, Garuda]                  </td>[/font]
[font='Lucida Grande', Arial, Garuda]               </tr>[/font]
[font='Lucida Grande', Arial, Garuda]               <tr>[/font]
[font='Lucida Grande', Arial, Garuda]                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>[/font]
[font='Lucida Grande', Arial, Garuda]               </tr>[/font]
[font='Lucida Grande', Arial, Garuda]            </table></td>[/font]
[font='Lucida Grande', Arial, Garuda]         </tr>[/font]
[font='Lucida Grande', Arial, Garuda]      </table>[/font]
[font='Lucida Grande', Arial, Garuda]
[/font]
[font='Lucida Grande', Arial, Garuda]      
[/font]
 


Merci de désactiver le mode éditeur avant de coller le contenu du template.
http://xooit.xooit.com/t40996-Poster-le-contenu-d-un-template.htm


Forum
Auteur Message
mariejambette
Membre


Hors ligne
Membre

Inscrit le: 15 Déc 2008
Messages: 18
Niveau:
Point(s): 18
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Mar 20 Mar 2012 - 14:14    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour,
Sur ma page portail, mon fond n'apparait pas, il reste bleu alors que sur toutes mes autres pages, j'ai mon fond.  J'ai essayé la méthode décrite, rien à faire, ca n'apparait pas.
Il n'apparait pas SEULEMENT sur Internet Explorer.  Firefox, c'est là.  J'ai la plus récente des versions.  Je me demande si ca pourrait être la raison.  à la suite de ma barre d'adresse, lorsque je suis sur le portail, j'ai une image brisé (seulement cette page) et une petite note: «affichage de compatibilité: les sites Web conçus pour des navigateurs plus anciens auront meilleur aspect et des problèmes tels que des menus, des images ou du texte déplacés seront résolus.»
Je fais quoi?  Est-ce que Xooit n'est pas à jour et ne me permet pas d'avoir mon image de fond ou si j'ai fait une manipulation que je n'aurais pas dû faire?
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}"><script language="JavaScript1.2">
<!--
url115377 = window.location;
titre115377 = document.title;
sujet115377 = "Je te recommande ce forum";
function sendUrl(){
window.location = "mailto:"+prompt('Entrez l\'adresse email de la personne a qui vous désirez recommander ce site','')+"?subject="+sujet115377+"&body=Je te recommande ce forum : "+titre115377+" "+url115377;
   }
//-->
</script>
<head>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-25943752-1']);
  _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>

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="msvalidate.01" content="2E9EB3BB5B623B6750C34266CF3CCC51" />
<meta name="google-site-verification" content="GwnCOb8In-vVOXyaOCwyUMpFX3hYFpV9djQpeMJxTF0" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img9.xooimage.com/files/a/d/5/zengarden-3007599.css" type="text/css" -->
<style type="text/css">
<!--
/*
  zenGarden Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-image: url(http://img10.xooimage.com/files/8/9/2/fondblogpoint-122308f.png);
 background-color: EEE9D5;
 scrollbar-face-color: {T_TR_COLOR2};
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: {T_TR_COLOR3};
 scrollbar-arrow-color:  {T_BODY_LINK};
 scrollbar-track-color: {T_TR_COLOR1};
 scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover  { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
<BODY STYLE="background-color:transparent">
/* This is the border line & background colour round the entire page */
.bodyline { background-image: url(http://img7.xooimage.com/files/f/o/fond1-907c6.jpg);
              background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
/* Main table cell colours and backgrounds */
td.row1        { background-image: url(http://img7.xooimage.com/files/6/b/0/fond111-29aa217.jpg);
background-repeat:no-repeat;
background-color: {T_TR_COLOR1}; }
td.row2        { background-image: url(http://img10.xooimage.com/files/r/o/row2-907c8.jpg);
background-repeat:no-repeat;
background-color: {T_TR_COLOR2}; }
td.row3        { background-color: {T_TR_COLOR3}; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
  background-color: {T_TD_COLOR2};
  background-image: url(http://img7.xooimage.com/files/4/9/5/images-29a91e3.jpg);
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: {T_TD_COLOR2}; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: {T_BODY_LINK}; height: 25px;
 background-image: url(http://img2.xooimage.com/files/5/a/f/test33-c32fe7.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img7.xooimage.com/files/4/9/5/images-29a91e3.jpg);
   background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
 background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow  { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft   { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop  { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
 font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : {T_FONTSIZE3}px; color : {T_BODY_TEXT} }
a.mainmenu  { text-decoration: none; color : {T_BODY_LINK};font-weight: bold;  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav   { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover  { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */
.postdetails  { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
/* Quote & Code blocks */
.code {
 font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright  { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright  { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : {T_BODY_TEXT};
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : {T_TR_COLOR1};
 color : {T_BODY_TEXT};
 font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
 background-color : {T_TD_COLOR1};
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : {T_TD_COLOR1};
 font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img6.xooimage.com/files/9/0/9/formie-29ed84.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup --><script language="Javascript" type="text/javascript">
<!--
 if ( {PRIVATE_MESSAGE_NEW_FLAG} )
 {
  window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
 }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table width="92%" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
  <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr><A HREF="http://tplcsl.xooit.com/f5-Urgences.htm"><IMG SRC="http://img67.xooimage.com/files/8/6/0/cooltext615359060-300678e.png"></A>
    <td align="center">    <a href="portal.php"><img src="http://img10.xooimage.com/files/8/b/a/test111111-ceda07.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr>
    <td align="center" width="100%" valign="middle"><center><table cellspacing="0" cellpadding="2" border="0">
                   <tr>            <p> <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PORTAL}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_PORTAL}" hspace="3" />{L_PORTAL}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_INDEX}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_INDEX}" hspace="3" />{L_INDEX}</a><span class="mainmenu">&nbsp; &nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>
                      <!-- BEGIN switch_user_logged_out -->
                      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                      <!-- END switch_user_logged_out -->
                      </td>
                   </tr>
                   <tr>
                      <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="http://tplcsl.xooit.com/portal.php?pid=10" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="http://tplcsl.xooit.com/portal.php?pid=10" hspace="3" />Ludique</a></span><span class="mainmenu">&nbsp;&nbsp;<a href="http://tplcsl.xooit.com/portal.php?pid=7" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" hspace="3" />Copyright&copy;</a>&nbsp; &nbsp;<a href="javascript:window.print()" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" hspace="3" />Imprimer</a>&nbsp;&nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img75.xooimage.com/files/a/8/a/puce3d-2d62f4f.png" width="12" height="12" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a></span></td>
                   </tr>
                </table></td>
   </tr></table>
<style><!--BODY{ cursor:url("http://cursors1.totallyfreecursors.com/thumbnails/rainbow.gif"),default;} ; }--></style>
  <br />
 <style type="text/css">body {cursor: url(http://www.myspacecursor.net/pointers/3.ani); }</style><br />
<font size=1><div align=justify><i><b><FONT COLOR="#0066cc">
Ce forum ce veut être un outil aidant pour la clientèle TPL et ses proches.  Aucun document ne peut être monnayé.  Pour l'utilisation des documents hors du contexte personnel suivre la procédure suivante : <A HREF="http://tplcsl.xooit.com/portal.php?pid=7">Demande de Copyright&copy;.</A>  La Cité de la Santé de Laval n'est aucunement responsable de ce forum et en aucun moment la Clinique des Troubles relationnels ne sera tenue responsable des propos ou événements pouvant y survenir. Les documents se retrouvant sur le site de TPLCSL ont été construits a partir d'études et de ressources approfondies et furent utilisés dans un cadre thérapeutique précis.  L'utilisation hors de ce cadre ne peut assurer qu'ils soient utiles ou bénéfiques.</i></b></font></DIV></font><p><p><p>
<p>


 

Je ne suis pas la seule, mes membres sous IE ont également ce problème.  Merci de m'aider.


Forum
Auteur Message
bidouille33
Membre


Hors ligne
Membre

Inscrit le: 11 Aoû 2010
Messages: 117
Point(s): 117
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

MessagePosté le: Mar 20 Mar 2012 - 15:59    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonsoir mariejambette.

pas de soucis pour moi avec firefox ou IE8.

pour régler certain problème de compatibilité, pouvez vous activer la social barre:

PA>>>>général>>>>>configuration et en bas de cette page, activer "social barre".

voyez si le problème persiste.

cordialement.


Forum
Auteur Message
mariejambette
Membre


Hors ligne
Membre

Inscrit le: 15 Déc 2008
Messages: 18
Niveau:
Point(s): 18
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Mar 20 Mar 2012 - 16:10    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

OK!  J'ai mis la social barre et j'ai obtenu mon fond sur IE (version 9).  Par contre, sur la social barre, il me manque un icon.  Ca semblerait être celui : ajouter favoris.  Il n'est ni disponible sur IE ni sur firefox.
Pour la page du portail, je vais demander aux membres si cette fois-ci c'est disponible.  Si ca ne l'est pas, je reviendrai sur mon post.  En attendant, peut-on me dire comme faire pour que tous les icons soient disponibles sur cette barre?  Merci beaucoup de ton aide bidouille


Forum
Auteur Message
bidouille33
Membre


Hors ligne
Membre

Inscrit le: 11 Aoû 2010
Messages: 117
Point(s): 117
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

MessagePosté le: Mar 20 Mar 2012 - 16:15    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

pour mettre cet icon, vous devez enregistrer celui qui ce trouve sur ce forum.

ensuite vous vous rendez dans modifier les images, vous cherchez "icon_toolbar_fav" vous cliquez dessus et "parcourir"

vous devez l'inserez deux fois je crois, en anglais et en français.


Forum
Auteur Message
mariejambette
Membre


Hors ligne
Membre

Inscrit le: 15 Déc 2008
Messages: 18
Niveau:
Point(s): 18
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Mar 20 Mar 2012 - 16:57    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci!  C'est résolu!!

Forum
Auteur Message
OF/C_Leader
Membre


Hors ligne
Membre

Inscrit le: 05 Avr 2012
Messages: 1
Point(s): 1
Moyenne: 1,00

MessagePosté le: Lun 9 Avr 2012 - 12:07    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour j'ai fais les 2 premières étapes j ai mis un URL d une photos mais je vois rien mon forum est http://team-out-of-control.xooit.fr/index.php j ai fait sa sur thème de teste car je veux pas perdre ceux que j ai fait donc si vous pouvez me répondre sa serai cool merci

Forum
Auteur Message
TitoO37
Membre


Hors ligne
Membre

Inscrit le: 29 Fév 2012
Messages: 1
Niveau:
Point(s): 1
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin) 牛 Buffle

MessagePosté le: Lun 23 Avr 2012 - 00:05    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonsoir,

j'ai un petit problème avec mon forum.

Mon background ne défile pas, j'aimerai bien le défiler ... , pourtant, je n'ai pas mi la balise
Code: Sélectionner - Agrandir
background-attachment: fixed;


Voici mon overall-header.tpl

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img2.xooimage.com/files/8/0/c/script-304cde.js">
</script>
<style type="text/css">
<!--
/*
  WorkStation_fusion Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://image.noelshack.com/fichiers/2012/16/1335130477-cheap.png");
background-repeat: repeat;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: none; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
/* .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TH_COLOR3}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TR_COLOR3};
      background-image: url(http://img7.xooimage.com/files/4/5/8/13-33ce9a1.png);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_TH_COLOR1}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img7.xooimage.com/files/4/5/8/13-33ce9a1.png);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img7.xooimage.com/files/4/5/8/13-33ce9a1.png);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: none; }

/* Optionnal text */
.class1 { font-size : {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }
.class2 { font-size : {T_FONTSIZE1}px; color : {T_TR_COLOR1}; }
.class3   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_TR_COLOR1}}
a.cattitle      { text-decoration: none; color : {T_TR_COLOR1}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
   color : {T_FONTCOLOR3};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_FONTCOLOR1};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TH_COLOR3};
}

input { text-indent : 2px;
       background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR2};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
.MaxPop
{
   max-width: 500px;
   width: expression(this.scrollWidth >= 500? "500px" : 'auto');
}

.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("http://img21.xooimage.com/files/b/f/8/magplus-444544.cur"), pointer;
}

.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("http://img22.xooimage.com/files/a/8/f/magminus-444549.cur"), pointer;
}

.PopBoxImageShrink
{
 cursor: url("http://img22.xooimage.com/files/a/8/f/magminus-444549.cur"), pointer;
}
.PopBoxImageLink
{
 cursor: pointer;
}
.PopBoxImageMove
{
 border: none 0px #ffffff;
 cursor: pointer;
}

</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->

<script type="text/javascript">
function RestrainImg(){
   var rsz = document.getElementsByName('rsz');
   for (var i=0; i<rsz.length; i++) {
     if (rsz[i].width < 500 ) {
      rsz[i].className = 'MaxPop';
      rsz[i].onclick = null;
      rsz[i].pbshowpopbar = null;
      rsz[i].title = null;
      rsz[i].removeAttribute("onclick");
      rsz[i].removeAttribute("pbshowpopbar");
      rsz[i].removeAttribute("title");
    }
     else if (navigator.userAgent.indexOf('Opera') != -1) {
      rsz[i].pbshowpopbar = null;
      rsz[i].removeAttribute("pbshowpopbar");
    }
  }
}
window.onload = function() {
 RestrainImg()
}
</script>
<script language="javascript" type="text/javascript" src="http://img3.xooimage.com/files/3/9/a/popbox-4ab53c.js"></script>
<script type="text/javascript">
popBoxWaitImage.src = "http://img24.xooimage.com/files/9/7/d/spinner20-44456d.gif";
popBoxRevertImage = "http://img26.xooimage.com/files/f/8/5/magminus-4445fd.gif";
popBoxPopImage = "http://img23.xooimage.com/files/2/4/e/magplus-444604.gif";
</script>

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/f/4/9/cheap-33cf991.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            </tr><tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
            <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                  <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/7/8/8/forum-33cff36.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img7.xooimage.com/files/5/6/6/faq-33cff65.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/d/9/4/rechercher-33cff76.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/f/3/b/membres-33cff6d.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.xooimage.com/files/e/a/9/groupes-33cff64.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.xooimage.com/files/6/3/0/profil-33cff73.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/7/f/6/dexonnexion-33cff68.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                  <!-- END switch_user_logged_in -->
                  <!-- BEGIN switch_user_logged_out -->
                       <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/7/8/8/forum-33cff36.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img7.xooimage.com/files/5/6/6/faq-33cff65.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/d/9/4/rechercher-33cff76.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/1/2/3/register-1ca17de-1ed2d7a-32b4eb0.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/4/6/f/deconnexion-1ca17b6-1ed2d55-32b4e4c.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                  <!-- END switch_user_logged_out -->
                  </span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br />


Merci de votre aide.

Cordialement,


Forum
Auteur Message
Café


Hors ligne
Invité




MessagePosté le: Mer 25 Avr 2012 - 17:06    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour ! j'ai  récemment créé un forum , mais je bloque sur l'image de fond.  je voulais mettre celle-ci : http://imageshack.us/photo/my-images/137/tauntn.png/






voici mon template overall.header.tpl 


Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img9.xooimage.com/files/8/7/b/subsilver-33e6366.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com


  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url(http://img820.imageshack.us/img820/237/taunti.png);
         background-repeat: repeat-y;
}


/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }


/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }


/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg);
      background-repeat: repeat-y;
}


/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img2.xooimage.com/files/c/e/cellpic3-30da8.gif);
}


td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img2.xooimage.com/files/c/e/cellpic1-30da9.gif);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}


th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}


/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }


/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}


/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }


/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}


/* Quote & Code blocks */
.code { 
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}


/* Form elements */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_BODY_TEXT};
}


/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR2};
}


input { text-indent : 2px; }


/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}


/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}


/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


<a name="top"></a>


<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
   <tr> 
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr> 
            <td><a href="{U_INDEX}"><img src="http://img1.xooimage.com/files/l/o/logo_phpbb-24675.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
            <table cellspacing="0" cellpadding="2" border="0">
               <tr> 
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
                  </td>
               </tr>
               <tr>
                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
               </tr>
            </table></td>
         </tr>
      </table>


      <br />


[/size][/font]

je le met en spoiler car je ne sais pas mettre en code :s


EDIT : petite précision , lorsque j'ai essayé de mettre cette image , je voulais essayer de faire en sorte qu'elle se duplique sur tout le fond ^.^


Voilà , c'est le petit-problème auquel je me confronte , et je vous remercie d'avance pour vos réponses Very Happy


Auteur Message
para60
Membre


Hors ligne
Membre

Inscrit le: 23 Aoû 2009
Messages: 35
Niveau:
Point(s): 35
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Lion (24juil-23aoû) 龍 Dragon

MessagePosté le: Sam 12 Mai 2012 - 17:52    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour,


j'utilise comme thème My Bloc Bleu,


je ne trouve pas comment faire.


Merci de votre aide.
_______________________
L'Esprit Parachutiste


Forum
Auteur Message
Couette
Membre


Hors ligne
Membre

Inscrit le: 20 Mai 2011
Messages: 57
Niveau:
Point(s): 58
Moyenne: 1,02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

MessagePosté le: Dim 13 Mai 2012 - 03:56    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

para60 a écrit:

Bonjour,


j'utilise comme thème My Bloc Bleu,


je ne trouve pas comment faire.


Merci de votre aide.
Bonjour,
Vous allez dans le template "overall header", vous aurez ceci :

 
Code: Sélectionner - Agrandir
background-image: url(lien d'hébergement de votre image);
 

TitoO37 a écrit:

Bonsoir,

j'ai un petit problème avec mon forum.

Mon background ne défile pas, j'aimerai bien le défiler ... , pourtant, je n'ai pas mi la balise
Code: Sélectionner - Agrandir

background-attachment: fixed;
Merci de votre aide.

Cordialement,
Qu'appelez-vous par "défiler"? Qu'il bouge?! Je ne comprends car votre image est en Png, c'est donc une image fixe de base et je n'ai pas remarqué dans le code un quelconque défilement?! Ne parlez-vous pas de la répétition de l'image en abscisse ou en ordonnée?! Si oui, mettez "repeat-x" et "repeat-y"
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Auteur Message
para60
Membre


Hors ligne
Membre

Inscrit le: 23 Aoû 2009
Messages: 35
Niveau:
Point(s): 35
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Lion (24juil-23aoû) 龍 Dragon

MessagePosté le: Dim 13 Mai 2012 - 12:55    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour, 
j'ai fait comme vous avez dit.


Et au lieu d'avoir 1 image de fond,


le fond apparaît en 4 images.


Merci pour votre aide.
_______________________
L'Esprit Parachutiste


Forum
Auteur Message
Couette
Membre


Hors ligne
Membre

Inscrit le: 20 Mai 2011
Messages: 57
Niveau:
Point(s): 58
Moyenne: 1,02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

MessagePosté le: Dim 13 Mai 2012 - 21:12    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

para60 a écrit:

Bonjour, 
j'ai fait comme vous avez dit.


Et au lieu d'avoir 1 image de fond,


le fond apparaît en 4 images.


Merci pour votre aide.
Je me suis rendue sur votre forum, le fond semble correct. Il se répète en abscisse et en ordonnée.. Si vous ne le voulez pas, mettez no-repeat à la place de repeat-x et repeat-y
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 07:43    Sujet du message: [Tuto] Installer une image de fond

Montrer les messages depuis:   
Répondre au sujet Page 249 sur 268 Aller à la page: <  1, 2, 3248, 249, 250266, 267, 268  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401