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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par b2uty le Dim 1 Avr 2012 - 17:39

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.

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par Dr. Karlos le Mar 3 Avr 2012 - 4:37

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 ajout. Wink

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par b2uty le Mar 3 Avr 2012 - 11:26

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
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par b2uty le Mer 4 Avr 2012 - 19:43

up

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par mimi-76- le Mer 4 Avr 2012 - 19:57

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

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par Dr. Karlos le Mer 4 Avr 2012 - 23:07

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par b2uty le Jeu 5 Avr 2012 - 0:55

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://illiweb.com/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);
}

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par Dr. Karlos le Jeu 5 Avr 2012 - 1:21

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. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image de fond dans généralité

Message par b2uty le Jeu 5 Avr 2012 - 11:17

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

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum