Hatte ich so vorgehabt!
Außerdem kann man in GIMP per Funktion nur ovale Buttons erstellen, soweit ich weiß, aber ich kugg mir erstmal deinen Link an Danke!
Hatte ich so vorgehabt!
Außerdem kann man in GIMP per Funktion nur ovale Buttons erstellen, soweit ich weiß, aber ich kugg mir erstmal deinen Link an Danke!
Auf meiner Festplatte fliegt jetzt schon fast seit einem Jahr ein Design rum und jetzt hab ich mich endlich mal hingesetzt und daran gearbeitet. Hab meine Anfänger HTML-Kenntnisse und Dreamweaver () benutzt. Viel ist bisjetzt noch nicht fertig, nur das Design.
Hier gehts zur Homepage
Internet Explorer wird nicht unterstützt. In Firefox und Opera wird es (zumindest bei mir) richtig angezeigt~ Achja, ist meine erste Homepage, also Rücksicht nehmen.![]()
Bei mir sieht es total verschoben aus - nutzt du denn auch den aktuellsten FF?Zitat
Eine Seite nicht für den IE ansehbar zu machen ist ziemlich dumm. Der typische Surfer hat Windows mit dem vorinstallierten IE und kümmert sich einen Dreck um FF und Opera.
Im Opera ist es bei mir auch verschoben. Deswegen auch hier die Frage, welche Version du nutzt …
--
Das Ding geht aber nur mit deiner Auflösung.
Wenn du dein Browserfenster mal in der Größe änderst, wirst du merken, dass sich der Text und die Navigation plötzlich außerhalb der hierfür vorgesehenen Bereiche befinden, was an der position:absolute Eigenschaft liegt, die du benutzt. Hiermit kannst du zwar pixelgenau festlegen, wo sich ein Element befinden soll, allerdings wird es auch ganz fest dort bleiben, ohne auf eventuelle andere Elemente zu achten. Wenn du dein Hintergrundbild nun immer in der Mitte anzeigen lässt, ändert es bei der Größenänderung seine Position und es kommt zu dem Effekt.
Am geschicktesten wäre es, die Boxen für Navigation und Hintergrund als richtige Elemente auszuzeichnen und die Inhalte dort hineinzulegen. Dann wandern sie auf Wunsch auch immer in die Mitte, wenn sich das Browserfenster verändert.
Ansonsten würde ich Times New Roman aus Ästhetikgründen maximal enorm sparsam auf meiner Seite verwenden, zumal sich serifenlastige Schriften ohne Antialiasing und in kleiner Ausführung relativ schwer am Bildschirm lesen lassen.
Die Designs finde ich soweit ganz okay, allerdings sieht der blaue Hintergrund meiner Meinung nach ein bisschen zu arg nach Baby-blau aus (bin mir nicht sicher, sitze im Moment an einem recht miesen Monitor) und beim roten Hintergrund sieht man recht starke Stufeneffekte.
Eine Willkommens-Seite ist generell immer so eine Sache; ich habe irgendwann mal davon gelesen, dass sie von Surfern zu eine der 10 schlimmsten Websünden ernannt worden ist. ^^
Zumal du sie so gestaltest, dass man recht lange braucht, bis man auf die Seite kommt (Die Buttons und der erklärende Text wollen erfasst und begriffen werden, der Mauszeiger muss auf die recht kleinen Icons manövriert werden. Das hört sich im ersten Moment lächerlich an, aber für den Besucher sind die Informationen auf deiner Seite das wesentlichste. Je länger er braucht, um sie zu finden, desto weniger ansprechend wird er deine Seite finden).
Aber hey, dafür, dass es deine erste Seite ist, ist sie doch ganz okay geworden. (=
Ach verdammt, ich hab ganz vergessen dass es auch noch andere Auflösungen gibt.Danke, ich werds mir dann mal angucken.
Mit den Fonts hab ich mich noch nicht wirklich beschäftigt aber ich werde darauf achten.
Ich glaub das liegt an deinem Monitor, ich find es sieht gut aus. Also das Blau, ist wahrscheinlich Geschmackssache. Das mit den Stufeneffekt ist mir auch schon aufgefallen, bin nur noch nicht dazu gekommen es zu ändern.
Auch wieder Geschmacksache, mir gefällts so. Aber da hast du recht, ich sollte die Schrift größer machen und die Buttons auch einen tick größer.
Danke, ist halt noch im frühen Stadium.![]()
Geändert von Nharox (17.08.2008 um 17:02 Uhr)
Hallo,wollte mal meine Website zeigen...kennen dort uns persöhnlich!
ich selber gehöre nicht "direkt" zur der Schaupielergruppe,sondern
bin nur der Techniker bzw. Videoverarbeiter und wollte nun
mal wissen,wie ihr den neuen Style vom Forum
findet:
Newstyle2
WTF war so in etwa auch mein erster Gedanke von der Seite.
Eigentlich kann ich auch sonst alle Punkte unterstreichen, die Whiz-zarD schon genannt hat, aber hier mal ein paar andere Sachen:
- Schriftbild:
Da gibt es nichts schön zu reden, die Rechtschreibung ist grausam. Imo ist das ein Grund, eine Internetseite verbieten zu lassen. Das mag hart klingen, aber ich finde es immer ziemlich lächerlich, wenn eine Seite von Fehlern nur so strotzt, man präsentiert sich doch im Internet vor vielen Leuten, da muss das doch nicht sein. Ein paar Schnitzer wären ja nicht schlimm, aber das hier ist wirklich grausam.
- Frames:
Es ist ein leidiges Thema, das stimmt. Allerdings - richtig, ich bin kein Freund von Frames! - sehen sie immer mistig aus, haben weniger als halb so viel Nutzen wie Nachteile und nicht zu vergessen, sie sehen immer noch mistig aus (mehr als ein Scrollbalken für eine Bildrichtung ist imo "teh Fail!" überhaupt, vom Nerv mal abgesehen).
- Design:
Hier will ich mich sehr kurz fassen:
Mein Fall ist es nicht. Die Figuren, die um den Content rumstehen, haben mich eher dazu verleitet, zu denken, du hättest eine "Anti"-Website gebastelt (im Stile von stophiphop.com und Konsorten); ich musste jedenfalls lachen. Vorteilhaft sind die Komiker jedenfalls nicht für ein gutes Design und eine "erfolgreiche" Seite.
- Bilder:
Wenn man die Bilder im Inhalt der Seite bei einem Uploadservice wie imageshack.us hochladen muss, kann man es im Grunde auch ganz sein lassen. Vor allem, wenn man wie in deinem Beispiel die Seite kein einziges Mal in einem Stück zu Gesicht bekommt, weil ständig irgendwelche Bilder fehlen
- Frame-Weiterleitung (versteckte Weiterleitung):
Im Grunde der Tod überhaupt in Sachen Webdesign. URL-Hiding alleine wäre ja noch wirklich okay, aber diese versteckte Frame-Weiterleitung ist echt übel.
und darüber, dass ich so ein T-Shirt nicht mal für nen Haufen Geld tragen würde, sag ich an der Stelle mal nichts, es geht ja schließlich nur um die Seite :3
Geändert von Flying Sheep (19.08.2008 um 16:53 Uhr)
PM 2.0
Das Design ist ja schon bekannt, habe es vor einiger zeit schon vorgestellt. Jetzt habe ich es aktualisiert, ein paar Effekte eingebaut und zu mehr Browsern kompatibel gemacht (am besten sieht es in Firefox3 aus, aber die anderen machen auch nichts verkehrt).
Lasst euch bitte mal ein bisschen drüber aus^^
--
Die Wespe, der Fuchs und der Vogel gehen erst in die Oper und dann auf Safari. 8)
Nützliche Adressen (HTML, CSS, PHP, MySQL, Werkzeuge) für Webgestalter.
-> Übersicht meiner Artikel (HTML Strict verstehen Teil 1-8 und weitere interessante Themen).
alpha und beta: :rofl
mitaki: find das design nach wie vor sehr gut und augenfreundlich, lediglich der hintergrund stört mich etwas... genaugenommen dass der text darin in spalten geschrieben steht (oder sich lediglich ungünstig wiederholt...) sieht jedenfalls ned so pralle aus. wenn es besser "ineinander geschoben" wäre, sodass es wie ein echter natürlicher text aussehen würde, wäre es IMO viel besser.
und wieso nimmst du bei der headergrafik, wenn es schon ein text-bild sein muss, nicht svg? das würd sogar gut aussehen, wenn man es skaliert(oder genrell ein etwas höher aufgelöstes bild von besserer qualität verwenden^^)
--
cats are not characteristically disposed toward voluntary aerobic exercise
Das Shopsystem ist zwar nur zur Hälfte fertig, aber hier geht es schließlich mehr um das Design:
http://dev.perception-studios.de/farox
Happy hunting. :E
Edit: Unter "Katze" kann man sich schonmal die Artikelübersicht ansehen.![]()
Du solltest noch ein <div style="clear: both;"></div> einfügen, denn bei mir überschreitet das Menu das Ende der Seite (unter Katze).
In den Links solltest du noch das HTML-Entitie für das Ampersand-Zeichen verwenden ( & ) und einen Doctype einfügen!