Foros del Web » Creando para Internet » CSS »

Colocar una imagen de cabezera y cambiar el fondo

Estas en el tema de Colocar una imagen de cabezera y cambiar el fondo en el foro de CSS en Foros del Web. Hola, este es mi primer mensaje en el foro, ya que empezé hace pocos días a leer manuales y demás información de PHP. También he ...
  #1 (permalink)  
Antiguo 09/10/2005, 12:57
 
Fecha de Ingreso: octubre-2005
Mensajes: 63
Antigüedad: 12 años, 2 meses
Puntos: 0
Colocar una imagen de cabezera y cambiar el fondo

Hola, este es mi primer mensaje en el foro, ya que empezé hace pocos días a leer manuales y demás información de PHP. También he leido algunas FAQ del foro, y el post que contiene varios recursos con manuales, entre los que he leido el de webestilo.com (y algunos más). Dado que este manual no toca temas de "diseño" si no mas bien de como general paginas php pues he decidido escribir este post, primero para ver si alguien sabe de algun manual mas orientado a diseño como he dicho, y segundo pues si alguien puede guiarme que es lo que debería hacer. Os comento...

Tengo hace un mes un blog (wordpress) instalado en un ordenador que tengo tirado por ahí (vale, ya no!) con gentoo, apache, mysql y php4. Todo funciona perfectamente.Vale, vamos al grano: quiero modificar el tema de mi blog para ajustarlo a mis gustos, y quiero bajar un poco el texto y ponerle una imagen arriba, aparte de cambiarle el fondo. Encontré otro blog que se parece bastante a lo que tengo en mente.

No creáis que no he probado nada, al contrario, he probado mil formas de poner una imagen arriba (y para esto he creado otro blog de pruebas

Como no se muy bien que es lo que necesitais para ayudarme, os digo los archivos que tengo, y los que he editado: style.css y header.php

En el style.css cree un nuevo "objeto" (se llama asi?)

Código:
#logo {
	background: url(images/fondo.jpg) no-repeat top right;
	}
El fondo seria ESTE

Pidiendole ayuda a un amigo que sabe un poco, me dijo que utilizara el body que esta al principio:


Código:
body {
	background: #FCFEF4 url(images/bg_top.gif) repeat-x;
        position: center;
	margin: 0px 0 0px 00;
	font-family: Arial, Verdana, Helvetica;
	font-size: 76%;
	color: #3F3F3F;
        text-align: center;
	}
Reemplazando bg_top.gif por fondo.jpg el la imagen al fin aparece pero claro, me borra la otra. Podría hacerlo asi pero entonces necesitaria poner otra imagen a los costados izquierdo y derecho del blog para volver a tener el "fondo verde con rayitas" por decirlo asi (que es parte del bg_top.gif)

En el archivo header.php agregé lo siguiente:
He probado con una tabla, y sin ella, y solo consigo ver el nombre del blog, pero nada de la imagen de fondo

Código:
<table cellpadding="0" celspacing="0">
   <tr>
       <td background="http://83.165.249.81/test/wp-content/themes/greenmarinee/images/fondo.jpg"   style="background-repeat: norepeat witdh="100%" height="136" >
            <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
       </td>
   </tr>
</table

Perdonar todo este rollo, es que como ya os abreis dado cuenta no se nada de php y quería explicarlo de la mejor forma posible. Si necesitais algun dato más, perdirlo, y gracias por vuestro tiempo

salu2!!

Última edición por DDrDark; 09/10/2005 a las 13:05
  #2 (permalink)  
Antiguo 09/10/2005, 13:10
 
Fecha de Ingreso: octubre-2005
Mensajes: 63
Antigüedad: 12 años, 2 meses
Puntos: 0
Vuelvo a postear para ver si puedo simplificar el problema. He editado en el archivo style.css el body para que cargue la imagen fondo.jpg:

Código:
body {
	background: #FCFEF4 url(images/fondo.jpg) no-repeat;
	position: center;
	margin: 0px 0 0px 00;
	font-family: Arial, Verdana, Helvetica;
	font-size: 76%;
	color: #3F3F3F;
        text-align: center;
	}
Como vereis, la imagen pese a tener la opcion position: center sale pegada al borde izquierdo, voy a tocar el margin aver si es de eso.

Entonces ahora basicamente, luego de alinear la imagen de cabezera, lo que me gustaria es ponerle una imagen de fondo desde arriba hasta abajo de la página.
  #3 (permalink)  
Antiguo 09/10/2005, 14:32
 
Fecha de Ingreso: octubre-2005
Mensajes: 63
Antigüedad: 12 años, 2 meses
Puntos: 0
Vale, al final lo he solucionado usando la otra web como ejemplo, ahora ya solo queda cambiar imagenes y fondo :)
  #4 (permalink)  
Antiguo 09/10/2005, 14:32
Avatar de Vaalegk  
Fecha de Ingreso: abril-2005
Mensajes: 154
Antigüedad: 12 años, 8 meses
Puntos: 2
la verdad no creo que esto tenga que ver con PHP es mas CSS pero si quieres que la img salga en el centro es.
background-position:center;

con lo demas al poner en el body el background esa es tu imagen de fondo asi que no comprendo muy bien el punto de: "lo que me gustaria es ponerle una imagen de fondo desde arriba hasta abajo de la página".
  #5 (permalink)  
Antiguo 09/10/2005, 17:07
Avatar de jam1138
/** @package Moderador */
 
Fecha de Ingreso: julio-2004
Ubicación: sèveR led onieR lE
Mensajes: 9.368
Antigüedad: 13 años, 4 meses
Puntos: 101
Cita:
Iniciado por DDrDark
este manual no toca temas de "diseño" si no mas bien de como general paginas php
... porque PHP no tiene nada que ver con cuestiones de diseño y/o el comportamiento de una página una vez entregada... solo se encarga de generar código (HTML, CSS, JavaScript, etc, etc, etc.), el funcionamiento del mismo es totalmente independiente.

Tema movido a el foro de CSS. Un saludo y bienvenido a el foro!
__________________
٩(͡๏̯͡๏)۶
» Cómo hacer preguntas de manera inteligente «

"100 años después, la revolución no es con armas, es intelectual y digital"
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 12:20.