Mettre une image de fond dans généralité

[b2uty]

Bonjour, je voudrais réussir à mettre une image de fond dans "généralité".
J'ai réussi a faire des collones transparante et il me faudrait maintennat savoir comment mettre une image dérriére.
Comme ici :

Spoiler:

Quelqu'un pourait m'aider svp?
Merci d'avance.

[Dr. Karlos]

Bonsoir,

Pour appliquer une image à l'ensemble du cadre "Généralités", trouvez cette partie dans votre template index_body (PA | Affichage | Templates | Général):

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Remplacez-la par celle-ci:

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="generalites" width="100%" border="0" cellspacing="1" cellpadding="0">

N'oubliez pas de publier les modifications en appuyant sur .

Insérez ensuite ce code dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS):

Code:

.generalites {
background-image: url(ADRESSE DE VOTRE IMAGE);
}

Cordialement.

[b2uty]

Merci.
Une fois que j'ai fait tout cela, comment j’intègre mon image dans généralité ?
J'ai mit une image mais elle se met au-dessus des cadres et non derrière.

[b2uty]

up

[mimi-76-]

Elle devrait se mettre en arrière avec les code css donne .

[Dr. Karlos]

Bonsoir,

Pouvez-vous nous passer l'adresse de votre forum, car celui dans votre profil semble plus exister, ainsi que votre CSS personnalisé afin que de mieux vous aider?


Cordialement.

[b2uty]

Oui, voici l'adresse de mon forum :
http://kpop123.forumactif.com/forum

Et mon CSS :

Code:


body {
background-position: top center;
background-repeat: no-repeat;
background-image: url(http://img850.imageshack.us/img850/281/6123521470.png);
}
 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #7c477f;
font-family: Georgia ;
font-size: 11px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: impact  ;
font-size: 15px;
}

#add-google{ border: 0px line #9e9e9e; }


.fond_magique{
    background-image:url(http://img853.imageshack.us/img853/6356/cccopie.png) !important;
}




/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}



.forumline {
background-image:url("http://");
border-bottom: 0px #CFC2A6 solid;
border-top: 0px #CFC2A6 solid;
border-right: 0px #CFC2A6 solid;
border-left: 0px #CFC2A6 solid;
}


a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px solid #ECF0F6;
border-top: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-left: 0px solid #ECF0F6;
display:block;
}



a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 0px solid #E68917;
colorE5EBB5;
font-family: Verdana;
font-size: 18px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

a.forumlink:hover {
text-transform:none;
}


.attachbox dt {
text-transform:none;
}



/***P.A***/

.boxtitle {
background-color: #D2E3D1;
color: #;
border-bottom: 0px hand #749CA3;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}

.box {
background-color: #E5EBB5;
color: #4E87B2;
border: 0px solid #E5EBB5;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}

.att {
background-color: #E5EBB5;
color: #AD1F31;
border: 0px solid #749CA3;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}

.li {
list-style-position: outside;
list-style-type: circle;
}

#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #E5EBB5;
color: #E5EBB5;
border-bottom: 0px hand #648183;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}

#subnav A:hover {
background-color: #E5EBB5;
color: #4E87B2;
border-bottom: 0px hand #88A6A8;
text-transform: lowercase;
}



/***DESCRIPTION FORUM***/

#def {
display: block;
background-color: #;
border: 0px solid #E5EBB5; 
text-align: center;
font-size: 11px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}

.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #E5EBB5;
border-bottom: 0px dotted #E5EBB5;
font-size: 0px;
}

.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #E5EBB5;
border-bottom: 0px hand #6B797E;
font-size: 0px;
}




/***LIENS FORUM***/




.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall:hover{
font-size : 11px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #CFC2A6; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7c477f solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: CFC2A6;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #339E8C; /* vos couleurs et taille de bordures */
border-right: 3px solid #339E8C;
border-top: 3px solid #339E8C;
border-bottom: 5px solid #339E8C;
}



/***DIVERS***/

blockquote {
width: 600px;
border: 1px solid #8EA3A4;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}

.fiche {
width: 610px;
border: 1px solid #809399;
font-size: 11px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}

.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #141414;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}

.stitre {
border-bottom : 1px solid #799799;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}



.profstats {
font-size : 10px;
}






.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}




/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2F3F1 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img835.imageshack.us/img835/3306/87890346.png");
background-repeat: no-repeat;
background-position: center;
height:350px;}








.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #ffffff 0px 1px 1px;}
a.forumlink {text-shadow: #ffffff 0px 1px 1px;}
a.forumlink:hover {text-shadow: #ffffff 0px 1px 1px;}

.post .name{text-shadow: #ffffff 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 0px 0px 0px;}


.montablo{
background-color: #F2F3F1;
color: #F2F3F1;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #E5EBB5;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.infobulle span img{border: 1px groove;padding: 2px;}

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E5EBB5;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#E5EBB5;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #E5EBB5;
  border-top: 1px solid #E5EBB5;
  border-right: 1px solid #E5EBB5;
  border-left: 1px solid #E5EBB5;
  border-bottom: 1px solid #E5EBB5;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E5EBB5;
  border: 2px solid #E5EBB5;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }


.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:485px;
}





.row1.over span.gensmall
{
display: none
}




a.forumlink:hover {
color: #C0C0C0;
background-color: #
}


.vava{
background-color: #F8F9F7;
padding: 3px;
-moz-border-radius: 3px;
border: 2px solid #E2E3E1
}


.post .name{
font-size: 21px;
font-family: garamond;
text-align: center;}



.postdetails.poster-profile{
font-size: 10px;
font-family: Trebuchet MS;

}




.row3 { TEXT-TRANSFORM: uppercase; FONT-FAMILY: small fonts; COLOR: #CFC2A6; FONT-SIZE: 1px; FONT-WEIGHT: normal; text-shadow: 1px 1px 1px #ffffff; color: black; }.




.arrondis {
border: 0px solid black;
-moz-border-radius: 8px;
border-radius:8px;
-webkit-border-radius:8px;}.




/*titre des catégories*/
.secondarytitle{
background-color: #couleur de votre choix pour le fond;
}
.secondarytitle, .secondarytitle h2{
color : #couleur de votre choix pour la police;
text-align:center;
background-color: transparent;
}



    .stats{
  background-image: url(http://img689.imageshack.us/img689/4677/sansre2br.png);
      padding: 3px;
      text-align: center;}


.dermessage{
  background-color: #CFC2A6;
  border: 1px dashed #a0522d;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 3px;
  text-align: center;}



.nav img
{
max-width: 200px;
}



 
.img_bas {background: url(http://img840.imageshack.us/img840/1909/errr2copie.png);
  width: 997px; height: 66px;
}




.generalites {
background-image: url(ADRESSE DE VOTRE IMAGE);
}


[Dr. Karlos]

Re

Insérez ce code dans votre CSS à la suite des autres codes afin de régler le problème:

Code:

.generalites .row1 {
background-color: transparent;
}

La couleur de fond de superposant à l'image de fond devrait disparaître.


Cordialement.

[b2uty]

Ohhh ça marche super, merci beaucoup.
Je mais ce sujet résolu ^^