Como ya estaba un poco aburrida de ver siempre el mismo fondo en mi blog, esta mañana decidí cambiarlo y ponerle un fondo de l'Eixample (Ensanche) de mi ciudad, Barcelona. Pero por la tarde, pensé, ¿y porque conformarse con uno? Así que le he puesto 5 fondos aleatorios, que cambian cada vez que se refresca la página.
Esto lo he hecho con este código sacado de Informática Esencial.
Hay que colocarlo entre <head> y </head>
El numero de imagenes que pongas, tienes que modificarlo en 10*Math.random, contando el 0 como el primero.
<script type="text/javascript">
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background: #000000 url("' + banner[random] + '") no-repeat center top; background-attachment:fixed;');
document.write(" }");
document.write("</style>");
</script>
También le he puesto un poco de transparencia al cuerpo del blog, agregando una linea de codigo al final de cada parte; main wraper, sidebar, new sidebar y footer. Gracias a La Blogueria!
#main-wrapper {
line-height: 1.4;
float: left;
padding: 10px 10px;
border: solid 2px #045494;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #e0eff9;
width: 410px;
margin-left: 5px;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
Hay que cambiar el valor de 0.9, a menor valor, más transparente se ve.
Y por último, para poder poner estos códigos en la entrada, los he cambiado a texto plano con esta pagina.
¿Que os parece el resultado?
15 comentarios:
el fondo que me ha tocado es un bicing, creo que el de que esta cerquita del Palau del Mar, pero seguramente me equivoque porque son todos iguales y ni siquiera los he visto todos.
Está chachi, pero la transparencia hace sufrir mucho a mis ojos, yo te agradecería fuese un poquillo menos. Y esto te lo digo con todo el aprecio del mundo, que no quiero que te parezca mal mi humilde opinión.
Saluditos.
PD: voy seguir investigando que más fondos hay =P
Mi fondo favorito es del edificio de los bultos (como le llamo yo a la pedrera) de gaudí. Me ha gustado tanto que cada vez que te visita le daré al f5 hasta que salga =P.
Las fotos las has hecho tú? Son muy chachis. (Si las hiciste tú sería interesante que me narrases a que te subiste para sacar la de los tejados de BCN =D).
Re-Saluditos!
PD: bueno, respecto a lo de las transparencias que te comente antes, depende un poquillo del fondo y yo con el de la pedrera me apaño bien, así que no te preocupes. Perdona las molestias.
Me gusta el cambio, y además la explicación más clara no puede ser.
Besos.
Pues me parece muy original, además las fotos que he visto (me faltan 2), son chulísimas, aunque siendo de Barcelona, no era difícil encontrarlas.
Y además, ha sido un placer visitarte, y agradecerte los ánimos que me das.
Un beso.
Pues queda bien. La transparencia ademas n dificulta la lectura.
Está bastante bien el truco pero creo que la transparencia debería ser menor porque se hace algo dificil la lectura.
Un saludo.
Gracias a todos por vuestros comentarios! os he hecho caso y lo he puesto menos transparente, el cliente siempre tiene la razón :P A ver que tal ahora! Si no ya lo quito, porque con un punto mas (ahora esta a 0.94), ya no se aprecia nada.
He añadido mas fotos, Las Ramblas y El Edificio Forum.
Ah! para Kaka, las fotos no las he hecho yo, solo busqué en el google las que eran de tamaño extra-grande jejejeje
Un saludo a tod@s!
Me encanta como ha quedado. Además el fondo del forum convina chachi con tu plantilla (aunque mi preferido sigue siendo el edificio de los bultitos, jeje).
Yupiiiiii, al fin he podido hacerlo bien, estoy tan emocionada ^^.
Miiil gracias Syl, si no fuera por ti el blog seguiría con el mismo fondo durante siglos.
Muuuuxas Gracias ^^
De nada Kiu! me alegra ser de ayuda :)
al final he utilizado las trasparencias con las clases que estoy definiendo en mi blog. Me estan siendo muy utiles, jeje.
hola como andas???
me ha encantado como ha quedado tu blog...
muy buenas imagenes y bien hecha la parte del a resolucion....
saludos
Hola como estas, he intentado hacer lo que indicas pero nada la verdad soy nuevo en esto y no doy, será que me puedes echar una mano, tal vez me puedas enviar el HTML de tu plantilla para tomarlo de gui plis, bendiciones.
Hola, llegue aqui por el blog de kiu.Cuando tenia el antiguo y hermoso formato de mi blog( lo cambié para mi pesar)me moría por saber como hacer el fondo aleatorios...tenía unos de góticos y de pintores maravillosos para cambiar...lastima que con el nuevo formato no me sirva..de todas mareras gracias, en un futuro cercano creo que lo utilizare
Muy lindo tu blog, ojala me visites
LIZ
LLevo toda la tarde buscando la forma de poner un color de fondo además del fondo aleatorio con las imágenes, ¡¡gracias!!
Publicar un comentario