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, un ligero aumento de tamaño de la imagen de cabecera de la web, y 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.

→ Negra → Negra

→

A medio camino de seguir con muchos de los cambios de la versión anterior, decidí que podría ser momento para volver a cambiar la imagen de la cabecera de la web, poniendo esta vez una mucho mayor que cualquiera de las que ha habido anteriormente. Las imágenes aleatorias que aparecían a ambos lados de la misma han sido llevadas al lado derecho, siendo también algo renovadas (en parte porque la mitad de secciones a las que referenciaban ya no existían o habían sido movidas de sitio).

Los botones mantuvieron su tamaño, forma y texto, pero eliminé por completo el hecho de que estuviesen con el tono azul y se iluminasen al pasar el ratón, quedándose como botones simples como lo habían sido antiguamente.

Negra

→

Negra

Además se agregó al menú lateral de novedades unos enlaces para poder acceder a las últimas traducciones online de los capítulos de Slayers Special y Slayers Smash, aunque esto realmente era algo que ya llevaba unos meses puesto y sin avisar.