Bandsite Shizuka

[rina]

Hallo zusammen!

Ich würde mich über Kritik zu meiner Bandsite sehr freuen.

http://www.shizuka.eu

Leider bin ich mit CSS nicht so toll, wie ich's gerne wäre... Deshalb habe ich es zum verrecken nicht hinbekommen, dass die Seite auch mit dem Internet Explorer anständig funktioniert.

Danke im Vorraus,

Rina

[LuphiSoft]

Ist ganz ok die Seite, aber ich finde die Grafiken nicht so besonders, da sie erst im Hover-Event klar und deutlich dargestellt werden. (das unscharfe mag ich nicht so)

Aber ansonsten wie gesagt ganz ok!

[rina]

ich finde die Grafiken nicht so besonders, da sie erst im Hover-Event klar und deutlich dargestellt werden.

Danke für den Hinweis. Ich habe das jetzt erstmal umgetauscht, ich werde die Buttons aber nochmal überarbeiten. Findest du die Seite generell zu groß? Die Buttons, den Text, das Logo, usw.

Findest du auch das Logo unscharf?

[LuphiSoft]

Zur Enterpage:

Der Rahmen des Enterbildes ist sehr schön gemacht auch der Hintergrund mit dem Chinesischen Schriftzeichen.
Das Logo "Shizuka" hat aussenherum eine dünne pixelige rote Kontur und wirkt dadurch finde ich ein wenig "angefressen".
Die Schrift könnte man auch ausstauschen: Ich geb dir mal eine super Seite zum Thema Fonts (Schriftarten) http://www.dafont.com, wenn du Probleme beim Einbinden dieser Schriftarten hast, sag es ruhig, ich erkläre es dir.

Zur eigentlichen Page der Band:

Ich würde das ganze Layout zentrieren. Der Rahmen perfekt! Zu den Buttons oben, wie oben genannt passt mir dieser unscharfe Effekt nicht so. Das Logo hat so einen pixeligen Schlagschatten, das kommt warscheinlich davon, weil es im .gif Format abgespeichert wurde. Versuche mal .png oder .jpg zu benutzen, ich bevorzuge .png
Den Impressumsverweis würde ich noch in den Rahmen schreiben, dafür aber ganz unten in der mitte also sozusagen float:left mit einem großen Padding rechts, vill nicht die beste Lösung, aber ich fange gerade an CSS zu lernen.
Ansonsten der Hintergrund und News gefallen mir.
Der Rest der Page, also Guestbook, Links, Gallery etc., sind gut geworden!

Mit freundlichen Grüßen
Philipp

P.S.: Du musst es nicht genauso ändern wie ich das gesagt hab oder so, es bleibt dir überlassen! Das ist nur das was ich verändern würde.

[rina]

Das Logo "Shizuka" hat aussenherum eine dünne pixelige rote Kontur und wirkt dadurch finde ich ein wenig "angefressen".

Das 'angefressene' ist die Textur von Reispapier, die dadrunter liegt.

Die Schrift könnte man auch ausstauschen:

´

Danke für den Link, aber ich habe den Schriftzug extra selbst entworfen, damit es keine Probleme mit dem Urheberrecht gibt und natürlich auch keine anderen Leute, die die gleiche Schrift benutzen. (Sieht man immer wieder)

Ich versuche mal den Schatten anders zu gestalten, falls es unleserlich ist.

Das Logo hat so einen pixeligen Schlagschatten, das kommt warscheinlich davon, weil es im .gif Format abgespeichert wurde.

Ja, immer dieses .gif
Daher kommen auch die 'angefressenen' Menübuttons... Nur habe ich es bis jetzt mit .png nicht geschafft Transparenz zu bekommen. Kommt Zeit, kommt Rat. ^^

Den Impressumsverweis würde ich noch in den Rahmen schreiben

Gute Idee! Das habe ich gerde gemacht und es gefällt mir um einiges besser!

Mit dem testweisen zentrieren der Page und überarbeiteten Grafiken muss ich leider noch etwas warten, weil ich nicht zuhause bin und hier nur einen kleinen 15" Laptop habe.

Sobald ich an meinem Rechner bin, werde ich Deine weiteren Tipps ausprobieren und wahrscheinlich (;)) übernehmen.

Vielen Dank für Deine Anregungen!

Rina

P.S.: Schön zu wissen, dass um diese Uhrzeit noch andere Menschen wach sind und am Computer sitzen

EDIT: Gibt es einen einfachen CSS-Befehl (oder so) womit man das ganze auf Knopdruck zentrieren kann?

[LuphiSoft]

Falls du einem Div-Container als Layout benutzt hast, einfach:

Code: Alles auswählen

margin:0px auto;

In der CSS Datei des Div-Containers schreiben.

Falls mit Tabelle:

Code: Alles auswählen

<table align="center">

Und diesen Code, wie gewöhnlich in die html, oder php File schreiben

Mit freundlichen Grüßen
Philipp

P.S.: War gestern meine letzte Nacht bevor die Schule wieder weitergeht, deswegen war ich da mal wieder etwas länger wach

[Edit]
Wegen .png Transparenz, wenn du mit Photoshop arbeitest, gibt es beim abspeichern verschiedene Auswahlmodi. Einfach Datei -> Für Web speichern unter...

[rina]

Hmm...

Code: Alles auswählen

margin:0px auto;

will irgendwie nicht...

Hier ist ein Auszug von meinem Script:

Code: Alles auswählen

             position:absolute;
             top:110px;
             left:70px;
             width:850px;
             height:664px;
             z-index:3;
             opacity:0.90;
             filter:alpha(opacity=90);

Offenbar beißt sich das.

Einfach Datei -> Für Web speichern unter...

Ach dafür ist diese Funktion gut...

[LuphiSoft]

Also, ich hab das so verwendet:

Code: Alles auswählen

.layout {
border:1px solid #000000;
margin:0px auto;
width:760px;
overflow:auto;
padding:10px;
}

[mascie]

Offenbar beißt sich das.

Ganz klar:

Code: Alles auswählen

position: absolute;
margin: 0 auto;

kann gar nicht funktionieren, weil das absolut positionierte nichts um sich rum hat um einen automatischen Abstand berechnen zu können.