Couleur de font

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

Résolu Couleur de font

Message par Oth66 le Dim 10 Fév 2013 - 12:10

Bonjour , j'aimerai changé la couleur de font sur mon forum '' le rose pâle que je n'aime pas du tout '' et mettre du blanc c'est possible ? voici mon forum et la couleur que je souhaite changé Merci par avance de vos reponses


Spoiler:


& Mon CSS


Spoiler:
selectCode {float:right; text-transform: lowercase; cursor:pointer;}

/* 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;}

i {color: #990849;}
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: #AF2516 solid 1px;
background-color: ##FFFFFF;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px;}

/* 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;}

.fleche{
background-image : url("https://i13.servimg.com/u/f13/17/51/77/39/sans_t10.gif");
width: 20px;
height :20px;
position : relative;
top :30px;
right :19px;}

.bulle{
background-color : #FFFFFF;
border : 1px solid #EBAACD;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
margin-top: -20px;
padding : 5px;
min-height : 100px;}

.code, .quote, .spoiler{
background-color: #F8F1EB;
font-family: Arial;
border-style: solid;
border-right-width: 10px #E0BCB3;
border-left-width: 10px #E0BCB3;}

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

/* CODAGE PROFIL */

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

.pseudo{
font-size: 16px;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
text-shadow: 0px 1px 1px #FFFFFF;
border-bottom: 4px dotted #EBAACD;}

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

.postdetails.poster-profile img{
max-width:210px;
border-radius: 20px;
TEXT-ALIGN: center;}

.postdetails.poster-profile img {
width:210px;
display:block;}

.profil_avatar{
border: 1px solid #AF2516;
background: #ECD3CC;
padding: 4px;}

.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;}

/*CADRE INTERIEUR*/
.bodyline{
background: #ECD3CC;
border: 1px solid #AF2516;}

.bodylinewidth{
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;}

/* CODAGE CATEGORIES */
.cate_titre{
margin: auto;
text-transform: uppercase;
text-align: center;}

.forum{
width: 800px;
margin-top: 5px;
margin-bottom: 10px;
background: #AB2313;
padding: 10px;
-moz-border-radius: 25px;
border-radius: 25px 25px 25px 25px;}

.forumlink{
display: block;
width: 420px;
font-size: 16px;
text-transform: lowercase;
text-align: center;
font-style: italic;
letter-spacing: -1px;
text-shadow: 0px 1px 1px #FFFFFF;}

.description{
display: block;
width: 400px;
height: 95px;
margin: auto;
padding: 5px;
background: #F8F1EB;
border: 1px solid #AF2516;
font-size: 11px;
text-align: justify;
overflow:auto;}

.stats_last{
display: block;
width: 150px;
height: 95px;
margin: auto;
padding: 5px;
background: #F8F1EB;
border: 1px solid #AF2516;
-moz-border-radius: 10px;
border-radius: 10px 10px 10px 10px;}

.stats{
display: block;
text-align: center;
font-size: 9px;
padding-bottom: 4px;
margin-bottom: 4px;}

.last{
display: block;
text-align: center;
font-size: 11px;}

.sous_forum{
display: block;
width: 150px;
height: 95px;
margin: auto;
padding: 5px;
background: #F8F1EB;
border: 1px solid #AF2516;
text-align: center;
-moz-border-radius: 10px;
border-radius: 10px 10px 10px 10px;}

/* BAS DE PAGE */
#page-footer a{
font-size: 10px;
color: #545454 !important;}

#page-footer a:hover{
color: #303030 !important}

/* QUI EST EN LIGNE */
.qeel_titre{
width: 800px;
height: 50px;
background: url(#);}

.qeel{
width: 800px;
height: 325px;
background: url(#);}

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

.colonne{
position: absolute;
z-index: 1;
width: 200px;
height: 300px;
overflow: auto;
margin-top: 0px;
margin-left: 0px;
background: #FFFFFF;
border: 1px solid #AF2516;
box-shadow: 0px 0px 0px #0d1418;
-moz-box-shadow: 0px 0px 0px #0d1418;
-o-box-shadow: 0px 0px 0px #0d1418;
-htm-box-shadow: 0px 0px 0px #0d1418;
-webkit-box-shadow: 0px 0px 0px #0d1418;
font-size: 9px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
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: 320px;
margin-top: -50px;
margin-left: -50px;
background: #FFFFFF;
border: 1px solid #AF2516;
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;}

/*DEBUT PAGE D'ACCUEIL*/
.linknav{
display:block;
background-color: #FFFFFF;
margin:5px;
padding:5px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
border: 1px solid #AB2313;
border-left: 5px solid #AB2313
border-right: 5px solid #AB2313;}

.titre{
display:block;
background-color: #FFFFFF;
padding:5px;
margin:5px;
text-align:center;
text-transform:uppercase;
border: 1px solid #AB2313;
border-left: 5px solid #AB2313;
border-right: 5px solid #AB2313;}

.content{
display:block;
height: 150px;
overflow:auto;
background-color: #FFFFFF;
padding:5px;
margin:5px;
border: 1px solid #AB2313;}

.content2{
display:block;
height: 50px;
overflow:auto;
text-align: justify;
background-color: #FFFFFF;
padding:5px;
margin:5px;
border: 1px solid #AB2313;}

/*CODAGE INFOBULLES STAFF*/
.tstaff{font-size:1em;}
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{
position: absolute;
background-color: #EBDDCD;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #75605F;}
.thumbnail span img{padding: 2px;}
.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 10px;
width: 150px;
padding: 5px;
border: 1px solid #5E3545;}

/* ROTATION SURVOL IMAGE */
.tourne{
transition: 1.5s;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;}
.tourne:hover{
transition: 1.5s;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);}
/*FIN PAGE D'ACCUEIL*/

/* STAFF IMAGE CLIQUABLE */
.systeme_staffpaonglets{}
.staffpaonglet_1 staffpaonglet{}
.staffpaonglet_0 staffpaonglet{}
.staffpaonglet_page0{}
.staffpaonglet_page1{}
.staffpaonglet_page2{}
.contenu_staffpaonglets{}
.contenu_staffpaonglet{}
.contenu_staffpaonglet_page0{}
.imgpa{
width: 45px;
border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px;}

/* STAFF INFOBULLES */
.mon_contenustaff{
background-color: #EBDDCD;
padding: 5px;
color: #75605F;}

.imgpa2{
width: 70px;
border-radius: 500px 500px 500px 500px;
-moz-border-radius: 500px;}

.nomstaff{
text-transform: lowercase;
font-style: italic;
border-bottom: 4px dotted white;}

.infostaff twUnmatched{
text-align: center;
text-transform: uppercase;}







/* PAGE D'ACCUEIL */
/* credit à ne pas toucher il n'apparaitra pas de toute manière mais je prefere le laisser tout de même */
.crédit {credit:absolutesunshine;}
/* fin crédit */

/* staff presenté de manière simple avec uniquement une bordure */
.staff {width:200px;height:70px;padding:2px;border:1px solid #CABCAB;}
/* fin staff */

/* top sites aux formes automatiquement arrondis */
.tops{
width:60px;
height:60px;
transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
border:2px solid #E4DED6;
opacity:0.8;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;}
/* fin top sites */

/* correspond aux ou tables supérieures*/
.bloc{
padding:3px;
background-color:#ECEAE8;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align:justify;
font-family : Verdana;
font-size:11px;color:#858585;
letter-spacing: 1px;
border-left:3px solid #B7A49B;
border-right:3px solid #B7A49B;
box-shadow:1px 1px 0px white,0px 0px 3px #E4DED6;
-moz-box-shadow:white 1px 1px 0px,0px 0px 3px #E4DED6;
height:240px;}
/* fin tables */

/* correspond aux tables inférieures */
.bloctwo{
padding:3px;
background-color:#ECEAE8;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align:justify;
font-family : Verdana;
font-size:11px;
color:#858585;
letter-spacing: 1px;
border-left:3px solid #B7A49B;
border-right:3px solid #B7A49B;
box-shadow:1px 1px 0px white,0px 0px 3px #E4DED6;
-moz-box-shadow:white 1px 1px 0px,0px 0px 3px #E4DED6;
height:200px;}
/* fin table inférieures */

/* les titres avec pour police Kite One */
.titrepa{
font-family: 'Kite One', sans-serif;
font-size:27px;
text-align:center;
color:#B7A49B;}
/* fin titre */

/* petits points sous les titres */
.yoo{
border-bottom:1px dotted white;}
/* fin points sous titres */

/* les liens rapides tout en haut de la PA */
.menu{
background-color:#CABCAB;
color:#F8F7F6;
font-variant:small-caps;
font-size:11px;
padding:5px;
padding-right: 4px;
padding-left: 4px;
border-radius: 50px;
border-left:3px solid #F2F2F2;
border-right:3px solid #F2F2F2;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
/* fin liens rapides */

/* les pointillés dérrière le menu à peut-être adapter selon le forum */
.point {
border-top: 8px dotted #F2F2F2;
margin-bottom:-10px;}
/* fin pointillés */

/* simple texte qui se trouve dans les tables pour ne pas deborder */
.textepa {
width:90%;
height:180px;
overflow:auto;}
/* fin texte */

/* les logos des partenaires dont l'opacité augmente au survol de la souris */
.potos{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
opacity:0.5;
width:88px;
height:31px;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}

.potos:hover{
opacity:0.7;}
/* fin logos partenaires */

/* INFOBULLES PV'S */

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é */
background: #FFFFFF;
padding: 2px;
border: 0px solid grey;
border-left: 2px solid #EADEC1;
border-right: 2px solid #EADEC1;
border-top: 2px solid #EADEC1;
border-bottom: 2px solid #EADEC1;}
font-family: 'Quintessential', cursive;

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 font

Message par Matriochka le Dim 10 Fév 2013 - 12:22

Bonjour,

Il faut changer la couleur ici, dans ton CSS :
Code:
.bodyline{
background: #ECD3CC;
border: 1px solid #AF2516;}
Remplace #ECD3CC par #FFFFFF (blanc)

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 font

Message par Oth66 le Dim 10 Fév 2013 - 14:08

Parfait et ensuite faudrait que je sache comment on change ceci



toujours le rose pâle ^^ Merci beaucoup

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 font

Message par Matriochka le Dim 10 Fév 2013 - 14:10

Ici :
Code:
.description{
display: block;
width: 400px;
height: 95px;
margin: auto;
padding: 5px;
background: #F8F1EB;
border: 1px solid #AF2516;
font-size: 11px;
text-align: justify;
overflow:auto;}

Code:
.stats_last{
display: block;
width: 150px;
height: 95px;
margin: auto;
padding: 5px;
background: #F8F1EB;
border: 1px solid #AF2516;
-moz-border-radius: 10px;
border-radius: 10px 10px 10px 10px;}

Code:
.sous_forum{
display: block;
width: 150px;
height: 95px;
margin: auto;
padding: 5px;
background: #F8F1EB;
border: 1px solid #AF2516;
text-align: center;
-moz-border-radius: 10px;
border-radius: 10px 10px 10px 10px;}
Même chose, remplace les codes couleur Wink

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 font

Message par Oth66 le Dim 10 Fév 2013 - 14:16

Génial merci pou tout

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 font

Message par Matriochka le Dim 10 Fév 2013 - 14:23

Mais de rien Smile

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Matriochka
+ Hyperactif +

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

Matriochka 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