Couleur de font
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 font
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
& Mon CSS
- 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://i.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;
Re: Couleur de font
Bonjour,
Il faut changer la couleur ici, dans ton CSS :
Il faut changer la couleur ici, dans ton CSS :
- Code:
.bodyline{
background: #ECD3CC;
border: 1px solid #AF2516;}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Couleur de font
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;}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Couleur de font
Génial merci pou tout
Re: Couleur de font
Mais de rien
Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Sujets similaires
» QEEL, enlever couleur font utilisateur connecté et modifier couleur lien
» changer la couleur de font du module "Plus"
» Changer la couleur de font de la partie "Code" selectionner le contenu
» Mettre un font dans mon JS
» Taille et Font
» changer la couleur de font du module "Plus"
» Changer la couleur de font de la partie "Code" selectionner le contenu
» Mettre un font dans mon JS
» Taille et Font
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