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 2013 - 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 2013 - 15:58, édité 1 fois

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 2013 - 15:41

Bonjour,

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

Matriochka
+ Hyperactif +

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

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 2013 - 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
+ Hyperactif +

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

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 2013 - 15:55

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

Matriochka
+ Hyperactif +

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 2013 - 15:58

Merci beaucoup c'est résolu

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