Accueil
Créer un forumCOULEUR DE FOND
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
COULEUR DE FOND
par Oth66 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 
.selectCode {float:right; text-transform: uppercase; cursor:pointer;}
.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 -
Re: COULEUR DE FOND
par Matriochka Dim 13 Jan 2013 - 15:41
Bonjour,
Quel fond veux-tu changer exactement ? Celui de la page complète ?
Quel fond veux-tu changer exactement ? Celui de la page complète ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: COULEUR DE FOND
par Oth66 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
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 -
Re: COULEUR DE FOND
par Matriochka 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 :
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
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
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: COULEUR DE FOND
par Oth66 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 -
Re: COULEUR DE FOND
par Matriochka 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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Oth66- **
- Messages : 70
Inscrit(e) le : 30/11/2012 -
Sujets similaires» Comment changer la couleur de fond du menu deroulant couleur de police
» Changer la couleur de fond pour un fond personnalisé en fonction du groupe / rang
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Champ texte/liste afficher dans un message Fond blanc >> Fond d'une certaine couleur
» fond de pub blanc malgré couleur de fond de page
» Changer la couleur de fond pour un fond personnalisé en fonction du groupe / rang
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Champ texte/liste afficher dans un message Fond blanc >> Fond d'une certaine couleur
» fond de pub blanc malgré couleur de fond de page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum