queen of stone

Esta se trata de una de esas pocas veces en las que algo sale exactamente como esperaba. Estaba buscando alguna imagen interesante para utilizar como ilustración para una layout cuando me tropecé con este dibujo (artwork del videojuego Lineage II: The Chaotic Chronicle) que enseguida llamó mi atención. Me gustan los dibujos de estética goth, así que no iba a pasar éste por alto.
Lo primero que hice fue proyectar la forma que tendría la layout para que siguiese las lineas y la estética del dibujo. Esbozar el diseño en un papel me llevó unos pocos minutos; llevar el diseño a la práctica... bueno, eso me costó algo más. Sin embargo, finalmente pude obtener lo que quería.

Los amantes de los colores brillantes y los efectos especiales encontrarán esta layout, probablemente, bastante sosa e incluso fea. Supe desde el primer momento que me arriesgaba a eso, puesto que la paleta de colores elegida no es precisamente llamativa. Con todo, estoy contento con el resultado. Más debido a haber conseguido plasmar mi proyecto en su totalidad que al mayor o menor acierto del mismo.

sobre la layout

Este diseño está codificado esencialmente en tablas, aunque también utiliza div-layers. Responde al esquema tradicional de un cuerpo central con dos columnas laterales.
Está pensado para una resolución de pantalla de 800 x 600 pixels en adelante.

En la parte superior, junto al dibujo, hay posicionado un div-layer en el que pueden ser mostrados los enlaces principales o cualquier otra clase de información. Sin embargo hay que tener en cuenta que, dependiendo de la extensión de la información aquí introducida, podrá producirse un scroll vertical en esta zona. Estéticamente no es ningún problema de todos modos. Además, en caso de que no se necesite, basta con borrar este layer o no poner nada en él.

Preferí no incrustar ningún título en la imágen para que el diseño sea más funcional y personalizable. Incluso puede ponerse un título propio en el div-layer al que hacía referencia antes.

En el código fuente he acotado convenientemente las diferentes secciones para tratar de evitar confusiones, pero de todas formas es preferible tener algunos conocimientos de HTML y CSS para poder editar la layout sin problemas.

créditos

Por favor, si utilizas esta layout proporciona la siguiente información en algún lugar visible:

extras

Además de los adornos de las columnas laterales, como añadido, un avatar de 100 x 100 pixels.