NECESITO SOLUCION - EL BACKGROUND ELEJIDO NO ES EL QUE SE VE

Hola a tod@s, bueno estoy comenzando a dar los primeros pasos basicos para el uso de CSS y resulta que tengo una plantilla de una pagina que me gustó para darle forma e ir adaptandola a mis necesidades. Ademas me ahorrara muchas horas y nada como trabajar con un ejemplo de algo, echo por gente profesional para aprender de otros

El problema es que le cambio el color de fondo o le aplico una imágen pero a la hora de visualizarla en la pagina HTML ( lo que se ve en el navegador ), la imagen o el color de fondo no aparece aparece otro que no es el que deseo , no entiendo el porque

Ai alguien pudiera ayudarme le agradeceria al menos para entender que es lo que pasa y el proceso a seguir. GRACIAS de antemano por la ayuda seguramente es una tonteria pero para alguien que recien empieza es como estar perdido en el oceano

Estoy usando como editor WYSIWYG, dreamweaver 8 tanto para editar la plantilla como para visualizar el codigo de la hoja CSS o las paginas HTML.

El codigo de la hoja de estilos es el siguiente :

* {margin:0;padding:0}
html, body {height:100%}
-----------------------------------------------------------------------------------------------------------------
body {background:#161616;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.125em;color:#616161}

AQUI ES DONDE SE CAMBIA EL BACKGROUND DE TODA LA PAGINA, PERO A LA HORA DE VERLA EL COLOR #616161 NO ES EL QUE SE VE SINO UNO DIFERENTE
-----------------------------------------------------------------------------------------------------------------
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
ul, ol {list-style:none}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:90%}
/* GLOBAL */
#main {width:1000px;margin:0 auto;background:url(images/main-bg.jpg) no-repeat left top;font-size:.75em}
#header {height:420px}
#footer {height:83px;font-family:Tahoma, Geneva, sans-serif}
/* tailings */
.tail-top {background:url(images/tail-top.jpg) left top repeat-x #fff}
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x}
/* forms parameters */
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;vertical-align:middle;font-weight:normal}
/* other */
.img-indent {margin:0 20px 0 0;float:left}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:20px;
height: auto;
}
.img-box img {float:left;margin:0 20px 0 0}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:9px}
.p2 {margin-bottom:18px}
.p3 {margin-bottom:27px}
/* txt, links, lines, titles */
a {color:#c72d00;outline:none}
a:hover{text-decoration:none}
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#c72d00;font-size:28px;line-height:1.2em;font-weight:normal;margin-bottom:20px;letter-spacing:-1px}
h3 {font-size:1.1em;line-height:1.2em}
h4 {font-size:1em;margin-bottom:6px}
h4 a {color:#616161;text-decoration:none}
h4 a:hover {color:#c72d00;text-decoration:underline}
.link1 {display:block;float:right;background:url(images/link1-bg.gif) left top repeat-x;color:#c72201;text-decoration:none;position:relative}
.link1:hover {text-decoration:none}
.link1 em {display:block;background:url(images/link1-left.gif) no-repeat left top;float:left}
.link1 b {display:block;background:url(images/link1-right.gif) no-repeat right top;padding:5px 20px 5px 20px;font-style:normal;float:left}
.link1 b span {position:absolute;left:19px;top:4px;color:#fff;cursor:pointer}
.address {float:left}
.address dt {margin-bottom:16px}
.address dd {clear:both;text-align:right}
.address dd span {float:left;padding-right:25px}
/* header */
#header .row-1 {height:53px}
#header .row-1 .top-nav {float:right;padding:12px 34px 0 0}
#header .row-1 .top-nav li {display:inline;float:left}
#header .row-2 {height:308px}
#header .row-2 .indent {padding:54px 0 0 36px}
#header .row-3 {padding-left:14px}
.site-nav {background:url(images/divider.gif) no-repeat left top;width:100%;overflow:hidden}
.site-nav li {display:inline}
.site-nav li a {display:block;float:left;background:url(images/divider.gif) no-repeat right top;height:59px;line-height:59px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;padding:0 35px}
.site-nav li a:hover {color:#FFFF00}
/* content */
#content {padding:42px 35px 50px 49px}
#content .col-1 {width:556px;margin-right:60px}
#content .col-2 {width:290px}
#content .section {padding-bottom:38px}
#content .inner_copy {border:0;color:#f00;float:right;width:28%!important;margin:-123px auto 0;overflow:hidden;line-height:0;padding:0;font-size:12px}
.img-list li {width:100%;overflow:hidden;padding-bottom:2px}
.img-list li.last {padding-bottom:0}
.img-list li img {float:left;margin-right:20px}
.team-list {margin-bottom:-20px}
.team-list li {width:100%;overflow:hidden;padding-bottom:20px}
.team-list li.last {padding-bottom:0}
.team-list li img {float:left;margin-right:20px}
.articles-list {margin-bottom:-20px}
.articles-list li {width:100%;overflow:hidden;padding-bottom:20px}
.articles-list li.last {padding-bottom:0}
.articles-list li img {float:left;margin-right:19px}
.articles-list li p {margin-bottom:6px}
dl dt {font-weight:bold;margin-bottom:6px}
dl dd {margin-bottom:18px}
.list1 {padding-bottom:18px}
.list1 li {background:url(images/arrow1.gif) no-repeat left 6px;padding:0 0 0 9px;position:relative}
/* footer */
#footer .indent {padding:27px 128px 0 49px;color:#fff}
#footer img {position:relative;top:-3px}
/* forms */
#search-form {float:left;padding:16px 0 0 50px}
#search-form fieldset {border:none;color:#fff;text-transform:uppercase;font-size:.91em}
#search-form input.text {width:144px;background:url(images/input-bg.gif) left top repeat-x #fff;border:1px solid #c85504;text-transform:none;padding:1px 0 1px 3px}
#poll-form fieldset {border:none}
#poll-form label {display:block;vertical-align:top;width:100%;overflow:hidden;padding-bottom:10px}
#poll-form input.radio {width:14px;height:14px;margin-right:5px}
#contacts-form {clear:right;width:100%;overflow:hidden;width:900px}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:97px;line-height:18px;padding-bottom:6px;font-weight:bold}
#contacts-form input {width:190px;padding:1px 0 1px 3px;background:url(images/input-bg1.gif) left top repeat-x #fff;border:1px solid #929292;color:#616161;float:left}
#contacts-form textarea {width:795px;height:130px;padding:1px 0 1px 3px;background:url(images/textarea-bg.gif) left top repeat-x #fff;border:1px solid #929292;color:#616161;margin-bottom:16px;overflow:auto;float:left}

Pon la URL de la página que estás haciendo. Hay más de un color para fondo. Sin el código HTML con el que va este CSS es casi imposible saber qué está pasando, por ejemplo puede que haya un <div> que esté visualmente superpuesto al <body> y por eso no ves que el <body> cambie de color.

Perdon por la omision el link para descarga de la plantilla en cuestion es

http://www.justfreetemplates.com/preview/web-templates/1037.html

es que ya me esta dejando con los cables en cortocircuito y no me di cuenta que faltaria eso sino no hay forma de visualizar el problema jijij mil disculpas

llevo dos o 3 dias dandole vueltas y no le encuentro donde esta mi error seguramente es una tonteria que por falta de conocimientos estare pasando por alto.

Gracias nuevamente

3dison , cuando postees codigos usa las etiquetas para codigo.
a lo que se refiere DriverOp es que nos des el link de tu plantilla , no del lugar donde la bajaste, ahi no se puede revisar el contenido

Exactamente como dice Mariux, de nada nos sirve que nos digas de dónde bajaste el template; para ayudarte lo que deberías darnos es la URL de la página que estás haciendo para poder ver el problema por nosotros mismos.

mmmmm !!!! supongo que te refieres al codigo HTML. aqui dejo lo que tengo en la vista codigo del dreamweaver de la pagina HTML aunque si copias y pegas en el editor no se veran las imagenes, espero que eso no influye a la hora de inspeccionar ?

Supongo que al no tener las imagenes parte del contenido de la pag no se vera? por tanto igual no se tiene una vision general, al menos creo yo, igual la gente que sabe pasa de ver imagenes y va directo al grano analizando codigo y ya esta puede decir esto o aquello es lo que esta mal y la imagen tal o cual va asi o asa.

Código HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Home - Home Page | Fashion - Free Website Template from Templates.com </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
   <link href="ie_style.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
<!--
body {
   background-image: url(../../../Mis%20documentos/Sitio%20sin%20nombre%201/Patterns3-06.png);
   background-repeat: repeat;
}
-->
</style></head>
<body>
   <div class="tail-top">
      <div class="tail-bottom">
         <div id="main">
<!-- header -->
            <div id="header">
               <div class="row-1">
                  <ul class="top-nav">
                     <li><img alt="" src="images/icon-home.gif" /></li>
                     <li><a href="contact_us.html"><img alt="" src="images/icon-mail.gif" /></a></li>
                     <li><a href="site_map.html"><img alt="" src="images/icon-map.gif" /></a></li>
                  </ul>
              </div>
               <div class="row-2">
                  <div class="indent">
                     <img alt="" src="images/logo.jpg" />
                  </div>
               </div>
               <div class="row-3">
                  <ul class="site-nav">
                     <li><a>Home</a></li>
                     <li><a href="about_us.html">About Us</a></li>
                     <li><a href="articles.html">Articles</a></li>
                     <li><a href="contact_us.html">Contact Us</a></li>
                     <li><a href="site_map.html">Site Map</a></li>
                  </ul>
               </div>
            </div>
<!-- content -->
            <div id="content">
               <div class="wrapper">
                  <div class="col-1">
                     <div class="section">
                        <h2>Welcome to Fashion World!</h2>
                        <p>Fashion is a free websites template created by Templates.com team. This website template is opti- mized for 1024X768 screen resolution. It is also XHTML &amp; CSS valid.</p>
                        <p>The website template goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD is available for anyone without registration).</p>
                        This website template has several pages: <a href="home.html">Home</a>, <a href="about_us.html">About us</a>, <a href="articles.html">Article</a> (with <a href="article.html">Article page</a>), <a href="contact_us.html">Contact us</a> (note that contact us form – doesn’t work), <a href="site_map.html">Site Map</a>.
                     </div>
                     <h2>Recent Articles</h2>
                     <ul class="img-list">
                        <li>
                           <img alt="" src="images/img1.jpg" />
                           <h4><a href="#">Fashion and Style</a></h4>
                           At our site you will find everything that deals with fashion: fashion news, profiles of designers and models, comprehensive runway slideshows etc.
                        </li>
                        <li>
                           <img alt="" src="images/img1.jpg" />
                           <h4><a href="about_us.html">About Fashion Free Template</a></h4>
                           Free 1028X768 Optimized Website Template from Templates.com! We really hope that you like this template and will use for your websites.
                        </li>
                        <li>
                           <img alt="" src="images/img1.jpg" />
                           <h4><a href="#">Fashion Starts Here</a></h4>
                           In this sample article you will read about everything that deals with the modern fashion trends.
                        </li>
                     </ul><div class="inner_copy">More <a href="http://www.templates.com/">Website Templates</a> @ Templates.com!</div>
                  </div>
                  <div class="col-2">
                     <div class="section">
                        <h2>Latest News</h2>
                        <dl>
                           <dt>November 11, 2009</dt>
                           <dd>Lorem ipsum dolor sit amet, consectetur adipisicing dolore magna aliqua.</dd>
                           <dt>October 23, 2009</dt>
                           <dd>Duis aute irure dolor in reprehenderit in voluptate architecto beataeat nulla pariatur.</dd>
                           <dt>October 14, 2009</dt>
                           <dd>Excepteur sint occaecat cupidatat non proident, sunt laborum.</dd>
                        </dl>
                     </div>
                     <h2>Poll</h2>
                     <form id="poll-form" action="">
                        <fieldset>
                           <h4>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium?</h4>
                           <label for="name1"><input type="radio" name="name" class="radio" id="name1" checked="checked" />Nemo enim ipsam voluptatem</label>
                           <label for="name2"><input type="radio" name="name" class="radio" id="name2"/>Quia voluptas sit aspernatur aut </label>
                           <label for="name3"><input type="radio" name="name" class="radio" id="name3"/>Odit aut fugit, sed quia conseqountur</label>
                        </fieldset>
                        <div class="wrapper"><a href="#" class="link1" onclick="document.getElementById('poll-form').submit()"><em><b>Vote Now!<span>Vote Now!</span></b></em></a></div>
                     </form>
                  </div>
               </div>
            </div>
<!-- footer -->
            <div id="footer">
               <div class="indent">
                  <div class="fleft">Designed by: &nbsp;<a href="http://www.templates.com/"><img alt="website templates" title="templates.com - website templates provider" src="images/t-com_logo.gif" /></a> &nbsp;Your provider of &nbsp;<a href="http://www.templates.com/">Website Templates</a></div>
                  <div class="fright">Copyright - Type in Your Name</div>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>
</html>

Lamento molestar con tanta pregunta

Es que no he encontrado un manual mas o menos que inicie desde 0 en codigo CSS ( o HTML ) no se si funcionan igual pero al menos veo las lineas de codigos muy similares, lo que voy leyendo a veces es demasiado complejo y deberia empezar por los pasos mas sencillos y basicos para no liarla, es decir lo mejor es aprender a caminar antes de correr.

La mayoria de informacion que he ido recopilando siempre terminan por confundirme por exceso de informacion ya que a veces para los que postean, por ahi debe ser un poco aburrido ( supongo ) ponerse a explicar algo tan sencillo y basico, se da por sobreentendido que son cosas que se deben traer aprendidas.

Para algo tan basico y simple como un formulario web, asi llaman muchos en los diferentes tutoriales, no he encontrado por lo menos en cristiano un tutorial que diga los pasos a seguir desde que abro el editor creo una pag HTML y luego otra PHP, hasta que subo ambas paginas al server.

Al menos he leido 20 tutoriales diferentes y cada maestro con su librito te da la formula magica, sigues los pasos y cuando terminas subes todo y no funciona o no envia el correo o llega pero incompleto y cosas asi. Algunos ponen codigo PHP por un tubo cuando con pocas lineas de programación esta echo para un simple formulario de nombre, correo, direccion, telefono y el comentario.

A veces el nivel de complejidad es demasiado en la red. Pero en fin es lo que hay eso o ir a un curso de pago y aun asi siempre te das cuenta que lo que aprendiste no te sirve de mucho porque cuando lo dominas salio esto o lo otro mejor y lo aprendido es obsoleto.

Hice un curso de CCC de diseño web y en ninguna parte me enseñaron a confeccionar un formulario web o a realizar un carrito de compras. al menos el formulario bendita internet sacando de aqui y de alla mas o menos lo tengo. El carrito de compras es asignatura pendiente.

Nunca mejor dicho "Solo sé que no sé nada" jajaja

PD: La pagina no la tengo alojada en ningun servidor, solo la estoy trabajando en mi PC ya que luego cuando la tenga vere de contratar un hosting de pago. Se trata de una web para una pequeña tienda de un amigo al cual le estoy haciendo la pag gratis y por la patilla

Pero bueno que dios me lo pague jiijijij

bueno, empecemos por lo basico.

seguramente en la plantilla que bajaste hay un archivo que se llama style.css. Es de ahi que el html toma los estilos.

debes abrir esa hoja en dreamweaver y en body cambiarle el background.

vos lo estas poniendo al estilo en el mismo html usando lo siguiente;

Código :

<style type="text/css">

<!--

body {

   background-image: url(../../../Mis%20documentos/Sitio%20sin%20nombre%201/Patterns3-06.png);

   background-repeat: repeat;

}

-->

</style>

donde al background debes modificarlo desde el css.

por otro lado, la misma plantilla debe tener una carpeta donde aloja las imagenes llamada "images". debes alojar las nuevas imagenes alli.

y la llamas de la siguiente manera:

Código :

 background-image: url(images/Patterns3-06.png);

por otro lado, en cristalab hay mucho para apreder desde cero, y muy sencillo

revisa por aqui


saludos

E probado a cambiar en la hoja de estilos el background como me recomendaste Mariux pero nada sucede todo sigue igual, se sigue viendo del un color determinado ponga lo que le ponga.

El codigo de la hoja de estilos no se si te fijaste que esta en el primer post que habre el hilo. Algo debo estar haciendo mal seguramente y no me doy cuenta me inclino a pensar que los tiros van por donde decia DriverOp debe ser alguna capa que esta superpuesta al background o algo asi.

En fin tendre que cambiar de plantilla y usar alguna otra que se pueda adaptar mas facil una lastima ya que estaba bastante aproximada a lo que necesitaba. Eso o dejarle el fondo en el color que sale jijjiiij

A pesar de no haber podido modificar lo que deseaba, gracias por las recomendaciones y las molestias causadas.

pero subi lo que estas haciendo a algun hosting gratuito y pasanos el link

copiaste la imagen en la carpeta que te indique?

bueno ahi vamos subi todo aqui tal y como lo descargue y descomprimi

http://edison-pruebas.host56.com/home.html

la hoja de estilos es la siguiente

Código :

* {margin:0;padding:0}
html, body {height:100%}
body {background:#161616;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.125em;color:#616161}
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
ul, ol {list-style:none}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}
/* GLOBAL */
#main {width:1000px;margin:0 auto;background:url(images/main-bg.jpg) no-repeat left top;font-size:.75em}
#header {height:420px}
#footer {height:83px;font-family:Tahoma, Geneva, sans-serif}
/* tailings */
.tail-top {background:url(images/tail-top.jpg) left top repeat-x #fff}
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x}
/* forms parameters */
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;vertical-align:middle;font-weight:normal}
/* other */
.img-indent {margin:0 20px 0 0;float:left}
.img-box {width:100%;overflow:hidden;padding-bottom:20px}
.img-box img {float:left;margin:0 20px 0 0}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:9px}
.p2 {margin-bottom:18px}
.p3 {margin-bottom:27px}
/* txt, links, lines, titles */
a {color:#c72d00;outline:none}
a:hover{text-decoration:none}
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#c72d00;font-size:28px;line-height:1.2em;font-weight:normal;margin-bottom:20px;letter-spacing:-1px}
h3 {font-size:1.1em;line-height:1.2em}
h4 {font-size:1em;margin-bottom:6px}
h4 a {color:#616161;text-decoration:none}
h4 a:hover {color:#c72d00;text-decoration:underline}
.link1 {display:block;float:right;background:url(images/link1-bg.gif) left top repeat-x;color:#c72201;text-decoration:none;position:relative}
.link1:hover {text-decoration:none}
.link1 em {display:block;background:url(images/link1-left.gif) no-repeat left top;float:left}
.link1 b {display:block;background:url(images/link1-right.gif) no-repeat right top;padding:5px 20px 5px 20px;font-style:normal;float:left}
.link1 b span {position:absolute;left:19px;top:4px;color:#fff;cursor:pointer}
.address {float:left}
.address dt {margin-bottom:16px}
.address dd {clear:both;text-align:right}
.address dd span {float:left;padding-right:25px}
/* header */
#header .row-1 {height:53px}
#header .row-1 .top-nav {float:right;padding:12px 34px 0 0}
#header .row-1 .top-nav li {display:inline;float:left}
#header .row-2 {height:308px}
#header .row-2 .indent {padding:54px 0 0 36px}
#header .row-3 {padding-left:14px}
.site-nav {background:url(images/divider.gif) no-repeat left top;width:100%;overflow:hidden}
.site-nav li {display:inline}
.site-nav li a {display:block;float:left;background:url(images/divider.gif) no-repeat right top;height:59px;line-height:59px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;padding:0 35px}
.site-nav li a:hover {color:#c72d00}
/* content */
#content {padding:42px 35px 50px 49px}
#content .col-1 {width:556px;margin-right:60px}
#content .col-2 {width:290px}
#content .section {padding-bottom:38px}
#content .inner_copy {border:0;color:#f00;float:right;width:28%!important;margin:-123px auto 0;overflow:hidden;line-height:0;padding:0;font-size:12px}
.img-list li {width:100%;overflow:hidden;padding-bottom:2px}
.img-list li.last {padding-bottom:0}
.img-list li img {float:left;margin-right:20px}
.team-list {margin-bottom:-20px}
.team-list li {width:100%;overflow:hidden;padding-bottom:20px}
.team-list li.last {padding-bottom:0}
.team-list li img {float:left;margin-right:20px}
.articles-list {margin-bottom:-20px}
.articles-list li {width:100%;overflow:hidden;padding-bottom:20px}
.articles-list li.last {padding-bottom:0}
.articles-list li img {float:left;margin-right:19px}
.articles-list li p {margin-bottom:6px}
dl dt {font-weight:bold;margin-bottom:6px}
dl dd {margin-bottom:18px}
.list1 {padding-bottom:18px}
.list1 li {background:url(images/arrow1.gif) no-repeat left 6px;padding:0 0 0 9px;position:relative}
/* footer */
#footer .indent {padding:27px 128px 0 49px;color:#fff}
#footer img {position:relative;top:-3px}
/* forms */
#search-form {float:left;padding:16px 0 0 50px}
#search-form fieldset {border:none;color:#fff;text-transform:uppercase;font-size:.91em}
#search-form input.text {width:144px;background:url(images/input-bg.gif) left top repeat-x #fff;border:1px solid #c85504;text-transform:none;padding:1px 0 1px 3px}
#poll-form fieldset {border:none}
#poll-form label {display:block;vertical-align:top;width:100%;overflow:hidden;padding-bottom:10px}
#poll-form input.radio {width:14px;height:14px;margin-right:5px}
#contacts-form {clear:right;width:100%;overflow:hidden;width:900px}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:97px;line-height:18px;padding-bottom:6px;font-weight:bold}
#contacts-form input {width:190px;padding:1px 0 1px 3px;background:url(images/input-bg1.gif) left top repeat-x #fff;border:1px solid #929292;color:#616161;float:left}
#contacts-form textarea {width:795px;height:130px;padding:1px 0 1px 3px;background:url(images/textarea-bg.gif) left top repeat-x #fff;border:1px solid #929292;color:#616161;margin-bottom:16px;overflow:auto;float:left}

el problema es que deseo cambiar el color de fondo ese grisaceo por otro y no hay forma, probe a hacer lo que me explicaste poner la ruta del background nuevo ( imagen ) en la hoja de estilos y en el la hoja HTML tambien ademas de alojar la imagen que deseo sea el background en la carpeta de imagenes.

Probe a cambiar por si era una cosa de imagenes, el color del background por otro #aaaaaa ( ej cualquiera hexadecimal ) en la hoja de estilos y en el body de la pag juntos y por separado tambien

El fondo grisaceo sigue inamovible, cosa de mandinga diria martin fierro.
Y basicamente quiero que la pagina no sea mayoritariamente de color claro sino mas bien oscuro negro plano o con algun pattern que yo decida y letras blancas o grises claras segun se necesite.

Y la plantilla no se deja jijiji