SEDICE


Ayuda a Sedice
Necesitamos tu ayuda para mantener Sedice funcionando.
Aceptamos donativos con Paypal:

Para más información clica aquí


Conectado
Registro:

Apodo:
Contraseña:
Código de Seguridad: Codigo de Seguridad
Pon el código de seguridad:


Eres un usuario anónimo. Puedes registrarte aquí


258 conectados
258 anónimos
0 miembros

[más info sobre el foro]


Rincón del Autor
Conversa con el propio autor


NORMAS
NORMAS de comportamiento


Comentarios en leelibros
·Alexis en la ciudad sitiada
·El interviniente Petroni
·Conjurar el miedo con la palabra
·Los caminos perdidos
·El bar de los amantes pésimos

Leer más...


Google Chrome
Si usas Google Chrome, prueba el tema de Sedice


PORTADA
·blog_ Noticias CF: Fotos del GolemFest celebrado en Valencia
·blog_ Noticias CF: Portada y contenidos de la antología de cf "Efeméride"
·blog_ Noticias CF: Subasta de trajes y objetos de series de cf
·blog_Mar de tinta: Señoras que se empotraron hace mucho
·blog_ Noticias CF: Los replicantes de 'Blade Runner' protagonizan el día 29 la Noche Negra de Avilés

Leer más...

Sedice.com :: Ver tema - Imagen de fondo CSS
 FAQFAQ   BuscarBuscar   Grupos de UsuariosGrupos de Usuarios   PerfilPerfil   Entre para ver sus mensajes privadosEntre para ver sus mensajes privados   LoginLogin 

Imagen de fondo CSS

 
Publicar nuevo tema   Responder al tema    Foros de discusión -> HTML / CSS
Ver tema anterior :: Ver tema siguiente  
Autor Mensaje
Rastor
Afincado
Afincado



Registrado: Feb 14, 2005
Mensajes: 439
Ubicación: Jackson's Hole
MensajePublicado: Vie Ene 05, 2007 10:22 pm    Asunto: Imagen de fondo CSS Responder citando

Saludos, soy muy novato en estos temas y por eso cuando tengo que hacer algo tiro de manuales, pero la verdad es que no me salgo y eso que parece sencillo.
Os comento... tengo este código:

Código:
body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }


y querría poder insertar una imagen de fondo...

he leido que tendría que aplicar algo parecido a esto:

Código:
body
{
background-image: url(***.jpg);
background-color: #000000
}


pero la verdad es que no me acaba de funcionar cuando utilizo esta instrucción. Alguien me podría dar alguna idea?
Seguramente tengo que modificar algo más y no me doy cuenta. Confused
Gracias

Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email Visitar sitio web del autor Yahoo Messenger MSN Messenger
Endegal
Administrador
Administrador



Registrado: Jan 30, 2005
Mensajes: 9364
MensajePublicado: Vie Ene 05, 2007 11:15 pm    Asunto: Responder citando

En principio está bien. Lo que no entiendo son esas variables $bgcolor y demás. ¿Son variables reales o pones eso por poner algo? Lo digo por si el entorno es PHP o algo de ese estilo, porque el HTML no acepta variables.


Posibilidades para que no te vaya:

- No tienes etiqueta < body > en tu código (lo que no te iría tampoco la primera parte del codigo, o séase, el text-align, el font, etc)

- La imagen no está en el mismo directorio que el archivo de la CSS / HTML y no la encuentra.


A ver, pongo un ejemplo completo, claro y directo:

Código:

{style}
body {
background-image: url(imagen.jpg);
background-position: bottom left;
background-repeat: no repeat;
background-color:#000000;
color:#FFFFFF;
font-family:"Courier New", Courier, mono;
font-size:24px;
text-align:center;}
{/style}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TITULO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

<br>
<br>
<br>
Texto de prueba

</body>
</html>


Para eso, imagen.jpg tiene que estar en el mismo directorio que el archivo HTM.
El bottom left, la sitúa en "abajo + izquierda".

Nota: el {style} no va con llaves sino con "<>". Los sustituyo por problemas con el phpNuke al postear.

Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email MSN Messenger
Rastor
Afincado
Afincado



Registrado: Feb 14, 2005
Mensajes: 439
Ubicación: Jackson's Hole
MensajePublicado: Dom Ene 07, 2007 12:10 am    Asunto: Responder citando

Gracias Endegal Wink ... lo he hecho como has comentado y ya me ha salido después de pelearme un poco. Ya te digo que estoy un poco verde en la materia, pero sabía que tenía que salir. Very Happy Wink

Lo de las variables pues no te sabría decir, pero parece que en todo momento hace referencia a parámetros con el $ y después les da forma en cada caso. Te dejo la base con la que trabajaba para que veas y muchas gracias.

Código:
/* Variable definitions
   ====================
 
   +Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffcc"+
   +Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#cccccc"+
   +Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#3D81EE"+
   +Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#cc0000"+
   +Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#ffff66"+
   +Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600"+
   +Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#3d81ee"+
   +Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#ffcc66"+
   +Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#38B63C"+
   +Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#cc0000"+
   +Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"+
   +Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"+
   +Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal bold 287% Trebuchet, Trebuchet MS, Arial, sans-serif"+
   +Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 77% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"+
   +Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"+
*/

/* Use this with templates/template-twocol.html */ 
body {
  background:$bgcolor;
  background-image: url('...');
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color:#000000;
  margin:0;
  color:#FFFFFF;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }


Ahi va eso. jaja

Tb he cambiado los <> por ++, daba algún problema.

Gracias de nuevo. Wink

Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email Visitar sitio web del autor Yahoo Messenger MSN Messenger
Endegal
Administrador
Administrador



Registrado: Jan 30, 2005
Mensajes: 9364
MensajePublicado: Dom Ene 07, 2007 1:09 am    Asunto: Responder citando

No había visto nunca HTML/CSS con variables.

Eso parece la plantilla CSS de un blog o algo parecido. ¿Me equivoco?

Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email MSN Messenger
Rastor
Afincado
Afincado



Registrado: Feb 14, 2005
Mensajes: 439
Ubicación: Jackson's Hole
MensajePublicado: Dom Ene 07, 2007 10:33 am    Asunto: Responder citando

Si Wink es de mi Blog. Lo estoy actualizando estos días y parece que los de Blogger al pasar a su versión Beta han cambiado bastante el código que utilizan.

Todo sea dicho ahora parece mucho más flexible también.

Te dejo los frutos de lo que quería hacer con la consulta Very Happy

http://xasoto.blogspot.com/

Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email Visitar sitio web del autor Yahoo Messenger MSN Messenger
Mostrar mensajes de anteriores:   
Publicar nuevo tema   Responder al tema    Foros de discusión -> HTML / CSS Todas las horas son GMT + 1 Hora
Página 1 de 1

 
Cambiar a:  
Puede publicar nuevos temas en este foro
No puede responder a temas en este foro
No puede editar sus mensajes en este foro
No puede borrar sus mensajes en este foro
No puede votar en encuestas en este foro


Forums ©





Web site powered by PHP-Nuke

Web site engine's code is Copyright © 2003 by PHP-Nuke. All Rights Reserved. PHP-Nuke is Free Software released under the GNU/GPL license.
server load avg:0.35 / php time:45 ms