It is currently Tue 27 Sep 2016 - 00:26 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3258, 259, 260266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
Ecktor


Joined: 05 Jan 2012
Posts: 10

PostPosted: Tue 6 Mar 2012 - 21:22    Post subject: [Tuto] Installer une image de fond Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

il est probable que votre image soit de petite taille, ainsi, il faudrait qu'elle se répete, sur l'axe verticale, à la ligne background-repeat : mettez à la place de "no-repeat", "repeat-y". Sinon essayer d'agrandir votre image avec un logiciel de retouche photo.
Forum
Author Message
Scoff
Membre


Offline
Membre

Joined: 10 Mar 2012
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Aix Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sat 10 Mar 2012 - 19:53    Post subject: [Tuto] Installer une image de fond Reply with quote

Hello, tout le monde. Je n'arrive pas a mettre mon fond d'écran... Avec image je vous envoie les codes de OVERALL_HEADER.TPL




<!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://img.xooimage.com/files9/b/0/f/onyx-326a2bd.css" type="text/css" -->
<style type="text/css">
<!--
/*
  onyx 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.
*/




Citation:
/* 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://nsa22.casimages.com/img/2012/03/10/12031006161025051.jpg");
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: 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-attachment: fixed;: {T_TH_COLOR1}; 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://img.xooimage.com/files7/1/a/8/barre_bleu-27aa03-2aa6a21.gif);
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://img.xooimage.com/files9/b/a/back_title-758bb.jpg);
}


td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(http://img.xooimage.com/files5/c/6/e/barre_bleu-27aa03.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  Smile
*/
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; }


/* 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_BODY_LINK}}
a.cattitle { text-decoration: none; color : {T_BODY_LINK}; }
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  Wink
*/
.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://img.xooimage.com/files10/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">[/url]


<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">
</td>
</tr><tr>
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&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 -->
                             
 
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
    
 
<!-- END switch_user_logged_out -->
</span></td>
</tr>
</table></td>
</tr>
</table>

























L'image est dessus tout a été modifié si j'ai fait des fautes par hasard, modo ou autres dites les moi.. Aidez moi surtout s'il vous plait !
_______________________
Xooit, un jours Xooit toujours !


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 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

PostPosted: Sun 11 Mar 2012 - 09:24    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour.

votre template est inexploitable posté de cette manière, utilisez les balises code :
Code: Sélectionner - Agrandir
[code]votre template ici.[/code]


cordialement.


Forum
Author Message
Scoff
Membre


Offline
Membre

Joined: 10 Mar 2012
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Aix Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 11 Mar 2012 - 09:52    Post subject: [Tuto] Installer une image de fond Reply with quote

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]
 

_______________________
Xooit, un jours Xooit toujours !


Forum
Author Message
Scoff
Membre


Offline
Membre

Joined: 10 Mar 2012
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Aix Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 11 Mar 2012 - 09:54    Post subject: [Tuto] Installer une image de fond Reply with quote

J'aimerai avoir sa comme image de fond : http://nsa22.casimages.com/img/2012/03/10/12031006161025051.jpg
_______________________
Xooit, un jours Xooit toujours !


Forum
Author Message
Ecktor
Membre


Offline
Membre

Joined: 05 Jan 2012
Posts: 10
Niveau:
Point(s): 10
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 11 Mar 2012 - 10:25    Post subject: [Tuto] Installer une image de fond Reply with quote

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;


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 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

PostPosted: Sun 11 Mar 2012 - 11:18    Post subject: [Tuto] Installer une image de fond Reply with quote

Scoff wrote:
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
Author Message
mariejambette
Membre


Offline
Membre

Joined: 15 Dec 2008
Posts: 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

PostPosted: Tue 20 Mar 2012 - 14:14    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 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

PostPosted: Tue 20 Mar 2012 - 15:59    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
mariejambette
Membre


Offline
Membre

Joined: 15 Dec 2008
Posts: 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

PostPosted: Tue 20 Mar 2012 - 16:10    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 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

PostPosted: Tue 20 Mar 2012 - 16:15    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
mariejambette
Membre


Offline
Membre

Joined: 15 Dec 2008
Posts: 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

PostPosted: Tue 20 Mar 2012 - 16:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci!  C'est résolu!!

Forum
Author Message
OF/C_Leader
Membre


Offline
Membre

Joined: 05 Apr 2012
Posts: 1
Point(s): 1
Moyenne: 1.00

PostPosted: Mon 9 Apr 2012 - 12:07    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
TitoO37
Membre


Offline
Membre

Joined: 29 Feb 2012
Posts: 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

PostPosted: Mon 23 Apr 2012 - 00:05    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
Café
Membre


Offline
Membre

Joined: 25 Apr 2012
Posts: 1
Point(s): 1
Moyenne: 1.00

PostPosted: Wed 25 Apr 2012 - 17:06    Post subject: [Tuto] Installer une image de fond Reply with quote

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


Forum
Author Message
para60
Membre


Offline
Membre

Joined: 23 Aug 2009
Posts: 34
Niveau:
Point(s): 34
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Lion (24juil-23aoû) 龍 Dragon

PostPosted: Sat 12 May 2012 - 17:52    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour,


j'utilise comme thème My Bloc Bleu,


je ne trouve pas comment faire.


Merci de votre aide.
_______________________
L'Esprit Parachutiste


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 00:26    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 259 of 268 Goto page: <  1, 2, 3258, 259, 260266, 267, 268  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401