Cuaderno de Bitácora

Blog acerca del diseño y programación de la web De Madrid al cielo.

Espero que os pueda servir de ayuda y para cualquier duda o sugerencia no dudéis en publicar un comentario.

martes, 25 de noviembre de 2008

Añadido el ranking y en busca de un visor para la galería

Ya disponemos de un ranking global sobre España y otro en particular sobre Madrid de construcciones de más de 150 metros y 100 metros respectivamente (información sacada de la wikipedia).

Para ello he utilizado listas numeradas, y en el css he creado el siguiente código:

/* Para el ranking */
#lista {
background-color: #E8E8E8; /* para el nocturno */
margin: 0;
padding-top: 0.5em; /* márgenes */
padding-left: 1.5em;
padding-bottom: 0.5em;
font-size: 100%;
color: #000000; /* letra negra */
}
Espero que os guste cómo está quedando ;-).

Y mientras estoy buscando un visor decente de imágenes... que próximamente lo añadiré y así podré dar a conocer la web en urbanity y otras webs.

Saludos,

martes, 18 de noviembre de 2008

Inauguración oficial

Acabo de subir los ficheros al servidor y ya se puede navegar por ella :).

La url es la siguiente: http://batlin.hosteando.org/tewc/index.html

Como veréis he modificado el layout (dos columnas sólo) y ya he fijado más o menos la distribución que tendrá la web.

Así mismo, ya he implementado el código necesario para los hipervínculos. Tomé como ejemplo el del diccionario visto en clase, que consta de dos archivos .js (scripts/jquery-1.2.3.pack.js y scripts/madridalcielo.js) y el código necesario en index.html (declarando las etiquetas que luego se procesan desde madridalcielo.js).

Saludos,

lunes, 17 de noviembre de 2008

Manos a la obra (durante la semana Athens)

He comenzado con el diseño nocturno tomando como layout esta url (del diurno ya me encargaré más tarde) pero ya he probado el script necesario para cambiar de estilo y funciona correctamente.

Podéis encontrarlo aquí: http://www.alistapart.com/articles/alternate/.

Por ahora hay poca cosa, ya he creado la imagen para el título nocturno y he hecho el gradiente añadiendo en el css este código:
background: url(../img/gradiente2.png) 0% 0% repeat-x; /* fondo gradiente */
Próximamente miraré el tema de los hipervínculos y la implementación de secciones de la galería de imágenes y el ranking.