Eure Webseiten #5

**DFYX** · 20.04.2008 17:48

Zitat von dead_orc

Mich stören Seiten, bei denen man erstmal ne Sprache auswählen muss. Da präferiere ich es, wenn die Seite aus meinen mitgesendeten Headern selber entscheidet, welche Sprache für mich wohl am passensten ist und ich dann die Möglichkeit habe, diese Wahl manuell zu ändern. Das ist aber wohl Geschmackssache. Viele Leute werden da vermutlich wieder sagen, dass der Benutzer nicht bevormundet werden soll.

Die Funktion ist sogar drin, nur wollte ein gewisser Chef, dass ich trotzdem noch ne Auswahl einbau (ARGH!)

Zitat

Außerdem solltest du die Bilder der Navigation preloaden, denke ich. Mich stört es, wenn ich da auf nen Link zeige und er erstmal verschwindet. ^^

Eigentlich ne gute Idee... werd ich bei Gelegenheit einbauen.

Zitat

Und irre ich mich oder ist die Deutschland-Flagge auf der Seite selber dunkler als die Amerika-Flagge? (und warum Amerika und nicht England?

)

Die aktuell gewählte Sprache ist ausgegraut.

Zitat

Aber genug der Kritik: Das Design ist nett, und ich finde es gut, dass ihr IE6 bewusst nicht unterstützt.

(ich würde das auch gerne mal können

)

thx.

**Manni** · 21.04.2008 12:16

@Milchbox
Das Design gefällt mir gut, schön schlicht. Die HTML Umsetztung ist nicht valide und leider auch nicht eingerückt (aber solange es funktioniert *shrug*). Das Captcha ist wahrscheinlich nicht allzu sicher, falls jemand mal ein spezielles Knackprogramm dafür basteln sollte

@DFYX
Ist es Absicht, dass die News-Links oben (noch) nicht funktionieren?
Ansonsten gefällt mir die Seite gut, sie ist sauber umgesetzt, auch wenn das Design irgendwie nicht so ganz mein Fall ist.

**Milchbox** · 21.04.2008 13:31

Zitat von Manni

Die HTML Umsetztung ist nicht valide und leider auch nicht eingerückt

Jetzt schon =)

**Drakes** · 24.05.2008 20:11

Also, dann stelle ich hier mal nformer rein. Wurde dafür ja vor einiger Zeit hier ein Coder gesucht, seit dem Arbeite ich viel daran. Vor einer Woche sind wir offiziel online gegangen.

Darf ichs auch noch bei 'Eure Foren' reinstellen? xD Denn wir haben so wenige Backlinks.

**Antares** · 25.05.2008 01:13

Zitat von Drakes

Also, dann stelle ich hier mal nformer rein. Wurde dafür ja vor einiger Zeit hier ein Coder gesucht, seit dem Arbeite ich viel daran. Vor einer Woche sind wir offiziel online gegangen.

Darf ichs auch noch bei 'Eure Foren' reinstellen? xD Denn wir haben so wenige Backlinks.

Hm, nette Seite soweit, nur was mir überhaupt nicht gefällt, ist der Header, sowie unterstehende Links.
Sieh mal, das Design ist in Blau/weiß gehalten und eben diese Elemente fehlen im Logo komplett. Du solltest nicht einfach ein Bild aus Okami benutzen, sondern ein eigenes Logo basteln, am besten eins, welches die beiden Farben enthält.
Die Links darunter passen auch nicht, den rechts davon bleibt ein unnötiger weißer Bereich, was nicht gut aussieht.
Also, bis auf den Header gefällt mir die Seite recht gut.

**Flying Sheep** · 18.06.2008 00:15

Soho, meine Seite gönnt sich seit heute auch mal wieder ein komplett neues Design:

http://dueltower.rpg-atelier.net

Es ist (noch) nicht valide, aber für mehr hatte ich heute einfach keine Lust mehr. In Firefox 3, Opera 9 und IE7 sieht es ganz normal aus, auch bei Größenänderung des Browserfensters.

Im Gegensatz zum letzten Design (Augenkrebsblau auf schwarz), wollte ich das ganze diesmal eher dezent im grauen Bereich halten. Beim Übergang der Headnavi ist noch ein Pixelfehler, den werd ich aber auch erst am Wochenende beheben, denk ich.

Lynch · 18.06.2008 09:13

Link entfernt

Forenverband und so. Bietet halt alles was man will, von dem tollen Adventure-Inn von Dennis bis hin zum RM-Zirkel von Tiro, malu und mir. Einfach mal reinschauen und anmelden, wenns gefaellt.

Edit:
Werbung ist hier nicht erwünscht. Eigene Foren gehören in diesen Thread. In diesem Thread hier geht es um selbst erstellte Seiten und Kritik dazu.

**Mad** · 20.06.2008 16:49

Zitat von Flying Sheep

Soho, meine Seite gönnt sich seit heute auch mal wieder ein komplett neues Design:

http://dueltower.rpg-atelier.net

Farbtechnisch finde ich's gut gelungen. Weiß und orange passen auf den grauen Hintergrund (grau = sexy) und die gestrichelte Rahumung gefällt mir auch gut. Das Logo finde ich verschwommen allerdings ungünstig. Der schwarze Rahmen um die zentrale Navigation ist mir persönlich etwas zu mächtig, sieht aber auch keineswegs schlecht aus.

Mein Vorschlag: Das Logo "entschärfen" und bei den Links als Hoverfarbe vll. schwarz oder weiß nehmen?

Alles in Allem gefällt's mir gut.

------

Und ich setze selber gleich mal hinterher:
Bass Sex Crips

Ich habe rund um mein Hobby, den Bass, mal einen Blog eingerichtet, eher für mich selbst. Für Nicht-Musiker sicherlich auch langweilig, ich wollte auch nur mal nach Verbesserungsvorschläge bezüglich des Outfits fragen.

**drunken monkey** · 20.06.2008 18:03

@ Sheep: Ist mir zu dunkel und der Header viel zu kontrastarm. Vielleicht ist's ja bei deinem Bildschirm besser, aber ich musste es markieren, um es vernünftig lesen zu können. Sonst ist es aber recht gut.

@ Mad: Der Hintergrund lenkt zu stark vom Vordergrund ab, den solltest du dringend dezenter machen. Und die ist ein viel zu dunkles Blau, die Dinger lassen sich etwa so schwer lesen wie Sheeps Header. Aber den Rest find ich in Ordnung.

Ahja, und wenn du schon XHTML 1.0 Strict als Doctype angibst, halt' dich zumindest annähernd daran, 392 (!) Fehler sind doch etwas viel. o_O Das CSS ist auch merkwürdig: 11 Fehler.
Gilt natürlich nur, falls du nicht komplett irgendeine Blog-Software verwendest oder dort zumindest irgendeinen Einfluss auf den Code hast.

**Drakes** · 20.06.2008 19:06

Zitat von drunken monkey

@ Sheep: Ist mir zu dunkel und der Header viel zu kontrastarm. Vielleicht ist's ja bei deinem Bildschirm besser, aber ich musste es markieren, um es vernünftig lesen zu können. Sonst ist es aber recht gut.

@ Mad: Der Hintergrund lenkt zu stark vom Vordergrund ab, den solltest du dringend dezenter machen. Und die ist ein viel zu dunkles Blau, die Dinger lassen sich etwa so schwer lesen wie Sheeps Header. Aber den Rest find ich in Ordnung.

Ahja, und wenn du schon XHTML 1.0 Strict als Doctype angibst, halt' dich zumindest annähernd daran, 392 (!) Fehler sind doch etwas viel. o_O Das CSS ist auch merkwürdig: 11 Fehler.
Gilt natürlich nur, falls du nicht komplett irgendeine Blog-Software verwendest oder dort zumindest irgendeinen Einfluss auf den Code hast.

Das ist Blogger.

Aber man kann da denn Code schon sehr stark beeinflussen, als erstes sollte er den Javascript zu einem 'Kommentar' machen.

HTML-Code:

<script type="text/javascript"> /* <![CDATA[ */    Javascript    /* ]]> */ </script>

**Flying Sheep** · 20.06.2008 22:48

Zitat von Mad

Mein Vorschlag: Das Logo "entschärfen" und bei den Links als Hoverfarbe vll. schwarz oder weiß nehmen?

Das Logo gefiel mir insgesamt verschwommen besser (im Grunde sinds zwei Schatten des eigentlichen Logos), weil ich das Logo mangels Zeichentablett mit Gimp gemacht hab (in Sachen Grafik bin ich nicht wirklich ein Ass ^^°) und es geschärft einfach zu kantig ist. Ich schau mal was sich machen lässt, es sieht wirklich etwas merkwürdig aus.
Zu den Hoverfarben:
yikes, in der linken Navi hab ich noch ein falsches Attribut drin. Dieses ganz dunkle rot hatte ich anfangs testweise drin und da hab ichs vergessen zu ändern >_<. Eigentlich sollte es dieselbe Hoverfarbe haben, wie der Link in der Haupttabelle ("erstellt von: Flying Sheep" unter dem Newseintrag). Die orange Farbe in der Headnavi gefällt mir eigentlich besser als schwarz.

Zitat

Alles in Allem gefällt's mir gut.

danke

Zitat von drunken monkey

@ Sheep: Ist mir zu dunkel und der Header viel zu kontrastarm. Vielleicht ist's ja bei deinem Bildschirm besser, aber ich musste es markieren, um es vernünftig lesen zu können. Sonst ist es aber recht gut.

Hmm... also ich kann sowohl die Headergrafik, als auch die Headnavi sehr gut lesen (und das bei meinen schlechten Augen

). Vllt liegt es auch an meinem Bildschirm (High Definition Crystal View ^^°), ich probiers morgen mal an unserem Desktop PC, der hat noch nen Röhren-Monitor

Zitat

Und ich setze selber gleich mal hinterher:
Bass Sex Crips

Gefällt mir im Grunde auch ganz gut (jaja, grau = sexy

). Was mich allerdings ziemlich stört ist, dass der ganze Inhalt direkt über dem Hintergrundbild "schwebt". Gut, es ist geschmackssache, aber ich finde es müsste noch ne <table> rein, am besten mit nem passenden einfarbigen Hintergrund. So kann man nämlich weder das Datum noch die Überschrift halbwegs gut lesen. Auch die blauen Trennlinien werden von dem mächtigen Hintergrund fast verschluckt. (Die Headergrafik rockt btw!)

**Mugen** · 30.06.2008 03:00

Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code.

**dead_orc** · 30.06.2008 09:05

Zitat von Mugen

Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code.

Dazu sag ich nur eins: mehr Kontrast!
Ich dachte im ersten Moment, die Seite wäre irgendwie deaktiviert o.Ä. und da läge ein alphatransparenter schwarzer Layer drüber. IMO muss unbedingt entweder der Hintergrund heller oder die Schrift - Schwarz auf Dunkelgrau liest sich scheiße.

**Manni** · 01.07.2008 23:44

Zitat von Mugen

Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code.

Dann will ich auch mal meinen Senf dazu abgeben. Zu dem Design an sich will ich gar nicht viel sagen, das ist Geschmackssache

Aber zum Code fallen mir einige Punkte ein:

Warum teilst du deine Stylesheetdefinitionen auf drei Dateien auf, wenn du ganze vier Klassen definierst? Das ist nicht übersichtlich, sondern nur sinnlos (Javaprogrammierer scheinst du ja laut deiner Signatur nicht zu sein).
Des Weiteren fehlen Alternativtexte für die Überschriften und das Menü, die Seite ist somit ohne Bilder nahezu unbenutzbar.
Mir persönlich gefallen Bilder über Stylesheets besser als <img>-Tags, denn damit kann man sauberen HTML Code erzeugen und Inhalt und Design besser trennen. So kann man zum Beispiel über folgenden Code Überschriften machen:
HTML-Code:
```
<h1 id="#foo"><span>Eine Überschrift</span></h1>
```
Code:
```
h1
{
  margin: 0px;
  padding: 0px;
}

h1 span
{
  display: none;
}

#foo
{
  background: url('dein_bild.png') no-repeat top left;
  width: 42px;
  height: 23px;
}
```
Das lässt sich wunderbar auch für Headergrafiken verwenden, die im Prinzip ja eine Überschrift erster Ordnung darstellen.
Einrückung würde den Code lesbarer und besser strukturiert machen, allerdings ist das bei dynamisch generiertem Inhalt nicht so einfach und auch nicht unbedingt notwendig
Ich kann dir nur empfehlen, mal Lynx Viewer zu versuchen, zwar musst du deine Seite nicht unbedingt textbrowserfreundlich machen, allerdings zeigt eine solche Sicht gut, wie gut die Informationen der Seite zugänglich sind (bei dir fehlen beispielsweise Header, Menü und Überschrift).
Wenn du für das Menü eine formatierte Liste benutzt, fallen die imho unschönen und undurchsichtigen Imagemaps weg. Du könntest überhaupt mehr spezifische Elemente wie <p> benutzen anstatt einem Haufen generischer <div>s.
Warum benutzt du als "Python Fanboy" PHP? :P

Ich hoffe, diese Kritik hilft dir weiter

Thema: Eure Webseiten #5

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen