Foros del Web » Creando para Internet » CSS »

Dónde está el color de fondo?

Estas en el tema de Dónde está el color de fondo? en el foro de CSS en Foros del Web. Buenas noches: Estoy intentando cambiar el color de fondo de una plantilla que me he bajado para Wordpress, imagino que todos estos atributos estarán en ...
  #1 (permalink)  
Antiguo 27/02/2010, 17:07
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Dónde está el color de fondo?

Buenas noches:

Estoy intentando cambiar el color de fondo de una plantilla que me he bajado para Wordpress, imagino que todos estos atributos estarán en el archivo sytile.css, pero por más que pruebo no consigo encontrar el atributo para poner el color que yo quiero. Os pongo el código entero por si alguien puede ayudarme:

/*
Theme Name: Fresh Editorial
Description: The WordPress theme was designed by Maruf Rahman, from over at <a href="http://www.brightcherry.co.uk/">Brightcherry</a>.
Version: 2.1
Author: Maruf Rahman
Author URI: http://www.brightcherry.co.uk/
Tags: black, white, grey, fixed width, editorial, widgets, simple, right sidebar, clean


This theme was designed and built by Maruf Rahman,
whose blog you will find at http://www.brightcherry.co.uk/

If you have any questions about this theme, please
visit http://www.brightcherry.co.uk/
*/



/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
ul,li {
list-style-type:none;
}


ul.children{
float:left;
}


a{
outline: none;
}

body {
margin:0;
padding:0;
text-align:center;
background:url(images/bg.gif) #eee repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

img {
border:none;
}


#wrapper{
width:850px;
margin: 0 auto;
text-align:left;
}



/* H tags
------------------------------------------------------------------*/

h1{
font-size:26px;
letter-spacing:-0.1em;
color:#666;
text-transform:capitalize;
}

h1 a{
font-size:26px;
letter-spacing:-0.1em;
color:#666;
text-decoration:none;
}

h1 a:hover{
color:#767575;
}

h1.pagetitle{
margin-top:30px;
}

#title h1{
margin-top:30px;
text-transform:capitalize;
}

#title h2{
font-family: Arial, Helvetica, sans-serif;
font-size:26px;
letter-spacing:-0.1em;
color:#666;
margin-top:30px;
}

#title h2 a{
font-family: Arial, Helvetica, sans-serif;
font-size:26px;
letter-spacing:-0.1em;
color:#666;
text-decoration:none;
}

#title h2 a:hover{
color:#767575;
}


h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
text-transform:capitalize;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

/* header
------------------------------------------------------------------*/


#header{
position:relative;
}

#headertag{
position:relative;
}

#toptag{
position:absolute;
right:90px;
top:-4px;
}

#topheader{
color:#999;
text-align:left;
float:left;
width:850px;
}


#topheader li{
float:left;
margin:12px 15px 0 0;
text-transform: uppercase;
}

#topheader a{
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-size:12px;
text-decoration:none;
letter-spacing:0.1em;
font-weight:bold;
}

#topheader a:hover{
color:#ccc;
}

#mainnavigation{
float:right;
height:55px;
background:url('images/topnavbgred.gif');
padding: 0 10px 0 10px;

}

#mainnavigationright{
float:right;
height:55px;
width:6px;
background:url('images/leftnavbgred.gif');
}


#mainnavigationleft{
float:right;
height:55px;
width:6px;
background:url('images/leftnavbgred.gif');
margin-right:10px;

}

#mainnavigation ul{
padding-left:15px;
padding-top:6px;
}


#logo{
float:left;
width:850px;
z-index:8;
height:83px;
}

#navigation{
height:33px;
float:left;
width:850px;
}

#navigation li{
float:left;
height:33px;
border-left: 1px #c0c0c0 solid;
line-height:30px;
text-transform: capitalize;

}

#navigation a{
color:#666;
text-decoration:none;
letter-spacing:0.1em;
float:left;
padding:1px 10px 3px 10px;
}

#navigation a:hover{
color:#A4C155;
background:#DFDFDF;
float:left;
padding:1px 10px 3px 10px;
}



/* content
------------------------------------------------------------------*/

#content{
width:850px;
background:url('images/mainbg.gif') no-repeat;
float:left;
}


#mainimage{
float:left;
margin-top:15px;
background:#fff;
}

#mainimage img{
border:1px #666 solid;
padding:3px;
}

#contentleft{
width:600px;
float:left;
}

#contentright{
width:250px;
float:left;
}

h2 a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#333;
text-decoration:none;
}

h2 a:hover{
color:#666;
}


.blogtitle{
position:relative;
top:8px;
padding-bottom:12px;
border-bottom:1px #eee solid;
width:450px;
}

.blogpost{
position:relative;
float:left;
background:#fff;
padding:10px;
margin-top:30px;
width:566px;
}

.blogpost a{
color:#666;
}

.blogpost a:hover{
color:#333;
background:#FAFAFA;
}

.datetab{
position:absolute;
height:100px;
width:123px;
background:url('images/datetab.gif');
right:-10px;
top:-20px;
}

.blogauthor{
position:relative;
top:11px;
color:#666;
font-style:italic;
font-size:11px;
}

.blogcontent{
padding-top:25px;
line-height:1.6em;
width:560px;
}

.blogcontent p{
margin-top:10px;
line-height:1.6em;
}

.blogcontent ul, .blogcontent ol{
margin-left:25px;
}

.blogcontent li{
list-style-type:disc;
}

blockquote {
border-left: 4px solid #666;
width:430px;
margin:10px;
padding:0 0 10px 10px;
letter-spacing:1px;
color:#666;
}

.blogstrip{
text-transform:uppercase;
font-size:10px;
color:#666;
margin-top:20px;
}

.blogtags{
margin:10px 0 15px 0;
}

.blogdivide{
float:left;
width:560px;
height:15px;
background:url('images/hr.jpg');
margin-bottom:5px;
}

.blogtags a{
color:#666;
}

.blogtags a:hover{
background:#FAFAFA;
}

.readmore{
float:left;
width:85px;
}

.readmore a{
color:#333;
text-decoration:none;
}

.readmore a:hover{
color:#666;
background:#FAFAFA;
}

.blogcategory{
float:right;
}

.blogcategory a{
color:#333;
}

.blogcategory a:hover{
color:#666;
background:#FAFAFA;
}

.blogdate{
position:relative;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
top:38px;
left:5px;
width:100px;
text-align:right;
}

.blogdateyear{
position:relative;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
top:38px;
left:50px;
width:60px;
}

.blogcomments{
float:left;
}

.blogcomments a{
color:#333;
text-decoration:none;
}

.blogcomments a:hover{
color:#666;
background:#FAFAFA;
}


/* comments
------------*/

#commentwrap, #commentreplies{
float:left;
margin:20px 0 0 0;
}

#commentwrap textarea{
width:500px;
}

.commentitle{
border-bottom:#666 solid 2px;
float:left;
width:590px;
}

#commentwrap h3, #commentreplies h3{
background:#333;
float:left;
padding: 8px;
font-size:13px;
color:#fff;
}

#commentform{
float:left;
background:#eee;
width:590px;
padding-top:10px;
}

ol.commentlist{
float:left;
width:590px;
}

ol.commentlist li{
float:left;
width:580px;
padding:10px 0 10px 10px;
border-bottom:1px solid #999;
background:#fff;
}

ol.commentlist a{
color:#333;
}

ol.commentlist a:hover{
color:#666;
}

.commentwrapper{
float:left;
}

.commentleft{
float:left;
}

.commentright{
float:right;
}

.commentcentre{
float:left;
width:120px;
}

.commentright p{
width:405px;
padding-left:10px;
}

.commentsavatar{
border:#c0c0c0 solid 1px;
padding:4px;
margin-right:5px;
float:left;
}

.commentauthor{
font-size:11px;
color:#333;
font-weight:bold;
float:left;
width:120px;
padding-left:5px;
}

.commentdate{
font-size:11px;
color:#999;
width:120px;
padding-left:5px;
}

.commentcomment{
float:left;
font-size:13px;
}

.commentcomment em{
color:#999;
padding-left:8px;
}

#commentwrap input{
padding:2px;
border:0px;
margin:10px 10px 10px 0;
border:1px solid #666;

}

#commentwrap textarea{
padding:0px;
border:0px;
margin:10px 10px 10px 0;
border:1px solid #666;
}


#commentwrap label{
color:#666;
font-weight:bold;
}

#commentloggedin{
color:#666;
font-weight:bold;
float:left;
font-size:12px;
margin:10px 10px 10px 0;
}

#commentloggedin a{
color:#666;
}

#commentloggedin a:hover{
text-decoration:none;
background:#FAFAFA;
}

.commentedit{
width:405px;
padding-left:10px;
margin-top:15px;
}


#submit{
text-transform: uppercase;
font-size:11px;
font-weight:bold;
}


#youmustbe{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing:-0.1em;
font-weight:bold;
color:#333;
margin:10px 0 10px 0;
}

#youmustbe a{
color:#666;
}

#youmustbe a:hover{
background:#c0c0c0;
}
  #2 (permalink)  
Antiguo 27/02/2010, 17:08
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Dónde está el color de fondo?

Continuo aquí con el código (no cabe en solo un post):

/* sidebar
------------------------------------------------------------------*/

#rss{
position:relative;
bottom:25px;
}

#introduction p{
margin-top:10px;
}

#introduction{
float:left;
font-size:12px;
word-spacing:0.1em;
line-height:1.6em;
background:#fff;
border:#c0c0c0 solid 1px;
padding:7px;
width:195px;
}

#introductionwrap{
float:left;
background:#c0c0c0;
border:#999 solid 1px;
padding:2px;
}

#recentposts, #widgetsposts{
float:left;
font-size:12px;
word-spacing:0.1em;
line-height:1.6em;
background:#fff;
border:#c0c0c0 solid 1px;
padding:7px;
width:195px;
}

#recentpostswrap, #widgetswrap{
float:left;
background:#c0c0c0;
border:#999 solid 1px;
padding:2px;
margin-top:15px;
}

#sidebar{
margin:10px 0 10px 0;
padding-left:10px;
float:left;
}


#widgetsposts li{
border-bottom:1px dashed #999;
}

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

.recentpostswrap{
float:left;
margin-top:15px;
display:block;
width:193px;
}

.recentpoststitle a{
color:#333;
}

.recentpoststitle a:hover{
color:#666;
background:#FAFAFA;
}

.recentpostsdate{
float:left;
width:193px;
}

.recentpoststitle{
float:left;
width:193px;
}


#searchformsidebar{
position:relative;
float:left;
margin-top:15px;
}

#searchformsidebar input.searchbg{
padding:3px;
border:1px solid #c0c0c0;
width:195px;
color:#999;
}

#searchmenu{
float:left;
}

#searchsubmitbtn{
position:relative;
bottom:1px;
right:10px;
float:left;
}



#calendarwrap{
float:left;
background:#c0c0c0;
border:#999 solid 1px;
padding:2px;
margin-top:15px;
width:210px;
}

#calendar{
float:left;
font-size:12px;
word-spacing:0.1em;
line-height:1.6em;
background:#fff;
border:#c0c0c0 solid 1px;
padding:7px;
width:194px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#widgets a{
color:#000;
}

#widgets a:hover{
text-decoration:none;
}

#wp-calendar{
width:194px;
}

#wp-calendar a{
color:#fff;
background:#999;
padding:2px;
text-decoration:none;
}

#wp-calendar a:hover{
background:#666;
text-decoration:underline;
}


#prev a{
background:none;
color:#000;
}

#next a{
background:none;
color:#000;
}

#calendar caption{
font-size:14px;
font-weight:bold;
border-bottom:1px solid #333;
padding-bottom:4px;
}

/* paging
------------------------------------------------------------------*/

#paging{
position:relative;
margin-top:20px;
float:left;
width:586px;
}

#alignleft{
float:left;
}

#alignright{
float:right;
}

#paging a{
color:#000;
font-size:18px;
text-decoration:none;
}

#paging a:hover{
color:#666;
}


/* footer
------------------------------------------------------------------*/


#footer{
background:#212121;
font-size: 11px;
padding: 18px 0 0px 0;
font-size:11px;
height:32px;
float:left;
width:100%;
}

#footercontent h3{
margin-bottom:5px;
}

#footercontent{
width:850px;
float:left;
margin:20px 0 0 0;
padding-bottom:40px;
}

.footercolumn{
float:left;
padding-right:20px;
margin:0 10px 10px 10px;
padding:0 10px 10px 10px;
width:160px;
}

.footercolumn a{
color:#666;
text-transform: uppercase;
text-decoration:none;
line-height:2.0em;
font-size:11px;

}


.footercolumn a:hover{
color:#999;
}

#footerbg{
float:left;
background:url('images/footerbg.gif');
width:850px;
}

#footerheader{
float:left;
height:61px;
width:850px;
background:url('images/topheader.gif');

}


#footerbottomcontent{
width:850px;
margin: 0 auto;
text-align:left;
position:relative;
bottom:6px;
color:#666;
}

#footerbottomcontent a{
color:#666;
}

.advertwrapper{
float:left;
}

b.pink{
color:#EC005E;
font-weight:normal;
}



/* recommended by wordpress themes
------------------------------------------------------------------*/

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}
  #3 (permalink)  
Antiguo 27/02/2010, 17:18
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Dónde está el color de fondo?

En la primera parte donde está esto:

Código CSS:
Ver original
  1. body {
  2. margin:0;
  3. padding:0;
  4. text-align:center;
  5. background:url(images/bg.gif) #eee repeat-x;
  6. font-family: Arial, Helvetica, sans-serif;
  7. font-size:12px;
  8. }

En la quinta linea tienes la imagen y el colore de fondo (#eee es el gris claro del fondo), solo tendrás que poner tu color favorito, por ejemplo te lo pongo de color blanco:

Código CSS:
Ver original
  1. body {
  2. margin:0;
  3. padding:0;
  4. text-align:center;
  5. background:url(images/bg.gif) #FFF repeat-x;
  6. font-family: Arial, Helvetica, sans-serif;
  7. font-size:12px;
  8. }

Saludos
__________________
Grupo Telegram Docker en Español
  #4 (permalink)  
Antiguo 27/02/2010, 17:29
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Dónde está el color de fondo?

¡¡¡¡Funciona perfectamente!!!!. Pues lo que es el ser un simple aficionado, llevo todo el día en casa y no era capaz de conseguirlo, primero hasta que me he dado cuenta que este archivo era el que configuraba todo, y después para llegar a esto.

Muchas gracias
  #5 (permalink)  
Antiguo 27/02/2010, 17:31
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Dónde está el color de fondo?

De nada
__________________
Grupo Telegram Docker en Español
  #6 (permalink)  
Antiguo 27/02/2010, 17:40
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Dónde está el color de fondo?

Sin querer abusar, pero necesito también cambiar el texto que está dentro de las tablas a otro color, ¿dónde lo cambio?
  #7 (permalink)  
Antiguo 27/02/2010, 17:41
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Dónde está el color de fondo?

Para que lo veas mejor http://casarurallavega.com/blog/blog/
  #8 (permalink)  
Antiguo 27/02/2010, 21:15
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Dónde está el color de fondo?

Cuales tablas???

Saludos
__________________
Grupo Telegram Docker en Español
  #9 (permalink)  
Antiguo 28/02/2010, 10:05
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Dónde está el color de fondo?

Me refiero a todas las tablas de la cabecera para abajo, la de los comentarios, y las que están en el lateral, como "sobre este blog", ultimas entradas... e incluso el texto del pie (ese que aparece en una hoja de libreta)
  #10 (permalink)  
Antiguo 28/02/2010, 10:20
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Dónde está el color de fondo?

Hola:

¿Qué tal si nos dejamos de empezar la casa por el tejado? Empieza por el XHTML y el CSS aqui: www.librosweb.es

Saludos.

  #11 (permalink)  
Antiguo 28/02/2010, 13:39
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Dónde está el color de fondo?

Tienes toda la razón del mundo, y no me importaría aprender programación, el problema es que ahora no es el momento, ahora simplemente necesito hacer unas cuantas de modificaciones (ya están casi todas) en una plantilla de Wordpress para adaptarla un poco al diseño de mi web y empezar cuanto antes, ese es el motivo de hacer una pregunta tan básica.
  #12 (permalink)  
Antiguo 28/02/2010, 14:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Dónde está el color de fondo?

Hola:

Cita:
Iniciado por Melsan Ver Mensaje
... el problema es que ahora no es el momento...
<ironia></ironia>

Saludos.


Última edición por jomaruro; 28/02/2010 a las 15:58
  #13 (permalink)  
Antiguo 28/02/2010, 15:40
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Dónde está el color de fondo?

Bueno, ojalá aprendas pronto, te ayudará bastante.

Te daré el tip que "color" es el que modifica el color del texto, tal como "color:blue" o "color:#00f". El problema sería claro, saber qué partes en específico quieres modificar, y luego cuales son las partes del código donde tendrías que poner esta línea.

Si aun no le comprendes muy bien, sería que pongas la línea en cada sección y ver que te modifica, hasta que logres tu objetivo. Posiblemente después de un rato descubras el patrón y comiences a entenderlo poco a poco. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: color, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:21.