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.

Títulos de las sidebar con fondo aleatorio

Pués como dice el título, con este truco vas a conseguir que el fondo de los títulos de la sidebar (títulos de los gadgets) sea aleatorio, con la posibilidad de elegir varias imágenes de fondo.

Para insertar el truco en tu blog realiza los siguientes pasos:


Diseño>Edición de HTML>expandimos artilugios




1) Busca el siguiente bloque (si no aparece en la plantilla, ve directamente al paso 2):

.sidebar h2{
background: #ffffff url(DIRECCION FONDO) no-repeat top left;
text-align: center;
padding-top:15px;
}

Ten en cuenta que no debe ser igual a este, pero debe contener la línea que comienza por background.

Borra esta línea:

background: #ffffff url(DIRECCION FONDO) no-repeat top left;

2) Ahora busca la etiqueta </head> y encima pega este script:

<script type='text/javascript'>
//<![CDATA[
var banner= new Array()
banner[0]="FONDO 1"
banner[1]="FONDO 2"
banner[2]="FONDO 3"
var random=Math.floor(3*Math.random());
document.write("<style type='text/css'>");
document.write(".sidebar h2 {");
document.write(' background: url("' + banner[random] + '") no-repeat;');
document.write("}");
document.write("<\/style>");
//]]>
</script>

Sustituye FONDO X por la dirección de la imagen de fondo que llevará el título del gadget.

Ten en cuenta que en cada espacio (FONDO 1, FONDO 2, FONDO 3) debes incluir una dirección diferente, de manera que la imagen cambie automáticamente al actualizar el blog.

Si deseas agregar más imágenes de fondo, agrega líneas como esta, cambiando las cifras:

banner[3]="FONDO 4"
banner[4]="FONDO 5"

Por el contrario, si lo que deseas es tener simplemente dos fondos aleatorios, elimina esto:

banner[2]="FONDO 3"

Al agregar o borrar líneas para incluir imágenes de fondo, cambia el valor 3 de esta parte del script por el número de líneas que tengas en total:

var random=Math.floor(3*Math.random());

Por último Guarda la plantilla:




Si tienes problemas para realizar este truco, no olvides escribir un comentario para consultarme.

Algunas plantillas tienen nombres diferentes y sólo será necesario localizar dicho nombre para que el truco funcione a la perfección.

La Trucoteca dice...

Hola Jaime!!!
El truco es bastante útil :) aunque a mi me gusta una imagen fija simplemente :D
>>>En fin, ya te felicite por el cumpleaños del blog, y...
No me he podido resistir!!!
Abri el GIMP y te hice una nueva cabecera muy especial para el cumpleaños de tu blog.
Esta es, por si la quieres ver, y si te gusta, ponerla :D
http://img02.imagefra.me/img/img02/2/10/3/javiermedina/f_hp7q71oa1pbm_f28b315.png
La he hecho con muuuucho cariño y si quieres quitarle algo, eres libre.
Espero que la disfrutes y me respondas si te gusta :) :) y me encantaría verla en tu blog!!!
Bueno, pues eso, por aquí me pasaré los próximos días :D
Muchas felicidades y abrazos!!!!!!!!!!

Jaime Trujillo Escobedo dice...

Javier, como suelo decir habitualmente "sobre gustos no hay nada escrito".

Es cierto que el fondo resulta muy elegante con una imagen fija, pero ¿imaginas que fuese la misma imagen en varios colores? sólo es una sugerencia para el amplio mundo del diseño que podría hacer del blog un lugar más personal.

¡Me ha encantado tu regalo! no sabes cuánto me ha gustado este detalle que has tenido (y el esfuerzo que supone) ;).

La guardaré para una ocasión especial.

Abrazos para tí también.

Deybi dice...

Esto está muy interesante. Mira con el truco de fondo aletorio. Tienes muy buenas ideas, Jaime.

Jaime Trujillo Escobedo dice...

¡Como me alegra que digas eso Deybi!, anima mucho saber que al menos a alguien le gustó la idea :D.

ESTELA dice...

Jaime, queria hacerte una consulta.. pero no esta referido a este tema.
Quisiera saber si vos sabes o podes llegar a averiguarme, si puedo cambiar una plantilla de tres columnas por una de dos, manteniendo la misma plantilla... O sea, quiero quitarle una columna a mi blog, para que esa columna sea del tamaño de dos... Se puede?

Gracias anticipadas!!

Besos.

Jaime Trujillo Escobedo dice...

Lu♥, por supuesto que se puede ;), y también puedes agrandar la zona de las entradas un poquito más si lo deseas.

Aunque posteriormente explicaré la forma de ocultar / eliminar una sidebar (barra lateral), prefiero que me mandes tu plantilla por correo y así ahorramos tiempo.

Te comento que quizás no pueda responderte hasta el martes ya que mi conexión será muy limitada durante esta semana :S.

Para mandar la plantilla, ve a Diseño > Edición de HTML > expandir plantilla de artilugios y copia todo el código.
Pégalos en el bloc de notas o en un documento de word y envíalo a elbalcondejaime@hotmail.com

¡Abrazos!

ESTELA dice...

Gracias Jaime!! Ya te la envie!! Besos.

Jaime Trujillo Escobedo dice...

Lu♥, en cuanto pueda te responderé ☺.

Francisco Pose dice...

Jaime primero te felicito por tu blog y luego abusando de tu amabilidad te pregunto: ¿Como hago para que los títulos en la sidebar aparezcan dentro de una caja con las esquinas redondeadas como tú los tienes?
Saludos,
Francisco

Jaime Trujillo Escobedo dice...

Muchas gracias Francisco Pose. Es muy sencillo, de hecho ya tengo una entrada preparada explicando el truco. Pronto la publicaré ;).

¡Saludos!

El que puede dice...

hola Jaime
Soy nuevo en esto y comprenderás que llevo el síndrome de "experiméntalo todo en tu blog" sinemabrgo quisera sugerirte (perdonarás el atrevimiento) que muestres cómo se vería una vez hecho el cambio ya que no consigo interpretar bien lo que hace el truco y de otro lado no me animo a hacerlo para si no me gusta quitarlo porque se me antoja mas trabajoso.
Un abrazo y gracias.

Jaime Trujillo Escobedo dice...

El que puede, no hace falta un ejemplo ya que el truco es muy sencillo.

Verás, se trata de añadir distintas imágenes de fondo a los títulos de la sidebar (barra lateral) para que, cada vez que se entre en el blog o se "recargue" aparezca una nueva imagen.

Consiste en añadir un fondo de "varias caras" para que el blog tenga un aspecto distinto mientras se navega por su contenido.

Si necesitas ayuda para realizar cualquier cosa avísame ;).

Fuentecillas dice...

Hola Jaime.
Ando un pelín desesperada, y no lo encuentro como poner color de fondo a los títulos de los gadget. " soy muy clásica" .
Espero tus indicaciones .

Jaime Trujillo Escobedo dice...

Fuentecillas, para aplicar fondo de color al título de los gadgets añade este bloque de CSS en tu plantilla (justo antes de ]]></b:skin>)...

.sidebar h2 {
background:#F4F4F4;
padding:4px;
}

No olvides editar el código del color de fondo (#F4F4F4) usando la tabla de colores.

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