Llevando abierta desde comienzos de 2002, la web ha cambiado mucho a lo largo de los años. No solo por el contenido que ha tenido (que también), sino por el propio aspecto de la misma, sus formas, colores y uso de tablas, marcos, imágenes, etc. En este apartado podréis ver cómo se han ido aplicando los cambios año tras año y versión tras versión, desde sus inicios hasta la actualidad. En algunos casos, podréis pulsar sobre las imágenes para verlas a mayor tamaño.
|
|
 Conforme nos acercábamos al 9º aniversario de
la web (Marzo de 2011), pensé que ya era un buen momento
de ir preparando un nuevo diseño y cambiar la web en
líneas generales, habiendo pasado ya 3 años del último gran cambio de diseño. En principio la idea era ir preparando este cambio poco a poco y acabar presentándolo para el 10º aniversario de la web (Marzo de 2012). Pero como suele suceder, una vez acabado el diseño no podía esperar tantos meses para utilizarlo, así que se subió apenas unos pocos meses después del 9º aniversario.
De nuevo vuelve a ser un diseño
basado en el anterior, pero lo suficientemente diferente como
para que se pueda notar a simple vista, si bien los principales
cambios quedan ocultos ante todos: la desaparición del
sistema de marcos y el paso de la web de usar HTML4 a una mezcla de XHTML, HTML5 y CSS2. Manteniéndose el banner superior mayormente como adorno,
el menú pasa a encontrarse de nuevo a mano izquierda como era en los primeros diseños que tuvo la web, pero en forma de botones con imágenes como venía siendo usual desde los últimos años. Así, el resto de la web queda en la posición central. Además, a ambos lados de la imagen de la cabecera se disponían unas imágenes que iban cambiando aleatoriamente, apuntando a varias secciones de la web.
Aparte, cada sección tuvo sus propios cambios, unas manteniéndose y otras siendo modificadas en mayor o menor medida, tanto en lo que respecta a sus imágenes como a sus contenidos. De igual manera, todos los botones de la web fueron igualmente modificados para adaptarlos al nuevo diseño, y además se eliminaron las imágenes que servían a modo de cabecera de las diferentes secciones. Tanto los botones las imágenes de los resúmenes pasaron del estilo cuadrado con el borde negro y morado a un estilo más redondeado con un simple reborde blanco. Las imágenes mantuvieron su tamaño de 100x100px, mientras que los botones volvieron al tamaño anterior de 150x50px.
Desde esta versión y durante las 3 siguientes, los botones inicialmente aparecían con el mismo tono azulado del fondo de la web, "iluminándose" y tomar su color normal cuando se pasaba el ratón por encima.
 |
→ |
 |
|
|
|
Finalmente, encontré un sistema para que los diferentes navegadores identificaran los carácteres japoneses utilizando el estándar de codificación Unicode, pudiendo por fin dejar de utilizar imágenes para representarlos.
 |
→ |
炎熱鞭
|
|
| |
|
|
 Las modificaciones de estas 2 versiones comenzaron a hacerse efectivas al par de meses del 10º aniversario de la web, centrándose en un inicio en pequeños cambios hechos en los resúmenes de las novelas de todas las sagas así como en los de los mangas, principalmente en lo que a imágenes se refiere, pasando posteriormente a modificarse (de nuevo) las imágenes que ilustraban los diferentes listados de la web (personajes, objetos, hechizos, localizaciones, etc). De las que se habían estado usando hasta ahora pasaron a ser de 150x100px.
Más adelante, siguiendo en la línea de este cambio, comenzó a añadirse más información a todos los apartados de los mencionados listados, así como mejorándose poco a poco los resúmenes que se encontraban incompletos o que estuviesen anticuados. Al contrario que en las anteriores versiones estas modificaciones no se dispusieron a la vez, sino que fue una modificación gradual, en la mayoría de los casos sin anunciarlas públicamente en forma de actualizaciones, salvo que estos cambios se aplicasen a toda una sección completa. En parte de ahí que ambas versiones se pasaran muy por alto, y la decisión de cambiar la numeración fue más un capricho mío que otra cosa.
|
→ |
 |
|
| |
|
|
 En esta versión se añadieron un par de modificaciones más junto con las anteriormente mencionadas en las versiones 7.1 y 7.2, como fue incluir una sección para posibles novedades en la barra lateral y un ligero aumento de tamaño de la imagen de cabecera de la web, ensanchando la web hasta los 1400px (estando la web desde el 6º aniversario, en 2009, preparada para una resolución de 1280px), así como el recondicionamiento de determinadas secciones de la web para darles una mejor visualización.
Durante los siguientes años se hicieron otros ligeros cambios en el diseño, eliminando muchas de las tablas que rodeaban las secciones, además de empezar a incrementar nuevamente el tamaño de todas las imágenes de la web, empezando por los resúmenes y los diferentes listados, y volver a cambiar los botones de las secciones, si bien esta vez eran cambios menos distinguibles a primera vista.
Mientras que los botones mantuvieron el tamaño de 150x50px, los bordes pasaron de ser redondeados a cuadrados, y el texto de los mismos que hasta ahora estaba insertado en la propia imagen, se modificó para poder ser texto que se implementara por encima de la imagen mediante un contenedor DIV. Para las imágenes de los resúmenes se empezó a utilizar originales de mayor calidad, y pasando a ser de 200x150px.
|
|
|
→ |
 |
|
|
|
