Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Imagen de fondo fija

Es probable que hayas visto ya en algunos blogs un efecto muy curioso. Se trata de la imagen de fondo, la cual permanece estática en la pantalla, de manera que las entradas y la barra lateral tiende a "ascender" mientras nos deslizamos hacia abajo, lo que llama mucho la atención.

Para realizar este truco en tu blog haz lo siguiente:


Diseño>Edición de HTML>sin expandir artilugios




Busca este bloque de CSS (suele estar al principio de la plantilla):

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

Ten en cuenta que tendrá otro aspecto pero debe comenzar por la línea body {

Una vez encontrado, busca esta línea:

background: transparent url(URL DE TU IMAGEN);

En caso de no encontrarla, insértala debajo de body { y sustituye URL DE TU IMAGEN por la dirección de tu imagen de fondo.

Una vez puesta la dirección de la imagen procederemos a incluir el valor fixed que dará este efecto estático tan atractivo al fondo, de manera que la línea de fondo quedará así:

background: transparent url(URL DE TU IMAGEN) fixed;

Si la imagen es pequeña se repetirá tantas veces como sea necesario para cubrir todo el fondo del blog.

Evitar que la imagen se repita es muy sencillo, utiliza el valor no-repeat de la siguiente forma:

background: transparent url(URL DE TU IMAGEN) fixed no-repeat;

Para terminar y ver el efecto guarda la plantilla:


Anónimo dice...

hola Jaime, leo siempre tu pagina, y veo que ayudas a todos, quiero una ayudita con mi blog, es que puse una galeria de fotos, y me salen unos bordes, y tambien sale la direccion de correo, como puedo quitarlo, la hice en picasa, si quieres mira la pagina www.uevilassarfemeni.blogspot.com, espero tu respuesta, gracias(quiero saber como usar en gatget donde dice presentacion)

shira dice...

gracias ! no me acordaba ke se ponia a dejarla fija ^^ buen blog por cierto, yo tambien estoy haciendo algo parecido pero lo mio es mas bien hacer diseño blogs webs y mas adelante foros ^^ me llama la tencion el HTML ...

Jaime Trujillo Escobedo dice...

Shira, pués es posible ;). Me alegra saber que te interesa el diseño web (¡a mi me encanta!), te deseo mucha suerte ☺.

No pude visualizar tu blog... tu perfil está deshabilitado.

Sib dice...

Jaime no me sale de ninguna manera...es posible que sea el navegador???
gracias.

Jaime Trujillo Escobedo dice...

Anónimo, ¿Dónde aparece el correo? Yo solo veo el enlace al álbum... :S.

En cuanto al borde, sólo puede solucionarse ajustando el alto y el ancho de la galería. Aquí te ajusté el ancho y el alto en relación con las fotografías:

<embed width="140" height="z163" type="application/x-shockwave-flash" flashvars="host=picasaweb.google.es&amp;hl=es&amp;feat=flashalbum&amp;RGB=0x000000&amp;feed=Feed Picasa" src="http://picasaweb.google.es/s/c/bin/slideshow.swf" style="width: 140px; height: 163px;" pluginspage="http://www.macromedia.com/go/getflashplayer"/>

El código pertenece a la galería "Femení Aleví-Benjamí Temp.09/10".

¿A qué gadget te refieres? ¿Quieres decir, el gadget Perfil?
¡Saludos!

Jaime Trujillo Escobedo dice...

Sib, el navegador no tiene nada que ver con el atributo fixed, ya que la mayoría son capaces de interpretarlo correctamente.

Pero necesito la dirección de tu blog para poder ayudarte :S.

Javier Alfaro dice...

jaime no puedo poner imagen de fondo y la necesito ayuda porf este blog es www.ninpou-minato.blogspot.com otra cosa mira mi plantilla es la sencilla y tengo una pregunta a esa plantilla no c le puede modificar el cuerpo osea darles la forma de las prediseñadas

Jaime Trujillo Escobedo dice...

Javier, al parecer ya has conseguido lo que buscabas. Ten en cuenta que este truco es para las plantillas antiguas de blogger. ¡Saludos!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo