It is currently Sun 25 Sep 2016 - 02:16 - créer un forum

Couleur arrière plan

Skip to content

Post new topic Reply to topic

Couleur arrière plan
Author Message
toto19
Membre


Offline
Membre

Joined: 09 Mar 2015
Posts: 20
Niveau:
Point(s): 16
Moyenne: 0.80
Internet Explorer Masculin

PostPosted: Wed 5 Aug 2015 - 10:59    Post subject: Couleur arrière plan Reply with quote

PublicitéSupprimer les publicités ?
En fesant des recherches je n'ai trouvé aucun Tuto ... 


En fait j'aimerais changer la couleur de font de mon forum par un effet eau , mais je ne sais pas comment faire ... Pouvez vous m'aider ... 


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Wed 12 Aug 2015 - 19:07    Post subject: Couleur arrière plan Reply with quote

bonsoir il faut trouver dans ton overall _header
cette partie >>>

Code: Sélectionner - Agrandir
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};
}


et ajouter cette partie entre les { et } au début >>>

Code: Sélectionner - Agrandir
background-image:url(http://img.xooimage.com/files58/c/c/6/vista-wallpaper-11-3692a3b.jpg);     
background-attachment:fixed;
background-size:100%;
   background-repeat:no-repeat;
   background-position: bottom center ;       
 


ce qui donnera ceci>>>
Code: Sélectionner - Agrandir
body {
background-image:url(http://img.xooimage.com/files58/c/c/6/vista-wallpaper-11-3692a3b.jpg);     
background-attachment:fixed;
background-size:100%;
   background-repeat:no-repeat;
   background-position: bottom center ;             
  background-color:#333;/*{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};}


remplace le lien de l'image par celle que tu aura choisi ,et hébergé sur >> http://www.xooimage.com/fr/ et prend le lien direct ..

attention l'image doit etre de preference en hd et de grande taille ,genre >> 1900px par 1200px environ !

si tu a des question !!
bonne soirée ,


Forum
Author Message
toto19
Membre


Offline
Membre

Joined: 09 Mar 2015
Posts: 20
Niveau:
Point(s): 16
Moyenne: 0.80
Internet Explorer Masculin

PostPosted: Tue 1 Sep 2015 - 20:08    Post subject: Couleur arrière plan Reply with quote

Hello Smile petit problème on voit pas l'image car ... serais il possible d'élargir les bort ou de retrecir le forum ? regardez par vous même http://pecheursolidairedecherbourg.xoo.it/index.php

Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Tue 1 Sep 2015 - 22:05    Post subject: Couleur arrière plan Reply with quote

bonsoir , dans le template overall_header ,

juste aprés

Code: Sélectionner - Agrandir
<style type="text/css">


ajoute ce code

Code: Sélectionner - Agrandir
.bodyline{
background-color:transparent !important;
border:0px !important;}


et toujours dans overall_header

chercher ceci

Code: Sélectionner - Agrandir
<body bgcolor="#5D92A1" text="#000000" link="#010109" vlink="#F9053B">
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">


et modifier 100% par 80% ou 90% ou 70% selon la largeur souhaiter ..


Forum
Author Message
toto19
Membre


Offline
Membre

Joined: 09 Mar 2015
Posts: 20
Niveau:
Point(s): 16
Moyenne: 0.80
Internet Explorer Masculin

PostPosted: Wed 2 Sep 2015 - 00:56    Post subject: Couleur arrière plan Reply with quote

Oui mais ducout l'image de fond que j'ai choisi ne marche pas le fond reste bleu

Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Wed 2 Sep 2015 - 06:50    Post subject: Couleur arrière plan Reply with quote

Bonjour.le code donner n'agie  pas sur  l'image  de fond.

Forum
Author Message
toto19
Membre


Offline
Membre

Joined: 09 Mar 2015
Posts: 20
Niveau:
Point(s): 16
Moyenne: 0.80
Internet Explorer Masculin

PostPosted: Wed 2 Sep 2015 - 19:34    Post subject: Couleur arrière plan Reply with quote

Pourtant c'est bon là ?

(mon overall)


Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head><script language="java-script1.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>
<meta equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="java-script">
a=Math.floor(Math.random()*10000);
b=Math.floor(Math.random()*10000);
if(b==a){
alert("Bravo ! tu as trouvé un cadeau surprise ! Pour le récupérer , parles en à toto19 ");
if(confirm("Voulez-vous le contacter immédiatement?")){location.href="http://pecheursolidairedecherbourg.xoo.it/privmsg.php?mode=post&u=2"}else{
prompt("Ok, donc si vous voulez le contacter plus tard, voici l\'adresse qui mene a le contacter: ","http://pecheursolidairedecherbourg.xoo.it/privmsg.php?mode=post&u=2");
}
}
</script>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files3/f/d/1/subsilver-dfe3d.css" type="text/css" -->
<style type="text/css">
.bodyline{
background-color:transparent !important;
border:0px !important;}tyle 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-image:url(http://img.xooimage.com/files58/c/c/6/vista-wallpaper-11-3692a3b.jpg);     
background-attachment:fixed;
background-size:100%;
   background-repeat:no-repeat;
   background-position: bottom center ;             
  background-color:#333;/*{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};}
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:0; }
/* 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/files5/d/e/b/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://img.xooimage.com/files2/c/e/cellpic3-30da8.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files2/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: font-size:{T_FONTSIZE2}; 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
}
/**=======================**/
/**===modification citation R-max===**/
.quote {
margin-left:10px;
  font-family: {T_FONTFACE1}; font-size:10px/** {T_FONTSIZE2}**/; color: {T_FONTCOLOR1}; line-height: 125%;
  background-color: #148cea;/*{T_TD_COLOR1};*/ border-radius:15px;/* {T_TR_COLOR3};*/ border: 2px solid #DD6900;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/**===fin modification citation===**/
/**====================**/
/* 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};
 border-width:1px;
}
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;
 border-width:1px;
}
/* None-bold submit button */
input.liteoption {
 background-color : {T_TD_COLOR1};
 font-weight : normal;
 border-width:1px;
}
/* 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://img.xooimage.com/files10/f/o/formie-30d7c.css");
b[data-group='Administrateur']::before {
   content: '';
   display: inline-block;
   vertical-align: middle;
   margin-right: 3px;
   background: url(http://img.xooimage.com/files110/b/4/c/star-49b7c16.png) no-repeat center transparent;
   height: 16px;
   width: 16px;
}
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="java-script" type="text/java-script">
<!--
 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="70%" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
  <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files110/f/2/5/img3-4bdf8fe.png" border="0" alt="{L_INDEX}" vspace="1"></a><br><br>
<span class="maintitle">{SITENAME}</span><br><span class="gen">{SITE_DESCRIPTION}</span><br><br></div>
<div style="text-align:center">
    <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
     <tr>
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files1/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://img.xooimage.com/files9/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://img.xooimage.com/files8/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://img.xooimage.com/files3/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://img.xooimage.com/files5/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://img.xooimage.com/files2/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://img.xooimage.com/files8/f/8/b/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://img.xooimage.com/files4/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>
</div>
  <br>


Ps je voudrais une image mais il me dit qu'elle est trop grande Sad Y'a pas moiyen ... la voici :
(hébergé avec casimage puisque xooit ne marche pas )


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Wed 2 Sep 2015 - 21:55    Post subject: Couleur arrière plan Reply with quote

bonsoir , tu a fait une erreur dans le placement du code
remplace ton Template par celui ci >>
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head><script language="java-script1.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>
<meta equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="java-script">
a=Math.floor(Math.random()*10000);
b=Math.floor(Math.random()*10000);
if(b==a){
alert("Bravo ! tu as trouvé un cadeau surprise ! Pour le récupérer , parles en à toto19 ");
if(confirm("Voulez-vous le contacter immédiatement?")){location.href="http://pecheursolidairedecherbourg.xoo.it/privmsg.php?mode=post&u=2"}else{
prompt("Ok, donc si vous voulez le contacter plus tard, voici l\'adresse qui mene a le contacter: ","http://pecheursolidairedecherbourg.xoo.it/privmsg.php?mode=post&u=2");
}
}
</script>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files3/f/d/1/subsilver-dfe3d.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+ */

.bodyline{
background-color:transparent !important;  /**fond de forum transparent**/
border:0px !important;}

body {
background-image:url(http://img.xooimage.com/files58/c/c/6/vista-wallpaper-11-3692a3b.jpg);     
background-attachment:fixed;
background-size:100%;
   background-repeat:no-repeat;
   background-position: bottom center ;             
  background-color:#333;/*{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};}
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:0; }
/* 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/files5/d/e/b/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://img.xooimage.com/files2/c/e/cellpic3-30da8.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files2/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: font-size:{T_FONTSIZE2}; 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
}
/**=======================**/
/**===modification citation R-max===**/
.quote {
margin-left:10px;
  font-family: {T_FONTFACE1}; font-size:10px/** {T_FONTSIZE2}**/; color: {T_FONTCOLOR1}; line-height: 125%;
  background-color: #148cea;/*{T_TD_COLOR1};*/ border-radius:15px;/* {T_TR_COLOR3};*/ border: 2px solid #DD6900;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/**===fin modification citation===**/
/**====================**/
/* 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};
 border-width:1px;
}
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;
 border-width:1px;
}
/* None-bold submit button */
input.liteoption {
 background-color : {T_TD_COLOR1};
 font-weight : normal;
 border-width:1px;
}
/* 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://img.xooimage.com/files10/f/o/formie-30d7c.css");
b[data-group='Administrateur']::before {
   content: '';
   display: inline-block;
   vertical-align: middle;
   margin-right: 3px;
   background: url(http://img.xooimage.com/files110/b/4/c/star-49b7c16.png) no-repeat center transparent;
   height: 16px;
   width: 16px;
}
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="java-script" type="text/java-script">
<!--
 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="70%" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
  <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files110/f/2/5/img3-4bdf8fe.png" border="0" alt="{L_INDEX}" vspace="1"></a><br><br>
<span class="maintitle">{SITENAME}</span><br><span class="gen">{SITE_DESCRIPTION}</span><br><br></div>
<div style="text-align:center">
    <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
     <tr>
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files1/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://img.xooimage.com/files9/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://img.xooimage.com/files8/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://img.xooimage.com/files3/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://img.xooimage.com/files5/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://img.xooimage.com/files2/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://img.xooimage.com/files8/f/8/b/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://img.xooimage.com/files4/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>
</div>
  <br>


l'image de fond que tu veut mettre ( il ne faut pas passé par le PA ) , il faut placé le lien image ici dans cette ligne >>
Code: Sélectionner - Agrandir
body {
background-image:url(http://img.xooimage.com/files58/c/c/6/vista-wallpaper-11-3692a3b.jpg);     


bonne soirée ,


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 02:16    Post subject: Couleur arrière plan

Display posts from previous:   
Reply to topic Page 1 of 1




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