Layouts von MermaidsHeaven


Seit 2004 existierte Mermaids Heaven schon und hier könnt ihr euch eine kleine Geschichte der Seite ansehen. Jedes Layout der Page und detaillierte dazugehörige Informationen könnt ihr hier abrufen und somit ein klein wenig in der Vergangenheit eurer Lieblingsseite umherschweifen.

MermaidsHeaven wurde bis zur Integrierung in MermaidMelody.Info von Christian Berg alleine erstellt und gepflegt. Weite Infos zu im findest du HIER.

Um ein Layout in vergrößerter Ansicht sehen zu können, müsst ihr einfach nur auf das jeweilige Bild klicken.

1. Layout - 17.04.2004
Im April 2004 war es soweit und ich habe mein allererstes selbst erstelltes Layout online gebracht. Darauf war ich ganz besonders stolz, vor allem weil meine Grafik- und HTML-Grundkentnisse für ein eigenes Layout ausgereicht haben.
Vielleicht wundert ihr euch darüber, warum Mermaids Heaven am 31. August Geburtstag hat, obwohl doch dieses und auch das nachfolgende Layout vorher online waren. Das kommt daher, weil die Internetadresse für MermaidsHeaven am 31. August 2004 gekauft worden ist. Vorher erreichte man die Seite unter www.magical.visnetwork.de.
Im Header habe ich ein Bild verwendet, welches eigentlich rein gar nichts mit Mermaid Melody zu tun gehabt hat, aber das Mädchen auf dem Bild hat eine gewisse Ähnlichkeit mit Luchia gehabt und somit habe ich es dennoch verwendet. Einen Tag später, nachdem das Design online war, habe ich ein paar kleine Änderungen vorgenommen. So kam z. B. das deutsche Logo von Mermaid Melody noch mit in den Header rein.
Aufgebaut war die ganze Seite noch mit einem I-Frame, in dem der ganze Inhalt der Seite enthalten war. Die Obergruppen waren im Menü enthalten, die dazugehörigen Untergruppen wurden dann bei Klick im Updatefenster angezeigt.
2. Layout - 21.08.2004
Das 2. Layout ist vom Aufbau genau so wie das 1. Layout. Lediglich die Navigationsleisten wurden verlängert.
Um dem Namen "Mermaids Heaven" [Heaven = Himmel = (himmel)blau] etwas wahrheitsgetreuer zu werden, wollte ich ein blaues Design, welches wiederum dann aber eher im Unterwasser-Stil gehalten wurde. Außer, dass das Logo nun oben im 1. Menübalken plaziert war, hat sich gegenüber dem 1. Layout nicht all zu viel verändert.
Genau 10 Tage später, am 31. August 2004, kaufte ich die Internetadresse für MermaidsHeaven und die Seite war somit wesentlich besser erreichbar.
3. Layout - 28.11.2004
Pünktlich zum 1. Advent 2004 ging dann die Winter-Edition von Mermaids Heaven online. Ganz neu war dabei, das nun die Figuren im Header ausgeschnitten waren und keinen eigenen Hintergrund mehr hatten. So wirkte das Layout wesentlich besser als die Vorherigen. Durch die Farbwahl wurde man gut in Weihnachtsstimmung versetzt und das Design kam daher bei euch sehr gut an.
Auch hier habe ich noch mit I-Frames gearbeitet und in den Navigationsleisten waren nur die Obergruppen, wie "Anime, Media oder About" enthalten, die dazugehörigen Unterpunkte wurden dann bei Klick im Updatefenster angezeigt.
4. Layout - 07.01.2005

Für das 4. Layout habe ich mir für euch etwas ganz besonderes einfallen lassen. Da es zu dieser Zeit noch 7 Meerjungfrauen gab, habe ich 7 Layouts entwickelt, eines in der Farbe jeder Meerjungfrau. Von der Hauptseite aus konnte man auswählen, welches Layout man gerne betreten möchte.
Immer noch habe ich hier mit I-Frames gearbeitet, neu war allerdings das Menü: Die Unterpunkte zu jedem Oberpunkt waren hier nun mit eingefügt worden, wodurch das Menü wesentlich größer war und man alles auf einen Blick hatte.
Das Aktualisieren dieses Layouts war allerdings sehr erschwerlich. Immerhin musste man nicht nur eine Datei aktualisieren, sondern gleich 7 Dateien, da ja jede Datei 7x vorhanden sein musste, da jedes Layout eine andere Farbe hatte. Schnell habe ich daher beschlossen so etwas nicht wieder zu machen, was etwas Enttäuschung bei euch leider auslöste.
5. Layout - 24.04.2005
Mit dem 5. Layout begann dann die Ära der Homepagemottos. Von nun an wollte ich in jeden Header ein bestimmtes Wort oder einen bestimmten Satz einfügen, der das Layout unterstreichen soll. In diesem Fall hieß die Seite "Mermaids Heaven - romantic melody...". Leider kam dieses Layout nicht so gut bei euch an, wie ich mir erhofft hatte. Ich fand es dennoch sehr schön und finde es auch heute noch toll, aber das ist ja bekanntlich Geschmackssache.^^
Bei diesem Layout war eine Besonderheit der Übergang von Header in den Hauptteil der Seite, was ich schon immer mal machen wollte und mir recht gut gefallen hat.
Weiterhin wurde hier mit I-Frames gearbeitet, aber nun nicht mehr mit randlichen sehbaren Begrenzungen. Der Text lag nun sozusagen frei auf der Seite. Auch das Menü hatte rechts und links keine Begrenzung mehr.
Mit dem 5. Layout wurde die Breite von Mermaids Heaven auch erstmals verändert, welche für die zukünftigen Layouts beibehalten wurde. Die Seite wurde somit "schlanker" und rein optisch gesehn war es viel angenehmer, als wenn die Seite das ganze Browserfenster ausfüllt.
6. Layout - 09.08.2005
Das 6. Layout sollte wesentlich kompakter und somit übersichtlicher sein, was teils auch gut gelungen ist. Der Header ist nun wieder viereckig gestaltet und eingerahmt. Auch hier lag der Text noch frei und ohne randliche Begrenzungen herum, jedoch wurde erstmals ein klein wenig mit PHP gearbeitet und somit konnte man Kommentare zu den News abgeben und der sonst immer verwendete I-Frame wurde nie mehr genutzt.
Erstmals kamen hier spezielle Effekte hinzu. So wurde ein Mouseover-Effekt verwendet, der angezeigt wurde, wenn man über einen Link drüberfuhr. Die breite Leiste unter dem Header beinhaltete erstmal sogenannte "Quicklinks", von denen aus man schnell zu Forum, Toplist, Shop und Gästebuch gelangen konnte. Diese Buttons waren ebenfalls mit einem Hovereffekt versehen.
Ebenfalls neu war der sogenannte "untere Header", ein Bild, welches ganz am Ende der Homepage noch sichtbar war. So bekam die Page kein offenes Ende und wurde schön abgeschlossen.
Das Motto des Layouts: Mermaids Heaven - it's showtime!
7. Layout - 27.11.2005
Wie im Jahr zuvor wurde auch 2005 extra zur Weihnachtszeit ein Layout kreiert, von dessen ich leider nur noch das Headerbild habe. Aber das macht nichts, der Aufbau war genau so wie beim Layout zuvor. Es wurde lediglich ein Update vom blauen Design auf die Christmas-Version gemacht. Das Design wurde in rot-weißen Tönen gehalten, die Hoverbuttons im Quickbereich unter dem Header wurden mit neuen Bildern versehen.
Das Motto der Page: Mermaids Heaven - ...it's Christmastime!
8. Layout - 01.01.2006
Die Weihnachtszeit war vorbei und ein neues Layout musste her. Zu dieser Zeit beschloss ich offiziell immer 5 Layouts im Jahr zu machen. Eines für jede Jahreszeit plus das Weihnachtsdesign. Es kam also das Winterlayout online, welches in verschiedenen Grautönen gehalten wurde. Bis auf die Hoverbuttons unter dem Header, den Farben und dem neuen Motto "Mermaids Heaven - Let it snow!" gab es keine Änderungen zu den vorherigen Designs.
9. Layout - 26.03.2006
Und wieder wurde bei diesem Layout der Aufbau der vorherigen Designs beibehalten, lediglich die Begrenzungen von Menü und Updatefeld wurden eingefügt.
Passend zum Frühling wurden die Hoverbuttons unter dem Header mit Blumen versehen und das Layout in Grüntönen gehalten.
Das Homepagemotto war diesmal: Mermaids Heaven - Spring Festival!".
10. Layout - 03.07.2006
Mit Beginn dieses Layouts wurde ein neues Zeitalter für Mermaids Heaven geschaffen. Langsam hatte ich es satt immer den gleichen Aufbau zu verwenden und immer nur einfach die Farbe zu ändern, so wie es bei den letzten Layouts war. Etwas Neues musste her!
Lange hat es deshalb gedauert, bis das Design online kam, immerhin waren wir schon mitten im Sommer. Viele Neuerungen beinhaltete dieses Layout: viele verschiedene Header, die zufällig bei Betreten der Seite gewählt wurden, zum ersten Mal hauptsächlich reale Bilder im Header mit integriert, Menü, Werbung, Chatbox etc. wurden in eigene "Kästen" gepackt, durch neue Tabellenkenntnisse meinerseits konnte die Seite je nach Inhalt des Menüpunktes in der Länge variieren, Quickbuttons innerhalb des Headers, um Platz zu sparen, ein Willkommenstext für neue Besucher.
Dieses Design wurde wesentlich professioneller gestaltet und daher kam es bei euch überaus gut an, was mich ntürlich sehr gefreut hat.
Dank ein paar PHP-Kenntnissen wurde dieses Design auch benutzerfreundlicher.
Das Homepagemotto: Mermaids Heaven - summertime.
11. Layout - 01.10.2006
Irgendwann musste auch das Sommerdesign von der Bildfläche verschwinden und Platz für die neue Jahreszeit, den Herbst, machen. Braune Töne wurden dafür verwendet und erstmals wurde das Menü nicht nur mit einer Farbe, sonder mit einem Bild hinterlegt. Der Aufbau ansich ist gleich geblieben gegenüber dem letzten Design. Leider konnte die Funktion mit mehreren Headern nicht wieder realisiert werden, da ich keine allzu passenden Bilder mehr verfügbar hatte. Ganz neu bei diesem Header sind jedoch 2 Dinge: Einmal die Tatsache, das nicht wieder die Meerjungfrauen darauf abgebildet sind, wie es sonst immer der Fall war, sondern einmal eine andere Person, nämlich Kaito. Und zweitens wurde erstmals eine Mangazeichnung verwendet, vorher waren es immer nur Zeichnungen im Stil des Animes von Mermaid Melody.
Wie auch beim Sommerlayout zuvor wurden wieder reale Bilder mehrfach in den Header eingefügt, um die Seite lebendiger zu gestalten.
Das Motto lautete dieses Mal: Mermaids Heaven - Your colorworld.
12. Layout - 30.11.2006
Pünktlich zum Beginn der Weihnachtszeit kam das 12. Layout online, dessen Farbkombination sich aus einem hellblauem Hintergrund und Rottönen im Vordergrund zusammensetzte.
Der Header hat mir persönlich dieses Jahr sehr gut gefallen, da er genau den Glanz ausstrahlte, der an Weihnachten so üblich ist.
Das Motto des Layouts: Mermaids Heaven - Wishes come true.
13. Layout - 01.01.2007
Das 1. 2007er-Layout wurde natürlich wieder ganz im Winterstil gehalten und mit eisigen Grau- und Blautönen geschmückt.
Eine Neuerung gegenüber der älteren Layouts war diesmal der Glaseffekt, den man im Header am unteren Balken erkennen kann. So wurde dem Winterdesign noch mehr Eleganz und Frostiges hinzugefügt. Außerdem wurden erstmals alle Titelbalken mit einem Hintergrund versehen.
Das diesjährige Motto lautete: Mermaids Heaven - Winter Wonderland.
14. Layout - 02.04.2007
Im April 2007 kam die Frühlingsedition von Mermaids Heaven online, welche wieder in Grüntönen gehalten wurde.
Auch hier wurde wieder der Glaseffekt im Header am unteren Balken verwendet und die einzelnen Titelbalken wurden mit einem Hintergrund versehen.
Interessant diesmal war, dass die großen Bereiche "Chat, Topliste, Shop und Forum" im Header mehr denn je integriert waren. Sonst waren sie immer etwas kleiner und am unteren Rand "versteckt". Nun aber haben sie sich über die komplette Höhe des Header erstreckt und beim Drüberfahren über einen der Bereiche wurde der ganze gelbe Balken mit einer anderen Farbe versehen.
Der Bereich "Vote 4 Me" wurde in diesem Design komplett abgeschafft.
Das Motto diesmal hieß: Mermaids Heaven - The Green Generation.
15. Layout - 30.07.2007
Lange hat es diesmal wieder gedauert bis das Sommerdesign online kam. Aber dies war auch berechtigt. Immerhin fand eine komplette Umgestaltung statt und es wurde wieder ein nagelneues Layout kreiert.

Da im Sommer 2007 knallige und bunte Farben angesagt waren, wollte ich dem Trend folgen und habe eine knallige Mermaids Heaven Edition erschaffen. Die Kombination Grün und Rosa war da mal was ganz anderes und zum Header hat es meiner Meinung nach sehr gut gepasst.
Neuerungen waren natürlich wieder einige vertreten. Der Header hörte nun links und rechts nicht einfach mit einem geraden Rand auf, sondern es wurden Elemente eingefügt, die dem Header etwas lebendigeres verschafft haben. Über dem Header gab es nun erstmals eine Suchfunktion von Google.de mit der man im Inhalt von Mermaids Heaven recherchieren konnte. Rechts davon gab es die sogenannten "Quicklinks", welche vier Bereiche zeigten, die somit schnell und einfach erreicht werden konnten.
Das Werbefenster mit Werbebannern verschwand komplett, um mehr Platz zu erreichen.
Das Sommermotto war diesmal: Mermaids Heaven - Summer Fever.
16. Layout - September 2007
Im Herbst habe ich mich wieder auf braune Farbtöne spezialisiert und den Header mit einem sehr schönen Bild von Lina geschmückt.

Das Motto dieses Layouts: Mermaids Heaven - Voice of Wind
16. Layout - Dezember 2007
Das Weihnachtslayout wurde erstmals in hellen Tönen gehalten, weswegen die Farbe "Weiß" das Ganze sehr elegant wirken ließ.
Aqua Regina passte hervorragend zu diesem Stil und hatte ihr erstes Solo auf dem Header-Bild.

Das Weihnachtsmotto lautete in diesem Jahr: Mermaids Heaven - Light of Christmas
18. Layout - 13.01.2008
Das Winterdesign hat mir persönlich wieder sehr gut gefallen, da die frostigen Farbtöne sehr schön zur Geltung kamen und ich den Glaseffekt vom letzten Jahr erneut im Header anwenden konnte.

Das Wintermotto 2008: Mermaids Heaven - Melody of Ice
19. Layout - 31.03.2008
Mit Einbruch des Frühlings konnte man wieder draußen viele Farben bestaunen, weswegen ich in diesem Jahr den Header wieder schön bunt haben wollte. Erstmals waren Arara und Puru-chan auf dem Header, der sehr quirlig gestaltet war und somit gut zur Jahreszeit gepasst hat.
Außerdem feierte Mermaids Heaven mit diesem Layout die stolze Besucherzahl von 1 Million! Ein absolutes Highlight also prägt dieses Frühlingsdesign.

Das Motto war diesmal: Mermaids Heaven - Suddenly Spring
20. Layout - 14.07.2008
Sonne, Eis und Meer! Das verkörpert den Sommer und so wollte ich wieder für eine kleine Erfrischung sorgen und das Sommerlayout in wasserfarbenen Tönen halten. Die Bikini-Bilder unserer Meerjungfrauen passten hier erneut sehr gut.

Das Sommermotto 2008 wurde sehr einfach, dafür aber eindeutig formuliert: Mermaids Heaven - Sunshine
21. Layout - 08.11.2008
Nach dem Sommerdesign verspürte ich die Lust ein komplett neues Layout wieder zu kreieren und den Aufbau abzuändern. So wurde Mermaids Heaven erstmals von den eckigen Kanten erlöst und bekam seine ersten Rundungen. Der Header wurde ja schon in den vorherigen Layouts mit externen Links versehen, die euch z. B. zur Topliste geführt haben, aber diesmal wollte ich noch mehr integrieren, um Platz zu schaffen und die Seite kompakter zu gestalten. So rutschte das News-Fenster ganz nach oben und war deutlich besser erkennbar.

Mermaids Heaven - The New Edition war das Motto dieses Layouts.
22. Layout - 11.05.2009
Dies ist das letzte Layout von MermaidsHeaven, welches über 3 Jahre bis zur Integrierung in MermaidMelody.info online blieb.