Nach meinen ersten Gehversuchen habe ich nun eine private Homepage ungewohnt schnell ungesetzt. Layout und Inhalt war bereits fertig, die Umsetzung in Typo3 hat keine zwei Tage gedauert.
http://hoppel.beatz-net.de
Die Seite läuft unter der 3.8. Ich benutze (im Frontend) folgende Extensions:
css_styled_content
realurl
tt_news
ve_guestbook
Freue mich über jedes Feedback.
Vergleich zur alten Seite
http://www.hoppel-sz.de
Die alte Seite lief aufgrund der eingeschränkten Möglichkeiten des Webspaces rein auf HTML-Basis. Aufgrund dieser Freiheiten, konnte ich einige teils schicke Spielereien verwenden. Ich hoffe, dass ich einige davon im Laufe der Zeit nachbauen kann.
Das Menü auf der linken Seite war mit Flash realisiert.
Das Rootline-Menü war zusätzlich mit einem Layermenü versehen
Enthaltene Quelltexte von Skripten für ein Spiel waren ausgeblendet und konnten per Link eingeblendet werden.
Hallo,
ja da hätt ich doch glatt einen Thread übersehen :-)
das was ich ändern würde:
* a:link bitte wieder im alten orange, denn a) passt das blau nicht zum restlichen design und b) schauts einfach hässlich aus
* Navi links:
- Level1: Ist ja ganz schön und nett, dass man mit IM anscheinend auch Schatten machen kann, machts aber deutlich unleserlicher,.. da gefällts auf der alten Seite _wesentlich_ besser!
- Level2: Ich hasse grundsätzlich _alle_ hoover-Effekte, bei denen sich die Größe ändert, denn - wie auch bei dir - verschiebt sich dann zumeist was (der Zipfel rechts). Das mit dem Einrücken find ich nett, aber rechts sollts sich nicht verschieben! Zudem passt das mit der helleren Hoover-Farbe nicht zu dem dünkleren Zipfel
- Level3: link-farben? *huch*
- Level3: Die Umsetzung mit den Linien find ich sehr schön, du hast halt das Problem rechts, dass das nicht so wirklich mit dem eck der Grafik abschließt (vielleicht ists auch nicht gewollt...)
* Gästebuch:
- Ein INPUT{margin-top: 2px;} wär schön
- Die Style-Tags gehören ausgelagert (wenn mir eine Seite schon gefällt, muss ich genauer schaun *gGgg*)
* bitte bitte bitte ändern =>
- Besucherzähler im Footer, a) passt er nicht zum Design, b) ist er da irgendwie so oder so am falschen Platz... schmeiß ihn ganz raus... gibt e AWSTATS
- Footer: Bitte sag dass du das übersehen hast.. der graue Balken.. also weg damit und setz das ganze unter den gleichen Hintergrund wie das breadcrumb...vielleicht die grafik um 180° gedreht...
* Breadcrumbmenü: <sarkasmus>schön, dass du text-decoration: overline underline; entdeckt hast</sarkmus> es passt halt nicht zum restlichen Design.. raus damit. Ich würd sogar soweit gehen und hier ein none setzen, Linien hast in der Grafik schon genug
*Menü: Gehört der Haftunsauschluss zum Punkt "Kontakt"? WÜrd das alles in einen Punkt "Impressum" schmeissen und das im Footer zB verlinken
Insgesamt gefällt mir die Seite sehr gut und auch die Umsetzung schaut nicht schlecht aus :-)
Nur weiter so und schimpf dich nicht mehr Anfänger *ggg* Sig-Update notwendig! 😉
lg georg
ps: bitte nicht flash-umsetzung... das passt so schon!
Hallo Georg,
tausend Dank für Dein ausfgührliches Feedback ;-)
Ich habe nun folgendes geändert:
In den Stylesheets gibt es nun a:link mit der Farbe organge
Navi links Ebene 1 Schatten: Du hast recht, es war leicht unleserlich, ich habe den Offset nun auf 1,1 gesetzt, sieht schöner aus, als ohne, ist aber gut lesbar.
Gästebuch: Du hast recht, die Inputfelder waren leicht nach oben verschoben, mit margin-top: 2px hast Du bereits ein gutes Auge gehabt. Gefällt mir auch besser. Weiterhin habe ich die Style-Angaben ausgelagert. Du weißt, wie das ist, wenn man erst mal nur auf die schnelle testen will und es dann vergißt.
Breadcrumbmenü: Ich habe die text-decoration im hover auf none gesetzt. Es sieht gewöhnungsbedürftig aus, aber ich werde das erst mal so beibehalten und später entscheiden, ob es mir wirklich besser gefällt.
Zu Deinen anderen Anmerkungen:
Navi links Ebene 2: Die größe der Grafik bleibt gleich, lediglich das optische Erscheinungsbild verschiebt sich nach rechts, das war so gewollt. Den aufgehellten Hintergrund werde ich vermutlich füllend machen, sobald ich wieder an meinen Rechner ran kann, habe hier keine Grafikbearbeitungssoftware. Die Gestaltung ist auf dem alten Flashmenü übernommen, wo mir der Rand aufgrund des Effektes gut gefallen hat.
Navi links Ebene 3: Was genau meinst Du mit den Linkfarben??? Bei mir ist alles i.O.
Die rechte Linie war ursprünglich einen Pixel weiter rechts, aber das sah nicht so schön aus. Evtl. werde ich jeweils außen um die beiden Linien noch eine dunklere platzieren. Dann sollte es sich an die Ecke angleichen, denn darum ist auch ein dunklerer Rand.
Besucherzähler: AWStats ist bereits installiert. Mir gefällt der Counter jedoch ganz gut. Ich werde es aber auch mal ohne diesen testen.
Grauer Balken im Fuss: Dies war Absicht, es sei denn, er sieht bei Dir anders aus, als bei mir, generell habe ich die Seite aber mit allen gängigen Browsern getestet. Der Balken ist unifarben und direkt am unterem Seitenrand.
Aber ich bin ja für Neuerungen offen, ich werde mal testen, ob ich den Balken optisch noch aufbessern kann bzw. besser an das restliche Layout anpassen kann.
Haftungsausschluss: Du hast Recht, wenn man es genau nimmt, hast der Haftungsausschluss nichts mit Kontakt zu tun. Ein Impressum fehlt ebenfalls ganz. Deine Idee gefällt mir generell schon recht gut, ich werde eine Nacht drüber schlafen, ob mir evtl. noch eine andere Lösung einfällt, wo ich es platzieren könnte.
Ansonsten danke für Dein Lob.
Signatur wird geändert. ;-)
Hallo,
und weiter gehts 😉
bitte binde beim level1 auch gleich die alte schriftart oder eine andere ein... so kann das irgendwie gar nichts... da hast du eine superschöne navi und dann hast du arial (oder was sehr änliches drin... 🙁 )
level3 passt jetzt bei mir (vorher waren dort die links auch blau), mit dem orange schaut das schon viel besser aus!
breadcrumb: mir (!!) gefällts auch so noch nicht so wirklich, denn
- so hab ich ein breadcrumb noch nie gesehen: /spiele/empires-die-neuzeit/ => da bin ich auf der empires seite, aber "spiele" ist nicht unterstrichen", aber trotzdem verlinkt... da kennt man sich nicht mehr aus... sollte doch das letzte glied nicht verlinkt und folglich nicht unterstrichen sein....
- hover background => du hast da einen tollen hintergrund (streifen.gif) den verschandelst du jetzt mit dem hover...
- mag sein dass ich mich jetz mit ersterem posting widersprech, aber wie wärs mit: hover nur eine _leichte_ farbänderung?
- probier zudem mal, die zeile etwas weniger hoch zu machen
nochmals der graue balken: der ist für mich (!!) halt sehr unschön und unpassend... verwend doch auch hier das streifen.gif, viell. eben um die 180° gedreht, und auch nicht so hoch
ganz was anderes: sprache:
entscheid dich beim menü vielleicht doch für eine?
mail me => schreib mir
salzgitter news => neuigkeiten (salzgitter steht e schon in level1)
home => start
http://hoppel.beatz-net.de/kontakt/ => links sind bei mir (ff) lila => bzw überall => a:visited
noch eine auffälligkeit: du hast irgendwie noch ziemlich viele verschiedene hintergründe... links horizontal gestreift, rechts vertikal (?), im maincontent grau/schwarz, das leiste_oben/leiste_1.jpg, usw.. das würd ich vereinheitlichen bzw. wenn dann wirklich trennen in zB rundherum & inhalt, oder links & rechts...
jo das wars schon wieder 🙂 wünsch noch schönen abend!
lg georg
ps: das design gefällt jedes mal besser.. wie kommt man da nur drauf #paralyzed#
Hallo Georg,
ich hatte leider die letzten Tage nicht viel Zeit 😢 (Am Montag gehts in den Urlaub, ich muss noch ein paar Vorbereitungen treffen), wollte mich aber dennoch zu Wort melden. Ich habe mir insbesondere Deinen Rat, die Seite Haftungsausschluss nicht unter Kontakt stehen zu lassen. Die Seite ist nun in Level 1, aber direkt im HMENU per excludeUidList aus dem Menü entfernt. Dafür habe ich diesen im "grauen Balken" hinterlegt. Bitte achte noch nicht auf das Layout, es gefällt mir auch noch nicht. Die Links sollten nun auch im Firefox richtig dargestellt werden.
Die Sprachen würde ich eigentlich gern so stehen lassen, Begrifflichkeiten, wie beispielsweise "Home" oder auch News haben sich in der Onlinewelt bereits eingebürgert. Die Zielgruppe dieser Seite sind keine 60-jahrigen Personen, denen die englische Sprache meist fremd ist.
Deine anderen Vorschläge sind natürlich nicht in Vergessenheit geraten, aber ich muss teilweise erst mal in Ruhe drüber nachdenken. Auf jeden Fall danke ich Dir sehr, die Kritiken haben mir viel geholfen.
Wie man auf so ein Layout kommt? Hmm ... also es stand nur fest, es sollte ein dunkler bis schwarzer Hintergrund sein. Dann hatte der "Auftraggeber" (mein Onkel) das Bild oben in der Leiste gefunden. Es handelt sich um eine Hochofenanlage (Stahlproduktion). Daraufhin waren die Farbpalette sozusagen gesetzt. Weiterhin sollte die Seite modern aussehen, es mussten also Muster herhalten und dafür eignen sich Linien sehr gut. Der Rest ist doch nichts außergewöhnliches. Es ist nach und nach auf dem Papier entstanden. Dann habe ich es auf die wichtigsten Punkte beschränkt, die Überschriften, die Symbole für eine Aufzählung ...
Hinweis: Schade, dass man seine Beiträge nicht ändern kann, bzw. nur aktuelle. Die alte Seite ist mittlerweile mit einer Weiterleitung zur neuen versehen.
Hallo,
ja Urlaub ist was schönes - wo gehts denn hin?
Also zuerst mal zum Hinweis wegen ändern von Beiträgen: Nein das ist schon gut so, sonst bezieht man sich auf eine Antwort, der/diejenige löscht dann schnell den Beitrag oder ändert ihn und man steht dann doof da - kanns auch nicht sein 😉
Ja gefällt mir schon ganz gut so *g*
Problemseiten:
- http://hoppel.beatz-net.de/salzgitter/sehenswertes/ => mit dem Wasserburg Gebhardshagen-Link
- http://hoppel.beatz-net.de/spiele/call-of-duty/ => mit dem Rahmen rund ums Fazit
weil ja das breadcrumb rechtsbündig ist... glaubst schaut es doof aus wenn man das umgekehrt machen würd (falls das überhaupt geht) => Sehenswertes < Salzgitter < Home 😉
lg georg
ps: wer hat über nacht bei meinem bike die feder+stoßdämpfer ausgebaut
#evil# #evil# #evil# #evil#
Sicher, selbstverständlich hat jede Methode seine Vor- und Nachteile. ;-) Ich kann diesen Grund durchaus verstehen. In so manchen Foren kommt dadurch vieles durcheinander und wird unübersichtlich.
Es geht nach Bulgarien (Sonnenstrand). Zwei Wochen Party, Beachvolleyball und Cocktails.
So, nun die Problemseiten: Wasserburg-Gebhardshagen habe ich gelöst. Das andere Problem wird nicht in den Griff zu bekommen sein. Es sind per CSS formatierte <p>-Tags. Ic vermute, dass der FF diese nicht richtig interpretiert. width ist 100% und der Abstand, den die Box zu weit rechts über steht ist exakt das eingestellte padding-left.
Das breadcrumb-Menü umkehren? Hmmm ... es sieht in Deinem Posting schon komisch aus. Ich denke, es verwirrt zu sehr.
Ich habe übrigens erst jetzt gesehem. was Du damit meintest, dass die Linie ab der 3. Navigationsebene nicht mit der Ecke der Grafiken (2. Ebene) abschliesst. Ich hatte das gar nicht mit dem FF getestet, sondern achte eigentlich sehr stark auf Opera. Der FF hat scheinbar massive Probleme mit der Interpretation von Breitenangaben, wenn zusätzlich padding bzw. margin verwendet wird. Das ist nicht so schön. Dazu werde ich wohl ein wenig nachforschen müssen.
LG, Andi
P.S. Ich war an keinem Fahrrad dran ;-)
Hallo Andi,
ich hab noch was gefunden was mir nicht gefällt *träller*
http://hoppel.beatz-net.de/salzgitter/salzgitter-news/ => magst da nicht das Bildchen (small_icons/pfeil.gif) gegen ein kleineres austauschen, vielleicht sogar sowas wie in diesem thread im ersten posting?
ich wünsch viel spaß im urlaub, bei mir sind klausuren angesagt 😉
lg georg
ps: hab schon neuen dämpfer.. brave versicherung... 😉 200€ *g*