Quiero cambiar el template de este blog, pero... Quiero poner una foto que tengo como fondo. Que sea el fondo que se vea donde en este momento se "ve verde". Es decir, arriba y en los costados.
Hasta donde veo, tendría que diseñar la foto como una camiseta para la página, dejando la zona sobre la que va a escribir (pecho) con el color o el trazado que desee.
Mejor dicho, le toca cacharriar la foto para que lo que se escriba sobre ella pueda verse bien si eso es lo que quiere, porque para lograr el fondo actual, el diseñador usa una figura cuyo centro es transparente, es un cuadrito verde a la izquierda que se une por una línea transparente a otro al lado derecho, y mediante la repetición como una costura genera el trazado actual o sea, blanco en el centro y verde a los lados.
Para que una sola foto sirva como fondo, entonces debe ajustarse al tamaño de la página, especialmente al ancho, pues a lo largo puede repetirse indefinidamente, pero si no cumple con el ancho ya le queda muy visible el remiendo.
El siguiente paso es subir la foto a una ubicación web y copiar el url, por ejemplo:
http://chandaxi.com/uploads2006/12/SS00001.jpg
digamos que entonces ya esa es su foto.
Ahora está listo para coger a machete la plantilla:
Encuentre al principio la línea que actualmente dice:
background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
Donde el url corresponda a su foto, y donde su foto cumpla con el diseño y las medidas apropiadas, entonces ya podría estarle sirviendo a sus propósitos.
Habrá quien diga: 'Qué man tan yegua! ese Chandaxi' pues entonces díganos otro método mejor que se lo vamos a agradecer sinceramente.
quiubo...no manejo tanto html pero lo que se me ocurre es que la foto de fondo que quieres la manipularas en photoshop y le dieras esa forma (lo que ahora es verde) y despues lo pusieras en la plantilla (template)al comienzo en donde dice: body { background:#DFDEDD;
ahi cambiarias el hexadecimal del color de fondo por la url o ubicacion de la foto que quisieras...
no estoy seguro pero prueba con eso...
saludos y lo espero por la cueva de El Armadillo...
Tienes que darle el comando de background a lo que esté como main, bueno así me funciona a mí. Pero bueno... sería intentarlo. Y saludos, feliz año!! Cambié de nick, ya no es Coffee Maker sino Ylvania. Saludos pues. :)
13 comentarios:
Bueno, pues mi método es el machete puro.
Hasta donde veo, tendría que diseñar la foto como una camiseta para la página, dejando la zona sobre la que va a escribir (pecho) con el color o el trazado que desee.
Mejor dicho, le toca cacharriar la foto para que lo que se escriba sobre ella pueda verse bien si eso es lo que quiere, porque para lograr el fondo actual, el diseñador usa una figura cuyo centro es transparente, es un cuadrito verde a la izquierda que se une por una línea transparente a otro al lado derecho, y mediante la repetición como una costura genera el trazado actual o sea, blanco en el centro y verde a los lados.
Para que una sola foto sirva como fondo, entonces debe ajustarse al tamaño de la página, especialmente al ancho, pues a lo largo puede repetirse indefinidamente, pero si no cumple con el ancho ya le queda muy visible el remiendo.
El siguiente paso es subir la foto a una ubicación web y copiar el url, por ejemplo:
http://chandaxi.com/uploads2006/12/SS00001.jpg
digamos que entonces ya esa es su foto.
Ahora está listo para coger a machete la plantilla:
Encuentre al principio la línea que actualmente dice:
background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
Y reemplaze que quede solo así:
background: #692 url(http://chandaxi.com/uploads2006/12/SS00001.jpg);
Donde el url corresponda a su foto, y donde su foto cumpla con el diseño y las medidas apropiadas, entonces ya podría estarle sirviendo a sus propósitos.
Habrá quien diga: 'Qué man tan yegua! ese Chandaxi' pues entonces díganos otro método mejor que se lo vamos a agradecer sinceramente.
Por ahora eso fue lo que pude machetiar...
Mmmm.. yo leo una argentina que tiene lo que describis... eso es... elsurdelsur.blogspot.com
Uff.. ni idea. Me atropella la tecnologìa!! Sorry! =0(
No tengo ni la menor idea pero en todo caso le dejo un saludo... Voy a tratar de averiguar con mi gurú informático y le cuento. Un abrazo...
quiubo...no manejo tanto html pero lo que se me ocurre es que la foto de fondo que quieres la manipularas en photoshop y le dieras esa forma (lo que ahora es verde) y despues lo pusieras en la plantilla (template)al comienzo en donde dice:
body {
background:#DFDEDD;
ahi cambiarias el hexadecimal del color de fondo por la url o ubicacion de la foto que quisieras...
no estoy seguro pero prueba con eso...
saludos y lo espero por la cueva de El Armadillo...
Tienes que darle el comando de background a lo que esté como main, bueno así me funciona a mí. Pero bueno... sería intentarlo. Y saludos, feliz año!! Cambié de nick, ya no es Coffee Maker sino Ylvania. Saludos pues. :)
Ya sabes que en estos temas soy mala mas bien..
Solo necesita un marcador verde :-)
En mi plantilla cambié el azul por una imagen que se repite y se cambia en la linea que se llama background:
background: #4386ce url(http://photos1.blogger.com/blogger/1096/2694/1600/milesdesuenos_azul4.0.jpg) right;
este... ehhhh.. me podria repetir la pregutna?
Cuando haga los cambios acuerdese de los detalles para que me los pase
Juan:
Vaya a la edición HTML de su blog y busque donde dice "body y background":
Haga el reemplazo por el background que le estoy dando .
Cambie la URL de la imagen y listo
/*
body {
background: $mainBgColor url("http://i147.photobucket.com/albums/r291/LFLG/VCF.gif") repeat;
*/
Juan: Esto es para que el background le quede fijo:
/*
body {
background: $mainBgColor url("http://i147.photobucket.com/albums/r291/LFLG/VCF.gif") fixed left top;
*/
Borre los /* */
Cuenteme como le esta yendo con esto.
Publicar un comentario