Danke xdave bis hierher ^____^
Mainpage:
http://dve.kilu.de/projekt/ndlz/hpskizzen/1.jpg
Mainpage:
Die Seite besteht aus 6 Bereichen und ist dynamisch.
1. Banner (Head 1):
Der Banner wird aus zwei Teilen bestehen, die den Banner vertikal spalten. Dabei ist der linke Teil statisch, der rechte Teil des Banners dynamisch. Die linke obere Ecke (0;0) des gesamten Banners im ersten Teil wird positionsmäßig fest bleiben, damit die Infoblöcke mit dem Banner am linken Rand glatt abschließen.
Der zweite Teil des Banners ist dynamisch und soll aus einer Grafik bestehen, die sich beliebig oft wiederholen kann und passend ist. Somit kann die Seite 'unendlich' breit sein.
Die Höhe des Banners beträgt
z in Pixel.
2. Mainnavileiste (Menü-Hauptpunkte, Login): Kurz: MNL
Die MNL besteht aus 3 Teilen. Ganz links sind die Menühauptpunkte wie z.B. Home, Forum, Events etc pp zu finden.
Ganz rechts der MNL befinden sich die Loginoptionen (Username, Password, Login-Button, PW-Forgotten, Registrieren). Ist man angemeldet, sollen hier die Optionen des eigenen Profiles erscheinen, wie z.B. Profil bearbeiten, Logout usw.
In der Mitte der beiden Teile befindet sich der dritte Teil, der erstmal nichts beinhalten soll. Eventuell dient dieser mal als Newsflash, o.Ä.
Die MNL reagiert auf MouseOver Events.
Die Höhe der MNL beträgt
w in Pixel.
Die Höhe
w ist verdoppelt die Höhe
z.
3. Secondarynavileiste (Menüunterpunkte): Kurz: SNL
Die SNL besteht aus einem Teil und enthält die Menüunterpunkte, wenn welche vorhanden sind. Z.B. gibt es einen Hauptmenüpunkt "Events", der sich in "CS:S Events" und in "WoW Events" aufteilt. Letztere beide sollen dann in der SNL als Option angezeigt werden. Der Anker befindet sich in dem Bereich oben links (0;0).
Für eingeloggte User gibt es als Hauptmenüpunkt "Profil bearbeiten" zu sehen, in der SNL soll dann
auf der rechten Seite bindig die Unterpunkte angezeigt werden wie z.B. "Profil" und "Gallerie".
Die SNL wird per MouseOver Event der MNL aufgerufen, ist ansonsten Hidden/invisible.
Die Höhe der SNL beträgt
w in Pixel.
Die Höhe
w ist verdoppelt die Höhe
z.
4. Infobereich (InfoBlöcke):
Hier befinden sich InfoBlöcke, die Informationen z.B. über den Teamspeak-Status, Serverstatus, aktuelle Forenbeiträge o.Ä. enthalten. Es sind beliebig viele untereinander. Nicht genutzte Blöcke sind hidden/invisible.
Die Breite des Infobereiches beträgt
z in Pixel.
5. Contentbereich(News, Ankündigungen etc.):
Was der Contentbereich beinhaltet ist denke ich jedem klar. News, Ankündigungen usw. sind dort zu finden. Die Begrenzung der Artikel beläuft sich auf ca. 10-15 Stück pro Seite. Ist im Userinterface individuell einstellbar.
Die Breite des Contentbereiches ist dynamisch.
Gezeigte Bildchen (siehe Skizze) sind erstmal optional und sind zu misachten.
6. Fooder (Links)
Der Fooder beinhaltet Links wie z.B. zum Impressum, Kontakt, Copyrights usw.
Secondarypages:
http://dve.kilu.de/projekt/ndlz/hpskizzen/2.jpg
Secondary Pages:
Diese Seite(n) besteht(/en) aus 3 Bereichen und ebenfalls ist dynamisch.
1. Banner (Head 1):
Der Banner befindet sich nun zur Linken Seite der Seite. Alles unterhalb des banners sind freie Flächen.
Die Breite des Banners entspricht
z in Pixeln.
2. Pfadbereich:
Hier wird der aktuelle Ort als Pfad angezeigt, wo man sich grad befindet. Im Forum wäre es "Home > Forum > Board > Thread".
Im Falle einer Galerie: "Home > User > Gallerieübersicht > Galleriename".
Die Höhe des Pfadbereiches beträgt
w in Pixel.
Die Breite ist dynamisch und richtet sich ggf. nach der Breite des Contentbereiches der Secondarypages.
3. Contentbereich
Ich denke, das ist wieder klar. Hier findet man die Foren-, Gallerieübersicht und ähnliches.
Die Breite ist dynamisch und richtet sich ggf. nach der Breite des Pfadbereiches der Secondarypages.
Optionales
- Kein laden zwischen den Seiten.
- dynamischer Übergang (z.B. Banner wandert vom Top fließend nach links. Ist bestimmt mit JScript lösbar, alternativ mit einzelnen Grafiken und JScript)
- random-wechselnde Hintergrundbilder nach 5 Minuten (einstellbar), optional per Mouseklick.
- bzgl Secondarypages: dynamische Breite (x) des Content- und Pfadbereiches, statische Höhe (y) mit extra Scrollbalken
---------------------------------------------------------------
AKTUELLE BILDVORSTELLUNGEN:
Das allgemeine Thema soll starke Weiblichkeit ausdrücken. Und dies nicht in Form von Pornografie oder Gewalt.
Es soll etwas ganz anderes werden als man vermutet!
Logo: (kürzel ndLz für z.B. Avatare, Spraylogos, Symbol etc.)
äußere Form: Quadratisch (d.h. es kann auch länglich sein (Hintergrund transparent), muss aber im ganzen Quadratisch sein)
äußere Größe: 1000x1000 Pixel
innere Form: frei dem Künstler überlassen, muss zum allgemeinen Thema passen
innere Größe: spollte zumindest vertikal oder horizontal die äußere Größe erreichen
Inhalt: ndLz
- Bemerkung: bitte auf Groß/Kleinschreibung achten
Style: frei dem Künstler überlassen, muss zum allgemeinem Thema passen
Schriftzug: (kompletter Name, Hintergrund transparent, für Videos, für Banner, für publizierte Screenshots, für Signaturen etc.)
äußere Form: frei dem Künstler überlassen, muss zum allgemeinen Thema passen
äußere Größe: 1980x1080 Pixel (Breite und Höhe sind hier mindestgrößen, können unabhängig voneinander skalieren)
innere Form: frei dem Künstler überlassen, muss zum allgemeinen Thema passen
innere Größe: spollte zumindest vertikal oder horizontal die äußere Größe erreichen
Inhalt: nur die Liebe zählt
- Bemerkung: bitte auf Groß/Kleinschreibung achten, schriftart/stil sollte dem vom Logo entsprechen
Style: frei dem Künstler überlassen, muss zum allgemeinem Thema passen, Hintergrund
muss transparent sein
Banner: (das Bildchen ganz oben)
äußere Form: rechteckig
äußere Größe: 1024 x ... (höhe ist offen, sollte aber nicht zu hoch sein, denn der Infobereich auf der Mainpage wird genauso breit wie die Höhe hier)
innere Form: siehe äußere Form
innere Größe: siehe äußere Größe
Inhalt - Schrift: nur die Liebe zählt
- Bemerkung: bitte auf Groß/Kleinschreibung achten, schriftart/stil sollte dem vom Logo entsprechen, sollte dem "Schriftzug" entsprechen (Copy'n'Past?)
Inhalt - Bild: frei dem Künstler überlassen, muss zum allgemeinem Thema passen
- Bemerkung: Freier Hintergrund (falls es einen gibt) muss Transparent und nicht weiß oder schwarz sein
Style: frei dem Künstler überlassen, muss zum allgemeinem Thema passen, Hintergrund
muss transparent sein
BESONDERHEIT:
Die letzten Pixel des rechten Randes des Banners
müssen beliebig oft wiederholbar sein. Dies ist wichtig für einen dynamisch langen Banner.
Bitte den wiederholbaren Bereich als extra-Bild mitliefern.
Hintergrund/Background: (es werden mehrere Gebraucht, da diese in x Sekunden wechseln)
äußere Form: richtet sich nach äußerer Größe
äußere Größe: 1980x1080 Pixel (Höhe ist hier als minimum angegeben, kann aber unabhängig skalieren)
innere Form: richtet sich nach äußerer Größe
innere Größe: richtet sich nach äußerer Größe
Inhalt: vorzugsweise Landschaften im Anime-Style (sprich gemalt)
- Bemerkung: keinen Text, vorzugsweise in der Mitte weniger Details als am Rand (besser zum lesen, kann man aber auch mit weniger Transparenten Hintergrund des Contentbereiches umgehen)
Style: frei dem Künstler überlassen, muss zum allgemeinem Thema passen, Hintergrund
muss transparent sein
---------------------------------------------------------------
So das war erstmal alles denke ich^^
LG
Nira ^_^
