Kleur veranderen in css

Gestart doorMessenger4 reacties8 weergaven

5 berichten · pagina 1 van 1

Messenger

Lid · Topicstarter

Berichten
27
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hey

ik zou graag de licht bruinen achtergrond op deze site:
Spoiler tonen
de kleur laten veranderen in Licht zwart
maar omdat ik het niet kan vraag ik hulp aan jullie (sorry daarvoor)

hier is men css:
Spoiler tonen
/*

Theme Name: Minecraft
Theme URI: http://www.voxran.fr/demo-minecraft
Description: Thme pour le jeu Minecraft
Version: 0.1
Author: Voxran
Author URI: http://www.voxran.fr
Tags: brown, two-columns, fixed-width, custom-header, custom-background, custom-menu
*/

/*-----------------------------------*/
/* 1. DEFAULT */
/*-----------------------------------*/
/* Wordpress Default */


/* Styles Habituels */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
margin:0; 
padding:0;
}

ul,li{
list-style-type: none;
list-style-image: none;
}

input{
background:#000;
border:dashed 1px #493220;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:2px 2px 2px 2px;
}

input.submit{
padding:2px 2px 2px 2px;
}

textarea{
background:#000;
border:dashed 1px #493220;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

a{
text-decoration:none;
color:#000;
}

a:hover{
text-decoration:underline;
color:#000;
}

.clear{
clear: both;
}

.hidden {
display: none;
}

.strong{
font-weight:bold;
}

.italique{
font-style:italic;
}

img.alignright, a img.alignright {
float:right; 
margin:0 0 1em 1em;
}

img.alignleft,a img.alignleft {
float:left; 
margin:0 1em 1em 0;
}

img.aligncenter,a img.aligncenter {
margin-left: auto; 
margin-right: auto;
}

.aligncenter, div.aligncenter{
margin:auto;
}

.aligncenter img{
margin-left:auto;
margin-right:auto;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.center {
text-align: center;
}

.middle img{
vertical-align:middle;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

hr {
display: none;
}

a img {
border: none;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3, h4 {
font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
font-weight: bold;
}

code {
font: 1.1em Courier New, Courier, Fixed;
}

header, nav, article, footer{
display:block;
}

/*-----------------------------------*/
/* 1. STRUCTURE */
/*-----------------------------------*/
/* Global */

body{
    font-family:  Verdana, "Trebuchet MS", Geneva;
    font-size:12px;
    background: url(theme/bg.jpg) fixed repeat ;
}

#global{
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
width:980px;
padding:10px;
background: url(theme/bgConteneur.png) repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}


/* Header */

h1#site-title a, 
#site-title a{
color:#fff;
text-decoration:none;
text-shadow: 0px 0px 5px #000;
font-size:18px;
font-weight:bold;
}

header img{
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:960px;
height:160px;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

#description-serveur{
margin-left:30px;
margin-top:-25px;
margin-bottom:9px;
color:#fff;
font-weight:bold;
}

#headerLinksRight{
background: url(theme/headerLinksRight.png) no-repeat;
margin:0 0 0 0;
width:960px;
height:70px;
float:right;
}


/* Menu */

nav{
width:960px;
display: block;
float: left;
margin-top:-50px;
}

nav ul{
list-style:none;
margin:0 0 0 30px;
}

nav li{
position:relative;
float:left;
margin:0 5px 0 5px;
}

nav a{
background-color:#664830;
color:#fff;
display: block;
padding:7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #20160f;
-webkit-box-shadow: 0px 0px 5px #20160f;
box-shadow: 0px 0px 5px #20160f;
}

nav a:hover{
background-color:#523a26;
color:#fff;
}

/* Sidebar */

#sidebar{
float:right;
width: 250px;  
padding:5px 10px 0 10px;
background:#a47652;
border:solid 1px #493220;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



/* Widgets */

.widget{ 
margin-bottom:20px;
}

.widgetTitle, .widgetTitle a, .widgetTitle a:hover{
font-weight:bold;
font-size : 16px;
color:#493220;
margin:0 0 0 0;
text-shadow: 0px -1px 0px #bd875a;
text-decoration:none;
border-bottom:solid 1px #493220;
}

/* Conteneur */

#conteneur{
float:right;
width:960px;
min-height:300px;
margin:0;
padding:10px;
}


/* Footer */


#textFooter{
opacity:0.6;
filter:alpha(opacity=60);    
text-align:center;
color:#000;
font-size:11px;
}

#textFooter a{
text-decoration:underline;
color:#000;
}


/*-----------------------------------*/
/* 3. POSTS */
/*-----------------------------------*/
/* Structure */

.postBlog{
margin: 45px 0 10px 0;
text-align: justify;
width:650px;
padding:5px 10px 10px 10px;
background:#a47652;
border:solid 1px #493220;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*
.postSingle {
margin: 5px 0 10px 0;
text-align: justify;
width:650px;
padding:5px 10px 10px 10px;
background:#a47652;
border:solid 1px #493220;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
*/
.bgTopPost{
background: url(theme/bgTopPost.png) no-repeat;
width:650px;
height:35px;
margin:-40px 0 0 0;
}

/* Titres Posts */

.postTitle, .postTitle a, .postTitle a:hover{
font-size : 18px;
color:#493220;
font-weight:bold;
text-shadow: 0px 1px 0px #bd875a;
text-decoration:none;
border-bottom:solid 2px #493220;
margin:0 0 3px 0;
font-family: "Trebuchet MS";
}

/*.post .postTitleLine{
background-color:#15242a;
border-bottom-color:#204656;
margin:1.3em 0;
}*/

.postDate, .postDate a, .postDate a:hover{
margin:5px 0 0 0;
float:right;
border:none;
font-size:10px;
}

.postCom, .postCom a, .postCom a:hover{
color:#493220;
font-size:10px;
float:right;
text-decoration:none;
}

.postCat{
color:#493220;
font-size:10px;
float:left;
}

.postCat a, .postCat a:hover{
color:#493220;
text-decoration:none;
font-size:10px;
border:none;
}

.bypostauthor{
color:#000;
font-size:11px;
float:right;
text-decoration:none;
margin:10px 0 5px 0;
}

/* Contenu Posts */

.postExtrait{
font-weight:bold;
font-size:13px;
color:#3a3a3a;
padding:0 0 0 5px;
margin: 5px 0 10px 0;
text-indent:10px;
}

.post ul{
margin: 5px 0 0 5px;
}

.post ul li{
text-indent:10px;
}

.more-link, .more-link a, .more-link a:visited{
float:right;
text-decoration:none;
color:grey;
}

.more-link a:hover{
text-decoration:underline;
color:grey;
}

.post h3, .post h3 a, .post h3 a:hover{
font-size:17px;
color:#575757;
font-weight:bold;
text-shadow: 0px 1px 0px #FFFFFF;
text-decoration:none;
margin:16px 0 7px 10px;
}

.attachment-post-thumbnail {
margin:0 0 10px 10px;
border:solid 2px #575757;
}

.attachment-post-thumbnail a img:hover{
margin:0 0 10px 10px;
border:solid 2px #212121;
}

.size-thumbnail, .size-full, .size-large {
margin:0 0 5px 5px;
border:solid 2px #575757;
}

.size-thumbnail a img:hover, .size-full a img:hover, .size-large a img:hover{
margin:0 0 5px 5px;
border:solid 2px #212121;
}

/*-----------------------------------*/
/* 4. COMMENTAIRES */
/*-----------------------------------*/
/* Titres */

.commentTitle, .titreReponse, .titreReponse a, .titreReponse a:hover, .titrePartager{
font-size:17px;
color:#493220;
font-weight:bold;
text-shadow: 0px 0px 3px #bd875a;
text-decoration:none;
border-bottom:solid 2px #493220;
margin:20px 0 3px 0;
}


/* Liste Commentaires */

.commentlist { padding: 0; text-align: justify;}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
}

.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p { margin: 10px 5px 10px 0;}

.children { padding: 0; }

#commentform p { margin: 5px 0;}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentlist li ul li { font-size: 1em;}

.commentlist li { font-weight: bold;}

.commentlist li .avatar { 
float: right;
padding: 2px;
background:#b9865e;
border:dashed 1px #493220;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}


/* Rponse */

.respondTitle, .respondTitle a, .respondTitle a:hover{
font-size:17px;
color:#493220;
font-weight:bold;
text-shadow: 0px 0px 3px #bd875a;
text-decoration:none;
border-bottom:solid 2px #493220;
margin:20px 0 3px 0;
}


/*-----------------------------------*/
/* 5. PAGES */
/*-----------------------------------*/
/* Structure Pages */

#page{
margin: 5px 0 10px 0;
text-align: justify;
width:650px;
padding:5px 10px 10px 10px;
background:#a47652;
border:solid 1px #493220;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#page input{
background:#a47652;
border:dashed 1px #493220;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#page textarea{
background:#a47652;
border:dashed 1px #493220;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

/* Titres Pages */

.pageTitle, .pageTitle a, .pageTitle a:hover{
font-size:19px;
color:#493220;
font-weight:bold;
text-decoration:none;
border-bottom:solid 2px #493220;
text-shadow: 0px 1px 0px #bd875a;
margin:0 0 3px 0;
}

#page h3{
font-size:17px;
color:#9a7826;
font-weight:bold;
text-shadow: 0px 1px 0px #FFFFFF;
text-decoration:none;
margin:0px 0 0px 0;
}


/* Begin Typography & Colors */

.widecolumn .entry p { font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: center;}
.thread-alt {background-color: #ad7d58;}
.thread-even {background:#ad7d58;}
.depth-1 {border:dashed 1px #493220;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px}
.sticky {background: #f7f7f7;padding: 0 10px 10px;}
.sticky h2 {padding-top: 10px;}
#commentform p {font-family: Lucida Grande, Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;padding: 4px;text-align: center;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;}
.gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
/* End Typography & Colors */

/* Begin Structure */


.narrowcolumn {
float: left;
padding: 0 0 20px 0;
margin: 0px 0 0;
width: 520px;
}



/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form {text-align:center;}
select {width: 130px;}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {
width: 500px !important;
padding: 2px;}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
#commentform #submit {
margin: 0 0 5px auto;
float: right;}
/* End Form Elements */



/***** INTERNET EXPLORER *****/

.ieDepass {
  background: #000;
  margin: 0;
  border: 1px solid #000;
}

.ieDepass p {
 width: 70%;
 padding: 1em;
 margin: 0 auto;
 background: #900;
 font-size: 1.1em;
 font-weight:bold;
 color: #fff;
}
.ieDepass a {
color: #fff;
}
Heb je nog meer dinges nodig vraag het dan even aub smile
Alvast bedankt
0
Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
bij body toevoegen

bgtopost { }

daar moet de bg in veranderd worden
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het is een afbeelding die achtergrond als ik de css goed bekijk. Open dat plaatje van die bruine achtergrond in photoshop en bedek het plaatje met de kleur zwart. Ik wil het eventueel wel voor jouw doen.
0
Messenger

Lid · Topicstarter

Berichten
27
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jvdw schreef:
Het is een afbeelding die achtergrond als ik de css goed bekijk. Open dat plaatje van die bruine achtergrond in photoshop en bedek het plaatje met de kleur zwart. Ik wil het eventueel wel voor jouw doen.
Dat zou fijn zijn maar waar ik ben het plaatje aan het zoeken maar vind het niet
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
kijk in je html code naar de div, dan zoekje de div in de css. ( #div) en dan kijk je naar de url van de afbeelding. ( background-image: url(link) ; )
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren