01 mayo 2008

Nuevo fondo aleatorio en el blog

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:

kaka dijo...

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

kaka dijo...

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.

ALE dijo...

Me gusta el cambio, y además la explicación más clara no puede ser.
Besos.

KIKELIN dijo...

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.

Public Enemy dijo...

Pues queda bien. La transparencia ademas n dificulta la lectura.

Jose, a secas dijo...

Está bastante bien el truco pero creo que la transparencia debería ser menor porque se hace algo dificil la lectura.

Un saludo.

Syl dijo...

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!

kaka dijo...

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).

Kiu dijo...

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 ^^

Syl dijo...

De nada Kiu! me alegra ser de ayuda :)

kaka dijo...

al final he utilizado las trasparencias con las clases que estoy definiendo en mi blog. Me estan siendo muy utiles, jeje.

:: SyLaR :: GaB :: dijo...

hola como andas???

me ha encantado como ha quedado tu blog...

muy buenas imagenes y bien hecha la parte del a resolucion....

saludos

Yara dijo...

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.

Elizabetha dijo...

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

Tsugutaku dijo...

LLevo toda la tarde buscando la forma de poner un color de fondo además del fondo aleatorio con las imágenes, ¡¡gracias!!