Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje13-03-2012, 13:41 (UTC)    
Título del mensaje: cambiar fonde de pagina

Saludos a todos.

Deseo cambiar el color de fondo de mi página y lo intenté colocando el siguiente código hallado aquí en el foro.
Lo coloqué en texto por encima de pagina con la respectiva url


<style type="text/css">
background-image:url(URL DEL FONDO)
</style>


Pero no resultó ningún cambio, por lo que creo(no se y no estoy muy seguro) pero creo que para cambiar el color de fondo debo hacerlo cambiando la imagen en el diseño css code style tags

Si es así, les agradezco mucho me hagan el favor y me digan ¿Cuál es la parte que debo cambiar en él?

Este es el codigo de css code style tags

<FRAMESET COLS="20%,*" ROWS="*">
<FRAME SRC="a.htm">
<FRAMESET ROWS=40%,*>
<FRAME SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>
</FRAMESET>






lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}


/* CSS Document */


/* General */

* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body {
height: 100%;
background-color: #454545;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
color: #005890;
text-decoration: underline;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

div.address {
background-color: #E3F4FF;
border: 1px solid #A8DCFF;
margin: 40px 10px 0 20px;
}

address {
line-height: 2;
text-align: left;
margin: 0.3em 1em;
}

.noscreen {
display: none;
}


/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Skip menu */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Images */



/* Wrapper */

#wrapper {
width: 900px;
margin: 70px auto 0 auto;
padding-bottom: 90px;
}


/* Headings, paragraphs */

h1 {
font-size: 1.8em;
color: #8DE0FF;
position: relative;
z-index: 2;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #8DE0FF;
}

h2 {
font: 1.4em Georgia, "Times New Roman", Times, serif;
color: #1473B0;
letter-spacing: 1px;
margin-bottom: 5px;
border-bottom: 1px dotted #1473B0;
padding-bottom: 3px;
}

p {
line-height: 1.7;
}


/* Header */

#header {
width: 900px;
height: 173px;
margin: 0 auto;
position: relative;
text-align: left;
}

#header p.title {
color: white;
line-height: 1.8;
position: relative;
z-index: 2;
}

#header-in {
position: absolute;
width: 900px;
height: 119px;
bottom: 0;
left: 0;
background: #005481 url(' http://img.webme.com/pic/d/denepaz/denetlog.jpg ') no-repeat 0 0;
}

#header-in p {
font: 2.1em Georgia, "Times New Roman", Times, serif;
color: white;
position: absolute;
top: 34px;
left: 175px;
letter-spacing: 1px;
}

.bar {
width: 900px;
height: 12px;
background: #2B2B2B url('') no-repeat 0 0;
}


/* Menu */

#menu {
position: absolute;
top: 20px;
right: 8px;
z-index: 3;
}

#menu li {
float: left;
display: inline;
list-style-type: none;
}

#menu li a {
float: left;
display: inline;
list-style-type: none;
text-align: center;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
background-color: #202020;
padding: 0 0.8em;
height: 31px;
line-height: 30px;
margin-left: 4px;
border-top: 3px solid black;
}

#menu li a:hover, #menu li a.active {
background-color: #0D0D0D;
color: #FFFFFF;
border-top: 3px solid #00A7ED;
text-decoration: none;
}


/* Content and columns */

.content {
width: 900px;
background-color: white;
}

.column-left {
float: left;
width: 66%;
text-align: left;
}

.column-right {
float: right;
width: 33%;
text-align: center;
}

.column-left-in {
margin: 1.3em 1em 3em 1.5em;
}

.column-right-in {
margin: 1.3em 2.8em 3em 2em;
}


/* Column right list */

.column-right ul {
margin: 10px 10px 0 20px;
list-style-type: none;
}

.column-right ul li {
display: block;
}

.column-right ul li a, .column-right ul li a:visited {
color: #3A3A3A;
font-weight: normal;
text-decoration: none;
display: block;
padding: 10px 0;
border-bottom: 1px solid #CECECE;
}

.column-right ul li a:hover, .column-right ul li a.active {
color: black;
font-weight: bold;
border-bottom: 1px solid #00A7ED;
}


/* Column left two boxes */

.box1 {
float: left;
background-color: #E3F4FF;
border: 1px solid #7EC6F6;
width: 270px;
margin: 20px 13px 0 0;
}

.box2 {
float: left;
background-color: #E6FCCB;
border: 1px solid #9ECB64;
width: 270px;
margin: 20px 0 0 0;
}

.box1-in, .box2-in {
margin: 0.4em 0.8em 1.3em 0.8em;
}

.box1 p, .box2 p {
line-height: 1.5;
}

.box1 p.more, .box2 p.more {
position: relative;
top: 6px;
left: 200px;
}

.box1 p.more a, .box1 p.more a:visited {
color: #005083;
}

.box2 p.more a, .box2 p.more a:visited {
color: #2F6900;
}


/* Footer */

#footer {
width: 900px;
height: 92px;
background: #2B2B2B url('') no-repeat 0 0;
border-bottom: 3px solid #101010;
}

#footer a:link, #footer a:visited {
color: #FFFFFF;
font-weight: normal;
}

#footer ul {
list-style-type: none;
color: #FFFFFF;
padding: 13px 0 0 10px;
text-align: left;
font-size: 0.9em;
float: left;
width: 430px;
}

#footer ul li {
float: left;
display: inline;
white-space: nowrap;
}

#footer ul li a, #footer ul li a:visited {
margin: 0 6px;
}

#footer p.cop {
font-size: 0.9em;
color: #FFFFFF;
float: right;
padding: 12px 16px 0 0;
margin: 0;
line-height: 1.6;
}


/* Mantis-a templates backlink */

p.mantis-a {
color: #C0C0C0;
font-size: 0.9em;
margin: 7px 8px 10px 0;
line-height: 1;
text-align: right;
}

p.mantis-a a, p.mantis-a a:visited {
color: #C0C0C0;
font-weight: normal;
}

p.mantis-a a:hover {
color: #FFFFFF;
}


#commercial-link, a:visited#commercial-link {
font-weight: bold;
color: #FCFCFC;
}



De antemano muchas gracias


Ultima edición por denepaz el Mar Mar 13, 2012 9:43 am; editado 1 vez
Mensaje13-03-2012, 18:17 (UTC)    
Título del mensaje:

Mensaje13-03-2012, 19:29 (UTC)    
Título del mensaje:

Hola,

No es necesario que agreges un código para cambiar el color de fondo.
En la parte del css este código.

Cita:
body {
height: 100%;
background-color: #454545;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}



Cambia lo que se encuentra en rojo.
Viene siendo el color de fondo,

para ver códigos de los colores, >> Códigos de colores <<

Saludos,
______________
Mensaje14-03-2012, 00:39 (UTC)    
Título del mensaje:

Excelente muchas gracias.

Dios les guarde
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group