Druckbare Version
Yay, Nummer 5. \o/
In diesem Thread könnt ihr eure Webseiten und Webprojekte vorstellen, um sie von anderen bewerten zu lassen. Forenvorstellungen gehören in den entsprechenden Thread.
Bitte seid bei den Bewertungen konstruktiv und nehmt auch mal Kritik hin, es geht hier ja schließlich nicht darum, eine Seite zu zeigen, damit sie bestaunt wird, sondern um sich weitere Meinungen und Verbesserungsvorschläge einholen zu können.
Viel Spass und Erfolg. :)
Dito, also bringt vorallem bei mir viele Verbesserungsvorschläge *g* (ich hab ja schon sehr viele bekommen und es hat mich sehr viel weiter gebracht)Zitat:
Zitat von NPC Fighter
Ich werde also meinen Post einfach nochmal zu folgender Webseite bringen: Webseiten-URL
Kann ich die <ul> Liste irgendwie auf einen Absatz setzen, ich hab jetzt schon ein paar Sachen verändert, aber die <ul> Liste hät ich lieber quer, wenn das geht.
das ist super hässlich :P
würd ich komplett überarbeiten.
farbgebung zu kontrastarm, anoprdnung doof, weißes das zwischen blauem hervorscheint auch doof, usw, usf.
*sich unbeliebt mach*
Die Seite wird beim IE, Opera und FF falsch dargestellt.
wenns überall falsch ist, wo ist es dann richtig?
woher weißt du, das es falsch ist, vllt ist das ja von ihm so beabsichtigt worden?^^
http://upload.npcfighter.de/files/36/481Unbenannt.jpgZitat:
Zitat von Freierfall
Ich glaub nicht, dass dies so sein soll ^^
Naja. Hrrm. Sieht schon sehr scheisse aus.Zitat:
Zitat von Drakes
Also:
1. Dieser Banner sieht aus als wär er aus einer der Frontpage 2000 Vorlagen oder so.
2. Mach dir Umrahmung des Contents weg oder irgendwie anders. Anders im Sinne von 'Nicht so wie <table border="1">'.
3. Entscheid' dich für 'ne Hintergrundfarbe oder nimm Farben die "harmonieren". Vielleicht sieht das Weiss im Hintergrund auch ganz okay aus, wenn du die Boxen anständig positionierst.
4. Die Seite sieht in Textbrowsern kacke aus.
5. Bau mehr AJAX ein
6. Wo sind die RSS/Atom-Feeds
7. Die Seite ist nicht barrierefrei.
8. Wozu ein Rapidforum? Die Dinger sind scheisse. Du hast bei uttx doch MySQL und PHP. Schnapp dir ein phpBB (Okay, vielleicht doch nicht. Sonst sieht dein Forum mal so aus.)
Nein, Punkt 4 - 7 musst du nicht beachten.
@Whiz-zarD: Ihr Aussehen ändert sich zur Zeit zwischendurch immer wieder ein bischen, das was du meinst, ist falsch dargestellt, hatte ich noch nicht aktualisiert, was heisst, ich hatte die <div> Elemente noch nicht verschachtelt. Es sollte jetzt wieder besser aussehen. Und wenn es dann nicht mal FF kompatible ist, dann hab ich föllig versagt, da ich auch FF 2.0.0.1 verwende.
Meine Frage hätte ich immer noch gerne beantwortet, ob man das kann, und wenn ja, wie?
display: inline; für die LI-Elemente der Liste definieren. ^^Zitat:
Zitat von Drakes
@drunken monkey: Danke klappt, aber ich sollte irgendwie noch Abstand zwischen die Links bringen.
Mit welchem Browser? Ich hab mit FF und IE getestet, bei diesen ist das input Feld nicht zu gross.Zitat:
Zitat von mq
http://i80.imagethrust.com/t/749329/clipboard02.jpg
das macht opera
- Der Header ist einfach nur langweilig.
- Die Navigation sieht nicht wie eine Navigation aus. Da muss eine Trennung und Abstand zwischen die Wörter (padding-right:10px; oder sowas)
- Den Fehler im Login-Bereich sieht ein Blinder
- Weg mit dem weißen Hintergrund beim Text!
- Zu großer Abstand zwischen Überschriften und Text
- Kommt in den unteren hellblauen Balken auch noch was rein?
Firefox 2.0.0.1, Gentoo Linux, Gecko/20070105Zitat:
Zitat von Drakes
Ich glaube der Sinn der Site ist dir noch nicht ganz klar.Zitat:
Zitat von underdark
Das habe ich schon oben geschrieben, dass ich das noch machen will, ich hatte ja schon mal Abstand dazwischen, als ich es mit pre gemacht habe. Jetzt habe ich ja eine Liste und sie mit Display: Inline auf den gleichen Absatz gebracht. Jetzt weis ich ja nicht wie ich abstand zwischen die Listenelemente bringe.Zitat:
Zitat von underdark
1. Hab ich mit FF 2.hättest du dir das Bild auch sparen können.Zitat:
Zitat von underdark
Werd ich heute Abend machen.Zitat:
Zitat von underdark
Ich hab im php Script noch ein <br /> hinzugefügt, hab aber vergessen, dass durch <h2> auch ein neuer Absatz hinzugefügt wird. Also auch heute Abend.Zitat:
Zitat von underdark
Vielleicht werd ich die W3C Icons wieder hinzufügen, aber sehr wahrscheinlich nicht. Den border nehm ich an bestimmten Orten heute Abend auch wieder weg.Zitat:
Zitat von underdark
wtf? ó_0Zitat:
Zitat von mq
Ich hab auch mit FF 2.0.0.1 getestet.
Weil display: inline; leider nur bedingt richtig ist. Es würde sich eher display: inline-block, anbieten, weil du dann für die Listenpunkte Breite (width) und Außenabstände (margin) setzen könntest, wie bei normalen Blockelementen.Zitat:
Das habe ich schon oben geschrieben, dass ich das noch machen will, ich hatte ja schon mal Abstand dazwischen, als ich es mit pre gemacht habe. Jetzt habe ich ja eine Liste und sie mit Display: Inline auf den gleichen Absatz gebracht. Jetzt weis ich ja nicht wie ich abstand zwischen die Listenelemente bringe.
Leider kennt der Firefox diese Eigenschaft noch nicht, aber dafür eine sehr ähnliche: -moz-inline-block;
Du musst innerhalb der Stilangaben also etwas tricksen:
Grundsätzlich rate ich dir aber, Stilangaben möglichst vom Dokument fernzuhalten und nur in einer externen Datei festzulegen. Etwa, indem du der Liste im <ul> eine ID gibst und die Listenpunkte dann in der Stildatei mit #id li ansprichst. Dadurch verhinderst du übergroße HTML-Dateien.HTML-Code:<li style="display: -moz-inline-block; display: inline-block;">
Nebenbei: Wieso hast du das <h1> auskommentiert, wenn das Bild mit dem <h1>-Text als Alternativtext darin doch besser wäre?
Ist es bei Linux normal, dass sich das Datum bei Gecko ändert? Der echte Firefox 2.0.0.1 wurde nämlich bereits am 6. Dezember erstellt. Vorschauversion?Zitat:
Firefox 2.0.0.1, Gentoo Linux, Gecko/20070105
Sorry, egal welchen "Sinn" deine Seite hat, der Head muss trotzdem nicht so aussehn.Zitat:
Zitat von Drakes
Hätt mir auch die ganze Kritik sparen können. Allerdings nehme ich an, dass Leute Kritik wollen (und sie auch verkraften), wenn sie ihre Webseiten hier rein stellen. Nächstes Mal versuch ichs durch die Blume zu sagen.Zitat:
Zitat von Drakes
Whoops, zu viel gepastet, die Gecko-Version sollte eigentlich nicht mit rein. Ich denke mal, das haengt damit zusammen, dass ich mein Binary erst spaeter gebaut habe (als Gentoo-User kompiliere ich meine Software selber).Zitat:
Zitat von mitaki
Da bin ich mit dir sicher einverstanden, aber nicht jeder hat den gleichen Geschmack.Zitat:
Zitat von underdark
Das hast du falsch verstanden, ich hab gesagt, du hättest dir das Bild sparen können, weil du gar nicht genug nach rechts gescrollt hattest, damit man es sieht und sonst, wenn ich zu undeutlich war, I'm sorry.Zitat:
Zitat von underdark
So, hab mal wieder was an meinem Browserspiel gewerkelt....
Dabei gabs ein paar sehr große Änderungen. Allerdings zum Guten, wie ich finde. Naja schaut einfach mal selbst. *Klick*
Problem ist, dass niemand horizontales scrollen mag.Zitat:
Das hast du falsch verstanden, ich hab gesagt, du hättest dir das Bild sparen können, weil du gar nicht genug nach rechts gescrollt hattest
Du setzt voraus, dass deine Besucher eine Bildschirmaulösung von genau 1024x768 besitzen, mit allen anderen Auflösungen sieht die Seite nämlich nicht so aus, wie du es dir vorstellst.
Also nochmal Codereview.
- Das mit dem Bild als Überschrift hast du falsch verstanden. Das Bild gehört innerhalb von <h1 /> nicht das <h1 /> innerhalb des Bildes.
Dann kannst du auch das Umschließende <div> entfernen und gleich dem <h1 /> die ID box1 geben.HTML-Code:<h1><img src="images/header.jpg" alt="Klasse 3H" /></h1>
- Du kannst auch der Liste (<ul>) die ID box2 direkt geben. Zusätzlich kannst du bestimmen, dass Listenpunkte innerhalb dieser Liste als inline* dargestellt werden.
- Das mit Inhalt und Navigation war ein sprachlicher Fehler meinerseits. Ich meinte <div> für Inhalt und <div> für Loginbereich in einem relativ positioniertem <div>. Nicht Inhalt und Leistennavigation ;)
Dann positionierst du den absolut positionierten Loginbereich nämlich relativ im relativ positioniertem <div>.- Dein Code ist leider auch schwer lesbar, weil du <div>s fast nie an der Position schließt, an der su sie andernorts geöffnet hast.
Naja, du siehst, Positionierung ist sehr komplex. Die vier Arten der Positionierung werden auch von Michael Jendryschik etwas bearbeitet. Vielleicht hilft dir das ein wenig.
Tut mir leid, ich habe vorher nie groß darauf geachtet, kann die Änderungen daher nicht nachvollziehen.Zitat:
Dabei gabs ein paar sehr große Änderungen. Allerdings zum Guten, wie ich finde.
Leider ist auch der ganze Code auf einer Zeile, weshalb ich da auch nichts dazu sagen kann.
Ok. Hab ich geändert.Zitat:
Zitat von mitaki
Mach ich, aber alle Elemente werden bei mir jetzt, ausser Home, rechts aussen dargestellt, sogar übereinander geschrieben.Zitat:
Zitat von mitaki
Wie kann ich dann das eine <div> in das andere verschachteln, wenn ich es nicht erst nachher schliesse?Zitat:
Zitat von mitaki
Naja, dieses Toturial hab ich eigentlich gelesen, so wie es aussieht, bei einigen Punkten aber falsch verstanden.Zitat:
Zitat von mitaki
Versuche, nur die Listenpunkte als Inlineelemente darzustellen, nicht die <ul> selbst. Die darf ruhig noch ein Blockelement bleiben.Zitat:
Mach ich, aber alle Elemente werden bei mir jetzt, ausser Home, rechts aussen dargestellt, sogar übereinander geschrieben.
Von Verschachtelung war nicht die Rede, sondern von:Zitat:
Wie kann ich dann das eine <div> in das andere verschachteln, wenn ich es nicht erst nachher schliesse?
Das ist schwer lesbar.HTML-Code:<div>
<div>
</div>
</div>
Wäre schon einfacher.HTML-Code:<div>
<div>
</div>
</div>
Ok, ein versuch von mir. Wenn du ein Element hast, das statisch positioniert ist (Standardeinstellung) und darin ein Element absolut positionierst, dann orientieren sich die Werre top, right, left und bottom an die Kanten des ersten Elternelements, welches nicht-statisch positioniert ist.Zitat:
Naja, dieses Toturial hab ich eigentlich gelesen, so wie es aussieht, bei einigen Punkten aber falsch verstanden.
Das bedeutet im Normalfall, die Kanten des Anzeigebereichs.
Positionierst du etwas absolut in einem nicht-statisch positioniertem Element, dann richten sich die genannten Werte an die Kanten des nicht-statisch positionierten Elements.HTML-Code:<body>
<div style="position:absolute; left: 0;">Klebt links.</div>
</body>
Nebenbei wäre es einfacher wenn du deine Arbeit auf eine Stildatei beschränken würdest. So kommt man doch nur durcheinander :/HTML-Code:<body>
<div style="position:relative;">
<div style="position:absolute; left: 0;">Klebt links am ersten div.</div>
</div>
</body>
Hab das von dir erklärte jetzt verstanden, du hast es wirklich gut erklärt. Danke ;)
Das mit den <div> Elementen kann daran liegen, dass ich z.B. die Navigation mit PHP eingebunden habe.
Edit: So, nun sollte eigentlich in keinem fall mehr nach rechts gescrollt werden müssen.
Das mit den 2 Stil Dateien, sind eigentlich nicht 2 sondern nur alte und neue Version, damit ich die alte noch habe, wenn ich etwas neues probiere und es dann nicht klappt.
Puh, glück gehabt^_^Zitat:
Hab das von dir erklärte jetzt verstanden, du hast es wirklich gut erklärt.
Ein Hinweis wohl noch obendrauf, wenn möglich, würde ich versuchen das Element von der Kante aus zu positionieren, der es am nächsten ist.
Da das Formular bei dir rechts ist, würde ich daher right: Xeinheit; statt left: Bildschrimbreite-X; wählen ;)
Nebenbei kommt es mir so vor, als müsstest du noch einiges über die CSS-Selektoren lernen. Damit kannst du fast alle Stilangaben aus dem Dokument streichen und benötigst weniger IDs und Klassen ;)
Ja, hab ich schon verändert. Das Login sollte jetzt immer ganz rechts erscheinen und die gleiche Höhe wie die News Hintergrundfarbe. Edit: ...haben.Zitat:
Zitat von mitaki
Ich werde mich auf die optimierung in nächster Zeit mehr konzentrieren.
Der letzte Teil des Satzes ergibt, glaube ich, keinen Sinn^^Zitat:
Ja, hab ich schon verändert. Das Login sollte jetzt immer ganz rechts erscheinen und die gleiche Höhe wie die News Hintergrundfarbe.
Aber nochmal der Hinweis: absolute Positionierung entzieht das positionierte Element dem Elementenfluss, d.h. es wirkt sich nicht mehr auf andere Elemente aus. Es lässt diese nicht expandieren und verschiebt diese auch nicht, sondern legt sich höchstens drüber.
Daher passt sich der Inhalt nicht dem Formular an. Das siehst du wenn du im Firefox mit Strg und - herauszoomst.
In diesem Thema bin ich ja bekannt für meine eiserne Kritik. Ich bin auch schon angesprochen und gefragt worden, weshalb ich nicht selbst mal was vorzeige. Lange hab ich mich davor gedrückt, aber jetzt ist es doch mal soweit: Ich stelle ein Design vor ^_^
Das Konzept für diese Webseite habe ich schon seit Jahren. Ich war wohl meiner Zeit voraus, da man durchaus Web 2.0 Ansätze darin entdecken kann. Aber nicht im Design, deshalb rede ich nicht weiter davon ;)
Das Design für Projekt Minne: HTML, XHTML.
Es ist graphisch kein Meisterwerk. Für die gewünschte Zielgruppe wäre es aber meiner Meinung nach passend gewesen.
Im Firefox und Opera lässt sich die Seite problemlos zoomen. Der IE 7 kann problemlos über die Textgröße zoomen (leider nur fünf Stufen). Beim normalen Zoomen macht er den fehlerhaften Komplettzoom (kein Fehler des Designs).
Das Design funktioniert in IE 5.5 bis 7, obwohl jeder dazu Hacks benötigte. Für die, die es interessiert hab ich die iefixes.css ein bisschen kommentiert.
In IE 6 und früher wird das Titelbild ohne Alphatransparenz angezeigt, aber man sieht die schönere Fallbackfarbe anstatt des MS-Graus.
IE 5.5 funktioniert zwar, allerdings nur, weil die IE 6 Hacks ausreichen. IE 5.x unterstütze ich freiwillig nicht mehr! Im IE 5.0 sieht man daher nur den Inhalt, weil dort weitere Hacks nötig gewesen wären.
Ja, ansonsten. Vielleicht ein kleines bisschen trostlos, der alleinstehende blaue Schriftzug ist so ziemlich das einzige, das hier mal einen farbigen Kontrast liefert. Ein bisschen peppiger könnts schon sein.Zitat:
Zitat von HTML Version.
Die externen Links hätte ich persönlich weniger mit einem Text gekennzeichnet. Vor allem bei Nur-Verbrauchern möglicherweise etwas irreführend.
Die Überschrift würde mir besser ohne Unterstreichung gefallen. Ich mag Unterstreichungen, wenn es nicht um Links geht im Allgemeinen weniger, weils einfach schnell mal in die Irre führt.
Sonst.. Vom Code her würd ich mir bei einer Seite von dir keine Gedanken machen. ^^
Allgemein sieht die Seite jetzt nur so vom Design her ganz okay aus (ich mag das Hintergrundbild). Wie schon gesagt, etwas mehr Kontraste würden mir persönlich besser gefallen und das ganze vielleicht optisch etwas aufmöbeln.
Das erste Problem ist ein Serverproblem, der sendet HTML als ISO-8859-1 aus. Die XHTML-Variante (und der Code ist schließlich XHTML) funktioniert einwandfrei. Davon abgesehen wäre das Problem bei einem echten Produktiveinsatz natürlich behoben worden ;)
Hm, das mit der Trostlosigkeit kann ich nicht nachvollziehen. Für mich ergibt das Gesamtbild ein eher warmes Gefühl. Liegt eventuell auch an meiner etwas dunkleren Bildschirmhelligkeit?
Da die Verweise nur mit einer Klasse markiert sind, wäre es auch kein Problem, den Text durch etwas anderes zu ersetzen ;)Zitat:
Die externen Links hätte ich persönlich weniger mit einem Text gekennzeichnet. Vor allem bei Nur-Verbrauchern möglicherweise etwas irreführend.
Jain. Studien haben gezeigt, dass Überschriften, die Verweise sind, nur selten als solche erkannt werden, selbst wenn sie alle Eigenschaften eines normalen Verweises besitzen. Von daher empfinde ich die eine Unterstreichung pro Seite nicht als so furchtbar schlimm ;)Zitat:
Ich mag Unterstreichungen, wenn es nicht um Links geht im Allgemeinen weniger, weils einfach schnell mal in die Irre führt.
Einfach mal ohne Stilangaben ansehen (geht halt nur nicht im IE, hm obwohl: da ich kein Druckstylesheet erstellt habe müsste das aufs selbe rauskommen).Zitat:
Vom Code her würd ich mir bei einer Seite von dir keine Gedanken machen. ^^
Sehr viel daran Arbeiten werde ich aber nicht mehr. Minne is Hinne - leider.
Also mir gefällt die Farbgebung, ich finde es hat eine recht warme Farbe. Das Blau der Ober-Überschrift passt auch gut dazu. ^^
Nu wundert es mich etwas, dass gerade du ein Hintergrundbild (und damit eins ohne Alternativtext) als Überschrift verwendest. o_O
Tja, ansonsten gibt's eh nichts zu sagen, sieht gut aus. ^^ Das mit den externen Links hat NPC (Der btw ur fies ist, weil auch coole Typen wie ich Größen-Beschränkungen beim Dateiupload haben! ò_Ó) ja schon erwähnt, und du hast's ja auch schon erklärt. http://www.multimediaxis.de/images/s.../old/szuck.gif
Eine echte h1-Überschrift ist ja schon vorhanden, allerdings wäre es problematisch, die an die gewünschte Position zu bringen, ohne die Struktur sinnlos zu beeinflussen.Zitat:
Nu wundert es mich etwas, dass gerade du ein Hintergrundbild (und damit eins ohne Alternativtext) als Überschrift verwendest. o_O
Da die Bildüberschrrift im Dokument keine Bedeutung hat brauchts da auch kein Element.
ich finds ziemlich hübsch^^
was mich nur stört, und du imo ändern solltest, ist die position der navileiste links.
imo sollte die überschrift der ersten kategorie auf gleicher höhe wie der inhaltskasten beginnen, und nicht dadrüber, das sieht hässlich aus.
die farbgebung find ich toll. :)
das mit den links als extern sollte wirklich lieber eine kleine unauffällige grafik oder so sein^^ (wie gelöst? :after oder so..? ich dachte, das funktioniert noch nicht richtig..... zu faul es im quelltext zu suchen...)
appropos:
ist das durch irgendwas optimiert, programme o.ä. oder hast du das zwecks einsparen von 5 byte gekürzt oder so?^^
Ich finds nämlich sehr unübersichtlich, wie dus machst... so ohne leerzeilen und einrücken....
Ist doch optimal, was willst du?^^Zitat:
Einfach mal ohne Stilangaben ansehen (geht halt nur nicht im IE, hm obwohl: da ich kein Druckstylesheet erstellt habe müsste das aufs selbe rauskommen).
vllt wäre es noch besser, die navi über den inhalt zu stellen, für textbrowser usw. aber sonst... hab ich nix auszusetzen^^
Ja, und weil solche wie ich da keinen eigenen User Acc haben... (gibts die überhaupt schon?^^)Zitat:
(Der btw ur fies ist, weil auch coole Typen wie ich Größen-Beschränkungen beim Dateiupload haben! ò_Ó)
Ich habs mal versucht, aber das sagt mir ganz und gar nicht zu.Zitat:
imo sollte die überschrift der ersten kategorie auf gleicher höhe wie der inhaltskasten beginnen, und nicht dadrüber, das sieht hässlich aus.
Ja, mit :after. Wie kommst du zu der Meinung, das würde nicht funktionieren? Die Browser kennen das schon ewig. Der IE hat damit Probleme, aber der bekommt halt rote Verweise.Zitat:
wie gelöst? :after oder so..? ich dachte, das funktioniert noch nicht richtig..... zu faul es im quelltext zu suchen...
Habe jetzt mal einen Pfeil hingemacht ;)
Optimiert sind nur die Bilder mit PNGOUT. Den Rest hab ich so belassen, weil ich ehrlich gesagt zu Faul dafür war^^Zitat:
ist das durch irgendwas optimiert, programme o.ä. oder hast du das zwecks einsparen von 5 byte gekürzt oder so?^^
Eingerückt ist das schon, aber halt nur sehr leicht, weil das Ein- und Ausblenden von Elementbereichen in meinem Editor (Notepad++) sehr einfach möglich ist.
Ein Ein-Zeilen-CSS würde um die 20% sparen, aber das wollte ich zur Demonstration auch nicht machen.
Naja, Navi unten und dafür oben ein Hinweis ist ein guter Kompromiss zwischen Struktur und Suchmaschinenoptimierung.Zitat:
vllt wäre es noch besser, die navi über den inhalt zu stellen, für textbrowser usw. aber sonst... hab ich nix auszusetzen^^
Hab meine zweite Page vertiggestellt, Design kann man mal hier begutachten. Ich hoffe wieder auf eure harte Kritik:p , die mir letztesmal sehr geholfen hat. Leider hab ich es für den IE6 nicht zum laufen gebracht(wegen :hover, hat funktioniert, Untermenu wurde jedoch komischerweise nicht mehr ausgeblendet). Und, ja, Hintergrundfarbe(hellorange) ist schrecklick, das weiss ich, werd ich zur Zeit jedoch nicht ändern.
Entweder ich bin high oder diese Seite könnte sich wirklich Villa Kunterbunt nennen. o.oZitat:
Zitat von Drakes
Die 2. Version meiner FF12 Maps Seite.
http://www.ff12maps.com (Die Domain wird in den nächsten tage transferiert, daher noch der redirect).
Mehr platz für die Karte, und alles so dynamisch und interaktiv wie möglich. ^^
Alles mit dynamischen Fenstern realisiert. Diese lassen sich verschieben, minimieren, maximieren, schließen, etc.
Die Karte lässt sich per Drag&Drop verschieben. Auf den einzelnen Karten(ausser der Weltkarte) sind alle Regionen mit Polygonen areas und mouseover zu sehen. Shops werden nachgeladen und auch per Mouseover eingeblendet.
Bei den Hunts, Esper, etc. wird bei PHP ein marker auf der Karte erzeugt.
Bei Bestiary werden per PHP die Bereiche eingefärbt.
Das war ein wirkliches Stück Arbeit! ^^
Alles neue findet ihr auch oben rechts bei dem "?" button! ^^
Ich würd mir die Seite gerne anschaun, aber es gibt zwei Probleme:
a) Die Schriftart ist sehr schlecht lesbar.
b) Habs testweise auch mal im IE probiert. Da wird die Karte anscheinend gar nicht erst geladen.
OK, ich hab sogar drei Probleme
c) In Opera erscheinen Tooltips zu allen möglichen Orten, nur nicht zu dem, über dem die Maus grade steht. Auf der Karte "Nalbina Town" krieg ich fast überall "Goto map Dalmasca Estersand" und irgendwo unterhalb der Map dann welche für die Shops
Du meinst die Schriftart des Menüs?
Sicherlich ist es kein Arial 20pt, aber lesen kann man es ja wohl (ich jedenfalls bei 1280x1024).
Hatte gerade etwas verändert, das der IE7 net mag.. jetzt gehts. ^^
Zu 3: Interessant! BEi mir gehts ganz ohne Probleme: http://www.m4lu.de/ff12maps/opera.jpg
Luc, dir muss echt langweilig sein! :D
Sieht nach nem super Stück Software aus - hab es allerdings nicht allzugenau inspiziert. ;)
Höhö, danke! :)Zitat:
Zitat von Maisaffe
@ DFYX: Kannste mir nen Screen von deinem Opera Fehler schicken? Oder sagen welche Opera Version du nutzt? :)
Opera 9.02. Screen ist leider schlecht, weils anscheinend nicht immer auftritt. Ich hönnt höchstens nochmal ein bisschen rumprobieren.
Allein der Sicherheit wegen kann ich da nur Opera 9.1 empfehlen (welches dann bald von Opera 9.2 ersetzt werden sollte) ;)
Ok, ich hab den 9.1er benutzt, und überhaupt keine Fehler feststellen können... Wenn du was findest, sag Bescheid! :) Dankee~~Zitat:
Zitat von DFYX
Keine sonstigen Anregungen? ^^
Hallo
Da mein RTS Spiel noch etwas dauern wird, hab ich mich mal dran gesetzt und ein Upload Skript zum einbinden in die eigene Website gemacht.
Der Eigene Upload
In der nächsten Zeit werden noch Optionseinstellungen eingerichtet, wie z.B. Randfarbe des Frames ändern.
Wenn ihr Kritik oder Verbesserungsvorschläge abgeben möchtet, bin ich sehr dankbar dafür.
Nebenbei gibt es eine neue Demo zu Empire Wars.
Der Link zur Spieleseite steht in meiner Signatur.
Mfg Milchbox
@Milchbox: Yeah gefällt mir richtig gut =) schlicht und schick. und die Idee mit dem eigenen Upload find ich tollig *g*
So ich will auch mal ...
Ist zwar aus Langeweile entstanden wird aber denk ich mehr -> *klick*
Würd mich sehr über Kritik & Verbersserungsvorschläge freuen :)
@Saku: An sich ganz nett, was mir aber gefallen würde, wenn sich die Inhaltsbreite an die Schriftgröße anpassen würde (em-Größen). Allgemein ist auch hier wieder der Unterbau zu kritisieren :/
Viele Angaben im Quelltext könntest du wesentlich einfacher mit Stilangaben (CSS) realisieren. Zudem wäre es übersichtlicher die Angaben zentral fest zu legen anstatt sie in den Elementen verteilt anzugeben.
Dem Titelbild hast du den Alternativtext „HEADER“ gegeben, was etwa so sinnvoll ist wie eine mit Bananen gefüllte Schachtel mit „Erdberen“ zu beschriften.
Idealerweise befindet sich das Bild innerhalb eines h1-Elements und enthält als Alternativtext den Seitentitel.
Dagegen ist z.B. ein Alternativtext für das Pfeilbild schädlich und sollte daher leer sein (d.h. alt="" nicht das weglassen des Attributs).
Das script-Element sollte nicht das language-Attribut sondern das type-Attribut (mit Wert text/javascript) enthalten. Außerdem sind die HTML-Kommentare in diesem Element überflüssig und sinnlos ^^
Aber für das ganze wäre eigentlich kein JavaScript notwendig. Mit CSS und :hover (auch wenn es wegen IE 6 nur auf a angewendet werden kann) wäre es ebenso lösbar. Darüberhinaus sollten auch diese „Menüpunkte“ mit entsprechenden Alternativtexten versehen werden ;)
http://freierflug.pytalhost.com/wp/
bewertet mal das neue design.
ist noch ned valide, aber mal so generell.
Freierfall: Ja, gefällt mir gut. Selbst gemacht?
Saku: Kann auch durchaus gefallen, allerdings etwas zu schmal, imo.
Milchbox: Gefällt mir auch gut, beides.
malu: z.t... es war ein fertiges theme, das ich aber modifiziert hab.
Das Desing mach insgesamt einen sehr soliden Eindruck und passt meiner Meinung nach auch farblich gut zusammen.Zitat:
Zitat von Freierfall
Leider muss ich auch hier eine sehr kleine Schriftgröße und unflexible Breitenanpassung kritisieren.
Art der Seite: RPG-Maker Seite
Beschreibung: RM-Deluxe ist eine vom Dark Soul gegründete RPG-Maker Community! Wir bieten Alles, was das Makerherz begehrt: Forum, Ressurcen,
einen IRC-Chat und ein Wiki! Also wenn ihr euch für den RPG-Maker interessiert, und ihr auch gerne kleine Comms mögt, dann registriert euch doch bitte!;)
mfg S.E.B.I.
PHP Kit und ein Design mit ~ 3 Grafiken.Zitat:
Zitat von S.E.B.I.
Was soll man da groß sagen?
Dass PHP Kit scheiße ist, weisst du hoffentlich. Wenn schon ein CMS, dann funktionstüchtige wie Joomla.
Das Design... find ich etwas langweilig... keine Abwechslung.
Was soll denn am PHP-Kit scheiße sein? Gut..die vollen Möglichkeiten kann man nur mit HTML ausschöpfen, aber schlecht ist es nicht! Ich hab zwar auch schon e107 ausprobiert, aber das hat in Verbindung mit meinem Webspace AnbieterZitat:
Zitat von Dero
rumgezickt!
Edit: Ohh Ich hab nen Error! Knipst mich mal bitte!
1. invalide http://validator.w3.org/check?uri=ht...doctype=Inline
2. der quelltext ist eklig (css in der php datei, tabellen...)
3. hässlich und alle designs sehen gleich aus
4. kaum möglichkeiten
5. afair sicherheitslücken, vllt wurds gefixt, waren auf jedenfall welche drin.
Hm...nagut...ich werd nochmal nach nem anderen CMS sehen!Zitat:
Zitat von Freierfall
Aber theorethisch könnte man wenn man ein eigenes Desing dort drin haben will den CSS in der PHP einfach umschreiben!
Naja, bei PHP-Kit müsste man schon sehr viel Umschreiben (Listen, Positionierung, etc. statt Tabellen).
Bei diesem Joomla hab ich aber z.B. gehört, dass es einen Accessibility-Patch geben soll.
Bei Joomla ist allerdings das Benutzersystem Mist und es gibt viele fest eingecodete Tabellen. Ansonsten ist es aber ganz nett. Ich benutze es auch gerade für ein kleineres Projekt ;)
Naja, ich kenne es nur vom Namen, sonst schreibe ich alles selbst. Was entgegen der festgemauerten Meinung auch in einer Welt voller Termine möglich ist ;)
www.ms-gfx.de und www.ms-gfx.de/loh und www.f-chan.de.vu
bei ersterer habe ich z.z. ein problem mit cutenews. einfach mal aktualisieren. kann mir jemand vll bei dem fehler helfen?
Kann ich bestätigen. 8)Zitat:
Zitat von mitaki
@Asuka-Chan:
Sehen alle 3 sehr schick aus, auch wenn für meinen Geschmack die Banner oben etwas groß sind. Aber ansonsten sehr schön gestaltet.
Asuka-Chan, Frontpage ist ein uraltes Programm. Ich kann nur raten, dich genauer mit der Materie zu beschäftigen, damit du dich und deine Besucher glücklicher machen kannst.
Die Gestaltung deiner Seiten sieht ganz nett aus, auch wenn es eher an gedrucktes Material erinnert..
Erste Seite: Winzige Schrift, will man hochskalieren zerbricht das Design.
Außerdem Frage ich mich, warum du für die Navigationsverweise so wirres Zeug wie
verwendest, wo sich identische Formatierung (die darüberhinaus noch besser bearbeitet werden kann) auch mitHTML-Code:<a href="linkus.php"> • Link us</a>
möglich wäre.HTML-Code:<ul>
<li><a href="linkus.php">Link us</a></li>
<!-- ... -->
</ul>
Zweite Seite: Winzige Schrift x.x Auch hier könntest du mit Listen und CSS für die Navigation wesentlich mehr (und noch dazu besser) erreichen.
Die Nachrichtenboxen haben außerdem zu wenig Kontrast.
Dritte Seite: Winzig und viel zu wenig Schriftkontrast, wer soll das lesen können? Nebenbei erschwert es der Buchstabenabstand noch mehr, den Text vernünftig lesen zu können. Eine Zeilenhöhe (Zeilenabstand) von 1.5em wäre hier wesentlich besser geeiget.
Dass die Überschriften (bzw. das was Überschriften darstellen soll) ist auch nicht so dolle, wenn der Text zur hälfte unten Rausschaut und dadurch unlesbar wird.
Ich hoffe ich klinge nicht all zu hart, aber als Webseitenautorin solltest du dir auch ein paar Gedanken um die Besucher machen.
Ich hab mal wieder meine Homepage überarbeitet:
http://www.milchbox.com/
Bitte um Kritik.
Den Grafik Stil finde ich ganz gut nur ist sie mir zu Bunt.
Fuer jeden Button eine eigene Farbe muss nicht sein, das ist auch fuer die Modem User nicht so Optimal. ;)
Die Ueberschrift setzt sich schoen ab aber fuer jeden Buchstaben ne eigene Farbe? Naja Ok ist Geschmacks Sache. =)
Meiner meinung nach erinnert das ein bisschen an eine Kinder Seite.
Zum Inhalt, hm kann ich nicht viel sagen ist ja fast nur ne Link Sammlung.
Das mit dem Dateiupload finde ich ganz gut, gefaellt mir. ;)
Gruß Jay
milchbox:
Ohgott, ist das eine Seite für einen Kindergarten / eine grundschule /kindergartenkinder/Grundschüler?
Das ist viel zu Bunt!
Der header und die Buttons erst recht.
Mach den Schriftzug einheitlich schwarz, aus den Buttons Textlinks (bilderlinks--> iih) und die in einer einheitlichen, augenfreundlichen farbe highlighten, dann ists sogar ganz ok.
Der text in der rechten, oberen Ecke der Seite passt absolut nicht zum rest des Headers, die beschriftungen der Buttons sind schlecht Lesbar (also wie oben schon gesagt, mach textlinks draus.....)
Ansonsten, sprich, der Teil unter dem header, sieht ganz gut aus.
Nur der Quellcode ist... tabellendesign^^
Die kann man heutzutage nun wirklich vernachlässigen.Zitat:
Fuer jeden Button eine eigene Farbe muss nicht sein, das ist auch fuer die Modem User nicht so Optimal.
Dafür kommt eine neue Zielgruppe in Frage, die Modemnutzer abzulösen, nämlich die UMTS, GPRS, Wap und sonstige Mobilen Internetnutzer, wo die kosten für den datentransfer recht hoch sind.
Man sollte aber nicht vergessen, dass Breitbandanschlüsse nicht so verbreitet sind, wie viele meinen (ich glaube von 40% gelesen zu haben). In der Hinsicht wird das Modem nur durch (das gerinfügig bessere) ISDN ersetzt.Zitat:
Die kann man heutzutage nun wirklich vernachlässigen.
Dafür kommt eine neue Zielgruppe in Frage, die Modemnutzer abzulösen, nämlich die UMTS, GPRS, Wap und sonstige Mobilen Internetnutzer, wo die kosten für den datentransfer recht hoch sind.
einige deiner kritikpunkte sind für mich nicht nachvollziehbar.Zitat:
Zitat von mitaki
ich weiß nicht, was du für eine auflösung hast. ich kann jeglichen text auf meinen sites genauso gut lesen wie alles, was hier im forum steht. bei mir exakt die gleiche font size.
zweitens nutze ich kein frontpage. ich habe dieses programm noch nie geöffnet, es befindet sich nichtmal auf meiner festplatte.
sollte irgendwo ein vermerk im quellcode sein, dann ist der durch kopieren einer codesequenz dorthin gelangt.
sicherlich wäre die linkformatierung so möglich. ich hatte sie so und ähnlich auch schon in den vorangegangen layouts. jedoch gab es da probleme mit firefox usern und der darstellung, also bin ich darauf umgestiegen. ich finde es übersichtlich und da nur ich damit arbeiten muss, ist das, denke ich, auch ok so.
auch verstehe ich nicht, was du am kontrast zu bemängeln hast. wie gesagt, ich kann alles ohne probleme lesen (mal nen neuen monitor anschaffen?).
ich habe bisher auch noch in keiner weise von irgendwem gehört, dass meine schrift zu klein oder der kontrast zu unausgeprägt ist oO liegt vll dann doch an deiner auflösung und deinen einstellungen.
Ich war bis vor einem Viertel Jahr auch noch Modem Nutzer.Zitat:
Die kann man heutzutage nun wirklich vernachlässigen.
Das Stimmt natuerlich auch wieder aber ich glaube die ist so gering das wuerde gar nicht auffallen. ;)Zitat:
Dafür kommt eine neue Zielgruppe in Frage, die Modemnutzer abzulösen, nämlich die UMTS, GPRS, Wap und sonstige Mobilen Internetnutzer, wo die kosten für den datentransfer recht hoch sind.
Ich muss dazu sagen, dass mir das Lesen auch etwas schwerer fällt und die Schrift hier im Forum auf jeden Fall größer ist. Meine Auflösung liegt bei 1024 x 768 @ 32 Bit, mittlerer Schriftgrad.Zitat:
Zitat von Asuka-chan
Dritte Seite, im Header.Zitat:
Zitat von Asuka-chan
Codes zu kopieren finde ich aber auch nicht allzu prickelnd. Du solltest zumindest drauf achten, was du kopierst, damit dir solche unnötigen Angaben erspart bleiben. :)Code:<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
Es geht ja auch um die Usability für PDAs, Handys oder Leute, die Vorlesebrowser oder dergleichen benutzen. Wenn du deine Seite mal ohne CSS Dateien betrachtest, wirst du feststellen, dass sie mit einer Listennavigation einfacher zu handeln ist, als mit einer solchen Navi. ^^Zitat:
Zitat von Asuka-chan
Auch da muss ich mitaki recht geben. Ich hab bei der dritten Seite (vor allem in den Boxen) schwere Leseprobleme. Du solltest entweder den Hintergrund heller oder die Schrift wesentlich dünkler machen. Texte lesen sich an Bildschirmen immer schwerer, als auf Papier. Wenn sie dann noch relativ kontrastarm sind, vergraulst du dir schnell Nutzer.Zitat:
Zitat von Asuka-chan
Ich benutze einen CRT Bildschirm, den ich mir vor 2 Monaten neu gekauft habe, mit vollem Kontrast. Ich trage keine Brille und war im Oktober zwecks Führerschein beim Optiker.
Benutzt du vielleicht einen TFT Bildschirm? Dort liest es sich möglicherweise leichter, aber du solltest auch immer an die anderen Nutzer denken, die nicht die selbe Systemkonfiguration haben, wie du. =)
@ Milchbox: Jau, muss Freierfall zustimmen, ich mag die Farben nicht. Die älteren Versionen der Seite fand ich eigentlich besser.
Ansonsten würd ich vielleicht den Hintergrund nicht unbedingt weiß lassen, das wirkt irgendwie langweilig. Außerdem kann man die Boxen mit den Inhalten sicherlich interessanter formatieren. Da du ja sonst auch abgerundete Ecken benutzt, sticht sich das etwas, würde ich hier auch verwenden. Das Grau in der Captionleiste (wie auch bei den Menüpunkten) würd ich durch was anderes ersetzen (vielleicht ein kräftiges Gelb bis Orange um Kontrast zum Hintergrund des Contentbereichs zu haben (vielleicht mit einem Glaseffekt?)).
Die Schrift in der Navigation sieht oben und unten irgendwie so... abgeschnitten aus (Siehe das kleine P).
Ansonsten in Ordnung.
Ebenfalls, aber dazu möchte ich anmerken, dass ich auch hier im Forum die Schrift vergrößere. Ich hab einfach keine Lust mich 10cm vor den Bildschirm setzen zu müssen um einen Text vernüftig lesen zu können. Ich lege Wert auf meine Gesundheit (und die meiner Augen).Zitat:
Ich muss dazu sagen, dass mir das Lesen auch etwas schwerer fällt und die Schrift hier im Forum auf jeden Fall größer ist. Meine Auflösung liegt bei 1024 x 768 @ 32 Bit, mittlerer Schriftgrad.
Das ist verständlich, aber nur ein einseitiges Argument. Minne verwendet ebenfalls Listen und sieht (auch wenn ein bisschen Trickserei nötig war) in allen Browsern nahezu identisch aus.Zitat:
sicherlich wäre die linkformatierung so möglich. ich hatte sie so und ähnlich auch schon in den vorangegangen layouts. jedoch gab es da probleme mit firefox usern und der darstellung, also bin ich darauf umgestiegen. ich finde es übersichtlich und da nur ich damit arbeiten muss, ist das, denke ich, auch ok so.
Auch solltest du, wie NPC bereits sagte, auch andere Bentuer im Kopf haben. Blinde Menschen lassen sich Texte Vorlesen oder auf der Braillezeile ausgeben. Für sie erscheinen die Wörter in einer Zeile zusammenhanglos oder werden viel zu schnell gelesen, weil sie vom Screanreader als Satz und nicht als Navigation erkannt werden.
Kann ich durch diesen Kommentar davon ausgehen, dass du den Internet Explorer zum surfen und testen verwendest? Das wäre schlecht, denn einerseits ist der IE gefährlich, zum anderen verwendet keine deiner Seiten einen Doctype, wodurch der IE im Gegensatz zu anderen Browsern enorme Darstellungsfehler (meist als richtig missverstanden) erzeugt (es handelt sich dabei praktisch um einen IE5.5 im aktuellen IE).
Die nicht-skalierbaren Buttons sind wirlich eine Qual. Vor allem, wenn durch das hovern eine neue Hintergrundfarbe erscheint werden manche Texte (z.B. Tutorials) unlesbar.Zitat:
Zitat von Milchbox
Das ganze sieht sonst ja ganz nett aus (ich verzsichte mal darauf, in den Quelltext zu schauen ;) ), was mich aber auch hier stört ist, dass das Design nicht in der Breite flexibel ist, weshalb es beim skalieren Probleme gibt. Eine Maximalbreite von 40-45em sollte schon sein ;)
Da du eigentlich immer alles skalieren willst, wundert es mich, das du nicht opera benutz, bei dem automatisch grafiken usw mit skaliert werden, wenn du die schriftgröße änderst, und so die proportionen immer erhalten bleiben :DZitat:
Die nicht-skalierbaren Buttons sind wirlich eine Qual. Vor allem, wenn durch das hovern eine neue Hintergrundfarbe erscheint werden manche Texte (z.B. Tutorials) unlesbar.
Gute Frage, ich glaube das kann ich gar nicht richtig begründen. Ich mag den Firefox einfach lieber, weil ich die Bedienung intuitiver finde. Das ist wohl Geschmackssache.
Davon abgesehen haben aber Text- und Komplettzoom verschiedene Vor- und Nachteile. Aber auch hier kann man sich streiten, was das kleinere Übel ist. Mir reicht der Textzoom in den meisten Fällen.
Opera hat nebenbei noch immer (wenn inzwischen auch wesentlich seltener) Schwierigkeiten, die Texte richtig anzuzeigen, wenn man zoomt (Pixelverschiebungen, wodurch der Eindruck von kursiver oder fetter Schrift ensteht).
Nebenbei ist in der Firefox Codebasis inzwischen das Fundament vorhanden, dass die Implementierung des Komplettzooms ermöglicht. Vielleicht sehen wir das also in Firefox 3. Ob das nun was gutes ist oder nicht muss sich aber erst noch zeigen.
Das Lustigste daran ist noch der Haftungsausschluss für links....
Du musst mächtig Langweile haben ô_O
Ich finds sehr praktisch :)Zitat:
Ob das nun was gutes ist oder nicht muss sich aber erst noch zeigen.
Das ist genau mein Ding, Baby!Zitat:
Zitat von NPC Fighter
Bezog mich auch eher auf die Implementierung. Microsoft hat ja gezeigt, dass man es auch vermasseln kann. Natürlich kann man die beiden nicht vergleichen, aber ich denke Mozillas Variante wird nicht identisch mit Operas sein.Zitat:
Ich finds sehr praktisch
@Fighter: Ich hätte gedacht, die Seite wäre für Netscape ; ; (damals Marktführer, aber da du keine Frames verwendest muss es wohl so sein).
Außerdem glaube ich, dass du spacer.gifs vergessen hast.
@NPC: echt gut ;>
@MyKiddieWebsite: ich habs auch gerade bemerkt... Das Design sah echt wie im Kindergarten aus ^^ Deswegen hab ich mein altes wieder drauf gemacht.
Außerdem noch das Design von meinem einbaubaren Upload geändert:
http://upload.milchbox.com/
Geplant ist noch, dass man das Design völlig selbst gestalten kann.
Das mit der falschen height-Anzeige, der rechten Hälfte, im IhÄh und der Oper tut mir nicht Leid :P
Holt euch den feurigen Fuchs!!!
mh, bei mir sieht in opera alles richtig aus.
Leuten einen Browser aufzwingen hat man vor 10 Jahren gemacht, nicht heute.
Hallo Community,
wollte euch auch mal meine Seite vorstellen. Eigentlich entstand sie aus dem Gedanken, den Leuten auf der Hauptseite eine Möglichkeit zu bieten, Flyer für ihre Party Veranstaltungen hochzuladen. Nach dem die Subdomain aber innerhalb eines Tages auf Platz 5 für den Suchbegriff "Image Upload" gesprungen ist (liegt wohl am immensen Trust-Wert der Hauptdomain), hab ich das Script etwas weiter entwickelt.
Im Grunde genommen, handelt es sich um eine simple Image Upload Seite.
http://image-upload.foruni.de
Über Kritik, Lob, Anerkennung und 2 Millionen Euro auf meinem Konto freue ich mich :D
Falls ihr euch fragt, warum auf der Seite keinerlei Werbung existiert:
Nun, die Hauptseite läuft auf einem eigenständigen Server, der massig Platz zur Verfügung hat, warum sollte man diesen nicht nutzen :)
Grüßle
Steffen
Joa, das design ist schlicht und funktional, hab schon schönere gesehn.
ich mag die farbe grau nicht besonders, und finde, es wirkt etwas trist, außerdem ist dieser 'schatten' in alle richtungen nicht sehr schön.
scheint aber zu funktionieren das teil.
allerdings ist es nicht valide :B und ein tabellendesign :B :B