COULEUR DE FOND

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

Résolu COULEUR DE FOND

Message par Oth66 le Dim 13 Jan - 15:38

BONJOUR , j'ai besoin de vos services voila j'aimerais changer le fond de mon forum qui est en couleur par un code (une image) pouvait vous me dire ou je doit mettre le lien pour que mon image apparait en fond ? Voici mon CSS merci Smile

.selectCode {float:right; text-transform: uppercase; cursor:pointer;}

Spoiler:
/* ESPACE ENTRE LA BARRE ET LES PUBS */
#page-body {padding-top: 20px;}
.postbody img {vertical-align: middle;}

/* CODAGE MISE EN PAGE GENERAL */

a {outline: none;}
a {font-weight: none;}

a {text-decoration: none;}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

u {color: #B3AE9D; border-bottom: 1px dashed #B3AE9D;}
u {text-decoration: none;}

tr.post span.gensmall {display: none;}

textarea, .textarea.post, input.post{
-moz-border-radius:10px;}

/* suppression couleur cadre categorie */
.catHead {border: none !important;}
.catBottom {border: none !important;}
.thLeft {border: none !important;}
.thRight {border: none !important;}
.row3Right {border: none !important;}

input,textarea, select {
border: #C0C0C0 solid 1px;}

/* CODAGE MESSAGES POSTES SUR LE FORUM */

/*jutification des messages*/
.postbody {
display: block;
font-size:12px;
text-align: justify !important;
padding-left: 15px;
padding-right: 15px;
line-height:16px;}

.code, .quote, .spoiler{
background-color: #F3F3F3;
font-family: Arial;
border-style: solid;
border-top: 1px #4c4842;
border-right: 1px #4c4842;
border-left: 1px #4c4842;
border-bottom: 1px #4c4842;}

.spoiler_content {display: block;}
.hidden .spoiler_content {display: none;}

.row3Right{
border: none !important;}

.thHead{
border: none !important;}

.thCornerL, .thCornerR, .thTop{
border: none !important;}

.thLeft, .thRight{
border-left: none !important;
border-right: none !important;}

.catLeft, .catRight{
border: none! important;}

.catHead{
border: none !important;}

.catBottom{
border: none !important;}

/*BARRE DE NAVIGATION*/

#navig{
width: 950px;
margin: auto;
text-align: center;}

#navigation{
position: fixed;
z-index: 999;
width: 100%;
background-color: #EFEFEF;
font-family: Arial;
color: #D9B67A;
font-style: italic;
text-transform: lowercase;
text-align: center;
text-shadow: 0px 0px 1px;
font-weight: normal !important;
border-bottom: 2px solid #C0C0C0;
margin-top: -10px;
margin-left: -10px;
padding: 5px;}

/* CODAGE PROFIL */
.rotationavatar{
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg);}

.profil{
width: 210px;
margin: auto;
padding: 2px;
background: #EFEFEF;
border: 1px solid #C0C0C0;}

.postdetails.poster-profile img {max-width:200px;}

.name{
text-transform: uppercase;}

.profil_avatar{
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 4px;}

/* QUI EST EN LIGNE */

.qeel_titre{
width: 890px;
height: 100px;
background: url(#);}

.qeel{
width: 900px;
height: 360px;
background: url(#);}

.qeel_table{
width: 612px;
margin: auto;}

.colonne{
position: absolute;
z-index: 1;
width: 200px;
height: 300px;
overflow: auto;
margin-top: 0px;
margin-left: 0px;
background: #EFEFEF;
border: 1px solid #C0C0C0;
font-size: 9px;
opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
filter: alpha(opacity=50);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;}

.colonne:hover{
position: absolute;
z-index: 99;
width: 250px;
height: 350px;
margin-top: -50px;
margin-left: -50px;
background: #EBEBEB;
border: 1px solid #C0C0C0;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
font-size: 10px;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;}

.qeel_contenu{
display: block;
text-align: justify;
padding: 10px;}

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre{
clear: both;
height: 100px;
margin-top: 50px;}

.catetitre_bloc{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #a8a8a8;}

.catetitre_content{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #191817;}

.catetitre{
color: #454545;
font-family: arial;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -1px;
text-shadow: 1px 1px 0px #000000;}

.forum_bloc{
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;}

.forum{
float: left;
width: 460px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;}

a.forumlink{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #454545;
text-align: center;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

a.forumlink:hover{
letter-spacing: 4px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

.forum_contenu{
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #EBEBEB;
border-left: 1px dotted #C0C0C0;
border-right: 1px dotted #C0C0C0;
border-bottom: 5px solid #C0C0C0;
border-top: 5px solid #C0C0C0;}

.description{
display: block;
width: 400px;
margin: auto;
height: 100px;
overflow: hidden;
border: 2px solid #9c9c9c;}

.description_contenu{
position: absolute;
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #191817;
font-size: 10px;
color: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

.description_contenu:hover{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

.icone_stats{
width: 300px;
margin: auto;
margin-top: -30px;}

.stats_lastpost{
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color: #EFEFEF;
border: 1px solid #C0C0C0;
padding: 5px;
text-align: center;}

.stats{
display: block;
color: #8f8f8f;
font-size: 10px;
border-bottom: 1px dotted #C0C0C0;
margin-bottom: 5px;
padding-bottom: 5px;}

.lastpost{
display: block;
font-size: 11px;}

.sforum{
position: relative;
z-index: 3;
display: block;
height: 0;
background-color: #C0C0C0;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

.ouverture_sousforum{
position: relative;
z-index: 3;
display: block;
float: right;
width: 120px;
margin-right: 20px;
text-align: center;
background-color: #C0C0C0;
font-size: 11px;
text-align: center;
padding: 4px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;}

.sous_forum:hover .sforum{
height: 20px;
text-align: center;
background-color: #C0C0C0;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

/* PAGE ACCUEIL */
div.infobulle {
position: relative;
float: left;
font-size: 11 px;}

div.infobulle span{
display: none; /* ceci masque l'infobulle */}

div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;}

div.infobulle:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
width:200px;
height:auto;
top: 115px;
left:25px; /* on positionne notre infobulle */
background-color: #EBEBEB;
border: 2px solid #C0C0C0;
padding: 3px;
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é */
text-align: center;}

imginfobulle{
width: 180 px;}

a.lienpa{
font-size:30px;
font-family:Impact;
color:black;
letter-spacing:2px;}

a.lienpa:hover{
font-size:30px;
font-family:impact;
color:gray;
letter-spacing:2px;}

.contourlien{
width:650px;
border: 1px #C0C0C0 solid;
padding:10px;
text-align:center;
float:left;
margin-bottom:-30px;
margin-left:60px;
background-color: #EFEFEF;}

.contourlien:hover{
width:650px;
border: 1px #C0C0C0 solid;
padding:10px;
text-align:center;
float:left;
margin-bottom:-30px;
margin-left:60px;
background-color: #EBEBEB;}

.contourpa{
border: 1px #C0C0C0 solid;
padding-top:30px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
background-color: #EFEFEF;}

.presforum{
text-align:justify;
border: 2px #C0C0C0 solid;
padding:10px;
color:black;
background-color: #EFEFEF;}

.presforum:hover{
text-align:justify;
border: 2px #C0C0C0 solid;
padding:10px;
color:black;
background-color: #EBEBEB;}

.titre{
font-size:30px;
font-family:impact;
letter-spacing:1px;
text-align:center;
color:gray;
margin-bottom:-7px;}

.actus{
height:90px;
overflow:auto;
text-align:justify;
border: 2px #C0C0C0 solid;
padding:10px;
color:black;
background-color: #EFEFEF;}

.actus:hover{
height:90px;
overflow:auto;
text-align:justify;
border: 2px #C0C0C0 solid;
padding:10px;
color:black;
background-color: #EBEBEB;}

.partenaire{
height:90px;
overflow:auto;
text-align:center;
border: 2px #C0C0C0 solid;
padding:10px;
color:black;
font-size:12px;
background-color: #EFEFEF;}

.partenaire:hover{
height:90px;
overflow:auto;
text-align:center;
border: 2px #C0C0C0 solid;
padding:10px;
color:black;
font-size:12px;
background-color: #EBEBEB;}

.credits{
text-align:justify;
border: 2px #C0C0C0 solid;
padding:10px;
color:black;
font-size:9px;}


Dernière édition par Oth66 le Dim 13 Jan - 15:58, édité 1 fois
avatar

Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: COULEUR DE FOND

Message par Matriochka le Dim 13 Jan - 15:41

Bonjour,

Quel fond veux-tu changer exactement ? Celui de la page complète ?

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: COULEUR DE FOND

Message par Oth66 le Dim 13 Jan - 15:45

Oui c'est violet et j'aimerais ceci

Pouvez vous me dire aussi ou je dois aller pour changé les couleurs de la page d'accueil ... Merci
avatar

Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: COULEUR DE FOND

Message par Matriochka le Dim 13 Jan - 15:49

Bonjour,

Pour l’image de fond, il te suffit d’aller dans Panneau d’administration > Affichage > Gestion des images > Mode avancé.

Si tu préfères mettre une code, alors à ce moment, c’est ceci dans ton CSS :
Code:
body {background:url("http://i10.servimg.com/u/f10/17/96/01/68/sans_t11.jpg");}

Quelles couleurs veux-tu changer sur la page d’accueil ? Sois plus explicite dans tes demandes, si toi tu vois de quoi tu parles, ça n’est pas forcément évident pour tout le monde Smile

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: COULEUR DE FOND

Message par Oth66 le Dim 13 Jan - 15:53

Oui lol Merci ca fonctionne pour l'image de fond c'est super , ben enfaite enlever le gris pour mettre quasiment la même couleur que le fond
avatar

Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: COULEUR DE FOND

Message par Matriochka le Dim 13 Jan - 15:55

Dans ton CSS, modifie background-color sur l'élément .contourpa. Utilise la recherche interne pour t'aider ^^

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: COULEUR DE FOND

Message par Oth66 le Dim 13 Jan - 15:58

Merci beaucoup c'est résolu
avatar

Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 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