Archiv verlassen und diese Seite im Standarddesign anzeigen : Eure Webseiten #5
Darf ich fragen was für einen Font du da für die Überschriften benutzt hast?:O
Wie Drakes schon sagte ist die Seite nicht von mir.
Auf dieser Seite kann man einen beliebig langen Text erzeugen, welchen man als "Dummytext" für Webseiten benutzen kann und ebendiese Seite wollte ich Animagladius nur zeigen^^
Spark Amandil
10.11.2007, 03:50
Bei der Schriftart handelt es sich um die kostenpflichtige Font Delphin I. Ist für etwa 24$ zu bekommen.
Dann bin ich auch mal wieder dran:
www.perception-studios.de
~ perceptioN reloaded. *yeah xD
€dit: den Fehler mit dem Kommas im Intro kenne ich. Ich hab blos kein Bock das ganze nochmal 6 Stunden rendern zu lassen. ^^
treeghost
12.11.2007, 19:22
Dann bin ich auch mal wieder dran:
www.perception-studios.de
~ perceptioN reloaded. *yeah xD
€dit: den Fehler mit dem Kommas im Intro kenne ich. Ich hab blos kein Bock das ganze nochmal 6 Stunden rendern zu lassen. ^^
Fantastique ;_:
Das intro ist eines der besten Sachen die ihr zu bieten habt :O
Echt cool :A
dead_orc
12.11.2007, 20:34
Dann bin ich auch mal wieder dran:
www.perception-studios.de
~ perceptioN reloaded. *yeah xD
€dit: den Fehler mit dem Kommas im Intro kenne ich. Ich hab blos kein Bock das ganze nochmal 6 Stunden rendern zu lassen. ^^
Nettes Design, wenn auch ein bisschen kontrastarm (i.e. ich find die Schrift zu schwer zu lesen). Aber die Werbung nervt, hol die nen Space ohne :p (oder sollte sie von dir sein such dir effizientere Wege Geld zu verdienen ;))
Außerdem will ich wenn ich im Forum auf Home klicke wieder zur Startseite und nicht zum Intro kommen :o
(oder sollte sie von dir sein such dir effizientere Wege Geld zu verdienen ;))
Geht hier nicht um mich, sondern darum die 20 € voll zu kriegen, dass ich mir das Geld endlich auszahlen lassen kann. Will nicht einfach so 15 € verfallen lassen. ^^"
Außerdem will ich wenn ich im Forum auf Home klicke wieder zur Startseite und nicht zum Intro kommen
Berechtigte Kritik. Ist mir auch schon aufgefallen, war aber bisher zu faul das zu beheben. :)
Wer mich gleich / später, wenn der Film zu Ende ist, den ich gerade schaue, beheben!
Fantastique ;_:
Das intro ist eines der besten Sachen die ihr zu bieten habt :O
Echt cool
Dankeschön. :)
echt ned schlecht.
ich nehm mal mitakis antwort vorweg, indem ich schreibe, das die schrift zu klein ist. (diesmal stimmt das sogar wirklich ;D)
dann finde ich, das "www.perception-studios.de" im header stört, würd ich wegmachen.
und, ja, es sind tabellen.
aber ansonsten sehr schön, gefällt mir (sogar das flash video ist ganz gut. auch wenn ich flash intros hasse....)
Das Design der Seite gefällt mir gut. Auch das Intro ist nett gemacht ;)Aber ein paar Kritikpunkte gibt es doch: Die Schrift ist wie gesagt zu klein und damit schwer zu lesen. Der HTML Code ist nicht nur invalide sondern auch ziemlich eklig - wir leben im Zeitalter von CSS, Attribute wie background oder topmargin sind veraltet, ebenso wie der <font> Tag. Für die Titelgrafik sollte mindestens ein Alternativtext angegeben werden - sonst ist man ohne Grafiken aufgeschmissen.
Wenn du die Seite etwas valider und auch semantisch korrekter gestalten würdest, wäre sie nahezu perfekt :D
Kris das Intro und die Website allgemein ist echt der Hammer, bin echt begeistert davon. Schön wie ihr die Site mit dem Forum verknüpft.
greetz,
g9re
*Thema ausgrab*
Mein geschätzter Zwillingsbruder Odious, welcher im MMX kaum aktiv ist hat kürzlich eine Webpräsenz gestartet, welche Informationen rund um Forensoftware behandelt. News, Vergleiche usw.
Foren-Infos.net - Informationen, News und HowTos zu Internetforen (http://foren-infos.net)
Außerdem haben Inhaber von (bevorzugt kleineren Foren) hier die Möglichkeit ihre Foren in ein Verzeichnis einzutragen.
Forum in das Forenverzeichnis eintragen (http://foren-infos.net/formular/forenverzeichnis/)
Obwohl die Seite erst seit kurzem existiert und nur PR0 hat erreicht es bereits gute Positionen zu themen-betreffenden Schlagwörtern in Google.
Underserial
18.04.2008, 11:22
so hab ne kleinere Überarbeitung gestartet.
www.esdi-page.de
Wäre cool, wenn du sagen könntest, wo die Überarbeitung ist.
Edit: Mir fällt nur das verbuggte Chatfenster unten rechts auf, was breiter ist als der rechte Balken.
Underserial
18.04.2008, 16:12
Naja ich hab viele Bilder auf den einzelnen Seiten eingefügt, einen verbuggten chat und ettlich Ressis für Maker =)
Ignis-sama
18.04.2008, 16:34
*Thema ausgrab*
Mein geschätzter Zwillingsbruder Odious, welcher im MMX kaum aktiv ist hat kürzlich eine Webpräsenz gestartet, welche Informationen rund um Forensoftware behandelt. News, Vergleiche usw.
Foren-Infos.net - Informationen, News und HowTos zu Internetforen (http://foren-infos.net)
Außerdem haben Inhaber von (bevorzugt kleineren Foren) hier die Möglichkeit ihre Foren in ein Verzeichnis einzutragen.
Forum in das Forenverzeichnis eintragen (http://foren-infos.net/formular/forenverzeichnis/)
Obwohl die Seite erst seit kurzem existiert und nur PR0 hat erreicht es bereits gute Positionen zu themen-betreffenden Schlagwörtern in Google.
Hehe..
Immer schön Werbung machen :A
Milchbox
18.04.2008, 18:18
so hab ne kleinere Überarbeitung gestartet.
www.esdi-page.de
Schöne Seite. Allerdings ist, wie schon gesagt, die Shoutbox zu breit und sollte an die rechte Navigationleiste angepasst werden. Außerdem sollte die Firefox Downloadseite auf http://www.mozilla-europe.org/de/products/firefox/ verweisen, da der jetzige Link zu einer geparkten Domain führt.
Btw: In dem Beastie Boy Video geht ihr ja ab xD
Ich selbst habe mal meinen Dateiupload aufpoliert: http://upload.milchbox.com/
Underserial
18.04.2008, 18:38
Vielen Dank für den Hinweis.
Das mit der Shoutbox ist sehr komisch... irgendwie liegt das anscheinend an ner Einstellung... muss mal schaun ob ich es hinkriege.
Ja Beastie Boys ist ziemlich cool :D
Besser spät als nie...
Ich hab für meinen Chef www.firehazard-studio.com überarbeitet. Das Design sollte soweite valide sein und sieht auch in IE 7, Opera 9, Firefox 2 und Safari 3 ordentlich aus. IE 6 wird explizit nicht unterstützt, weil das Design da wirklich arg zerschossen aussieht und ich momentan für andere Sachen gebraucht werde.
dead_orc
20.04.2008, 16:42
Besser spät als nie...
Ich hab für meinen Chef www.firehazard-studio.com überarbeitet. Das Design sollte soweite valide sein und sieht auch in IE 7, Opera 9, Firefox 2 und Safari 3 ordentlich aus. IE 6 wird explizit nicht unterstützt, weil das Design da wirklich arg zerschossen aussieht und ich momentan für andere Sachen gebraucht werde.
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.
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. ^^
Und irre ich mich oder ist die Deutschland-Flagge auf der Seite selber dunkler als die Amerika-Flagge? (und warum Amerika und nicht England? :p)
Aber genug der Kritik: Das Design ist nett, und ich finde es gut, dass ihr IE6 bewusst nicht unterstützt. :D (ich würde das auch gerne mal können -_-)
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!)
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.
Und irre ich mich oder ist die Deutschland-Flagge auf der Seite selber dunkler als die Amerika-Flagge? (und warum Amerika und nicht England? :p)
Die aktuell gewählte Sprache ist ausgegraut.
Aber genug der Kritik: Das Design ist nett, und ich finde es gut, dass ihr IE6 bewusst nicht unterstützt. :D (ich würde das auch gerne mal können -_-)
thx.
@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
Die HTML Umsetztung ist nicht valide und leider auch nicht eingerückt
Jetzt schon =)
Also, dann stelle ich hier mal nformer (http://www.nformer.de/) 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.
Also, dann stelle ich hier mal nformer (http://www.nformer.de/) 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.
Link entfernt (http://www.multimediaxis.de/)
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.
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 (http://basssexcrips.blogspot.com/)
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 (http://validator.w3.org/check?uri=http%3A%2F%2Fbasssexcrips.blogspot.com%2F&charset=(detect+automatically)&doctype=Inline&group=0) sind doch etwas viel. o_O Das CSS ist auch merkwürdig: 11 Fehler (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbasssexcrips.blogspot.com%2F&profile=css21&usermedium=all&warning=1&lang=de).
Gilt natürlich nur, falls du nicht komplett irgendeine Blog-Software verwendest oder dort zumindest irgendeinen Einfluss auf den Code hast.
@ 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 (http://validator.w3.org/check?uri=http%3A%2F%2Fbasssexcrips.blogspot.com%2F&charset=(detect+automatically)&doctype=Inline&group=0) sind doch etwas viel. o_O Das CSS ist auch merkwürdig: 11 Fehler (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbasssexcrips.blogspot.com%2F&profile=css21&usermedium=all&warning=1&lang=de).
Gilt natürlich nur, falls du nicht komplett irgendeine Blog-Software verwendest oder dort zumindest irgendeinen Einfluss auf den Code hast.
Das ist Blogger (http://www.blogger.com/home). ;) Aber man kann da denn Code schon sehr stark beeinflussen, als erstes sollte er den Javascript zu einem 'Kommentar' machen.
<script type="text/javascript"> /* <![CDATA[ */ Javascript /* ]]> */ </script>
Flying Sheep
20.06.2008, 22:48
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.
Alles in Allem gefällt's mir gut.
danke :)
@ 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 :D). 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 :)
Und ich setze selber gleich mal hinterher:
Bass Sex Crips (http://basssexcrips.blogspot.com/)
Gefällt mir im Grunde auch ganz gut (jaja, grau = sexy :D). 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!)
Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code. (http://crystalreactor.cr.ohost.de/) :)
dead_orc
30.06.2008, 09:05
Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code. (http://crystalreactor.cr.ohost.de/) :)
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.
So, verändert und an der area gearbeitet, der ein alt-Attribut fehlte. :)
Spark Amandil
30.06.2008, 14:40
Meine Fresse, mal wieder viel Bunti bunti mit wenig Inhalt. Naja wers mag, was die Seite darstellen / vermitteln soll is jedenfalls nicht ersichtlich, und ich hoffe sehr dass deine Zielgruppe keinen Internetexplorer benutzt. (ja ich spreche von dem immer noch extrem weit verbreiteten ie6 bei dem diese Pngs dann extrem scheisse aussehen werden)
In meinen Augen leider nichts weiter als ein kleiner, unbedeutender Grafikblender, sorry.
Was mir irgendwie nicht so recht klar werden will: deine Divs setzen zum Teil auf 800px breite, der eigentliche Content innerhalb dieser Divs nimmt gerade mal 2/3 ein während viel leerer Raum bleibt. Was das bezwecken soll kann ich nicht erkennen... spätere Werbeeinblendungen an den Seiten vielleicht?
Nö, hab' in zu kleinen Maßstäben designt.
Und mal ehrlich: Die (meist) unerfahrenen Benutzer des Internet Experten 6 werden wohl bei den "Features" des IE7 (aufgepasst: Neues Aussehen der Schaltflächen "Zurück", "Vorwärts", "Startseite" und "Aktualisieren".) längst gewechselt haben. Und wie du sicherlich weißt, hat es der neue Internet Experte 7 sogar geschafft, Transparenz in PNGs darzustellen.
Und wegen des Bunti, Bunti: Klicki-Bunti ist doch schön. :D (Außerdem kann man an Spiegelungen, Glass-Effekten und Schatten nie sparen, hehe.)
Im Vergleich zum alten Layout, falls es dir besser gefallen sollte:
Klick (http://img369.imageshack.us/img369/2209/blajl1.jpg)(i-Bunti?)
Das ganze ist übrigens eine Seite über unser Entwicklerteam, das atm wohl kaum Mitglieder hat.
Inhalt wurde beim Bild natürlich entfernt, damit man das gesamte Layout betrachten kann. ;)
EDIT: Bzgl. der Divs: Das Ganze muss man übrigens machen, damit auch Nutzer des IE7 die zentrierte Seite sehen können. Ansonsten gibt's wieder Anzeigefehler. (Auch ein Grund, warum man den IE eigentlich in Stich lassen sollte; wären da nur nicht die Surfer, die mit ihm das Internet erkunden.)
Spark Amandil
30.06.2008, 19:59
Und mal ehrlich: Die (meist) unerfahrenen Benutzer des Internet Experten 6 werden wohl bei den "Features" des IE7 (aufgepasst: Neues Aussehen der Schaltflächen "Zurück", "Vorwärts", "Startseite" und "Aktualisieren".) längst gewechselt haben. Und wie du sicherlich weißt, hat es der neue Internet Experte 7 sogar geschafft, Transparenz in PNGs darzustellen.Das Problem ist dass die meist unerfahrenen Benutzer des Internet Explorers gar nicht wissen dass man diesen in neuerer Version haben kann, bzw es nicht gebacken bekommen, Autoupdate hin oder her.
Die Statistiken diverser Dienste bestätitigen dies auch. Von den rund 60-70% der Internetnutzern die mit dem IE surfen, nutzt noch spürbar mehr als die Hälfte die Version 6 (ein paar wenige sogar niedriger). Und dass der IE7 den Alphakanal eines PNG mitlerweile richtig interpretiert ist mir bewusst, ändert aber leider nichts daran dass umgerechnet 2 von 5 Leuten deine Seite als wüstes Chaos sehen würden ;)
Ich kann dich verstehen und würde mir auch nichts lieber wünschen als meinen Kunden zu sagen "IE ist technischer Dreck, auf den Verzichten wir" dann würden die Kunden aber auch auf meine Dienste verzichten. Es wäre so als würde der Staat sagen "Jeder der mit einem Auto auf unseren Straßen fährt das älter als 2 Jahre ist hat ein Bußgeld zu zahlen, gibt schließlich neue Autos". Leider kann und darf man es sich auch heute noch nicht leisten den mit Abstand meistverbreiteten Browser aussen vor zu lassen so sehr auch jeder Webdesigner laut "ja!" schreien würde.
Dass das neue Layout im vergleich zum alten besser ist streite ich nicht ab, nur an den relevanten Dingen hat sich dabei leider eher wenig getan. Die Grafiken nehmen trotz Transparenzverlauf teilweise mehr Fläche ein als nötig wäre, der Bereich der für den Content gedacht ist kommt vollkommen zu kurz obwohl er der mit Abstand wichtigste Teil ist.
EDIT: Bzgl. der Divs: Das Ganze muss man übrigens machen, damit auch Nutzer des IE7 die zentrierte Seite sehen können. Ansonsten gibt's wieder Anzeigefehler. (Auch ein Grund, warum man den IE eigentlich in Stich lassen sollte; wären da nur nicht die Surfer, die mit ihm das Internet erkunden.)Ich hab gerade wenig Lust / Zeit mich durch deine Struktur und das Stylesheet zu wühlen, muss mich über diese Bemerkung aber doch sehr wundern. Ein schlichtes margin: 0 auto; stellt die Seite zentriert dar, auch für den IE.
Dein Aufbau hingegen ist doch recht... ehm spektakulär, vor allem die Mischung einerseits im head css anzuwenden, nur um die gleichen Befehle in der Codestruktur dann zu wiederholen. Die Buttons dann als map statt einer Liste bzw Tabelle in der die Slices der einzelnen Buttons liegen... Dafür dass die Seite an und für sich sehr simpel aufgebaut ist, hast du erstaunlich umständlich verschachtelten Code verwendet der locker dreimal so umfangreich ist wie nötig wäre.
Puh ich muss sagen es fällt schwer bei soviel Chaos im Code den Durchblick zu behalten, sorry nicht persönlich gemeint.
edit:
okay hab mir den Code doch mal genauer angesehen. Zum Teil wirken da Anweisungen zwei/dreimal in Folge, so zb gibts 3 mal n <a href> für ein und das gleiche Picture.
Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code. (http://crystalreactor.cr.ohost.de/) :)
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:
<h1 id="#foo"><span>Eine Überschrift</span></h1>
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 (http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php) 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 ;)
Mugen also das erste Design gefällt mir recht gut.
So jetzt meine:
http://home.gelsennet.de/~doerner/HP/default.htm
Die Portal Seite werde ich dann mal Updaten(auf unteren Text bezogen).
Bevor jemand mit den IFrames kommt, ich weiss das ihr sie nicht mögt aber alle Browser außer:
MSIE 5.01 Windows XP Leerer Frame
MSIE 4.01 Windows XP Leerer Frame
MSIE 5.5 Windows XP zeigt nicht alles an im Frame. (Könnte daran liegen das der mit meine Reload Methode ein Problem hat)
IRONIE,MEIN LIEBLINGS BROWSER,BIN JETZT TRAURIG! :\
Zerhacken die Seite:
Dillo 0.8.5 Ubuntu 7.10 Zerhackt die ganze Seite(ist am schlimmsten!)
MSIE 8.0 Beta/ Windows XP (nur leicht aber trotzdem nicht schön!)
Und diese zeigen die Bilder im Frame nicht an. Aber sonst alles normal!Liegt wohl daran das, dass neben dem Bilder der Text sein soll, wenn ich das abschalte geht es!
Opera 9.50 Windows XP
Flock 2.0 / Ubuntu 7.10 (Gutsy Gibbon)
Habe das ganze auf http://browsershots.org/ testen lassen.
Scheint ganz gut zu sein.
Würde mich über Kritik freuen. :)
NPC Fighter
02.07.2008, 17:24
WIR SIND FÜR ALLE BROWSER
Abgesehen von IE < 6 und 8, Dillo, Opera und Flock. Davon abgesehen finde ich diese gesamte Introseite ziemlich merkwürdig, auf der mir im Titel und in der Mitte ein großgeschriebener Satz entgegensteht, der grammatikalisch auch nicht allzu anspruchsvoll ist und abgesehen von Links zu diversen Webbrowsern wenig Sinn hat. Ich würde das Ding ersatzlos streichen. Braucht niemand, ist nervig und zieht die Zeit bis zum Finden einer gewünschten Information unnötig in die Länge.
Zur Seite an sich:
Also grafisch macht das Teil meiner Meinung nach nicht besonders viel her. Diese quietschbunten, runden Buttons, die einen andersfarbigen Hintergrund an ihren Kanten haben, passen da halt irgendwie einfach so gar nicht ins Restbild.
Diese Streifen überall sind auch nicht gerade State of the Art.
Der Header macht auf mich einen irgendwie plumpen Eindruck, weil dieses Logo keinen Wiedererkennungswert hat und ansonsten halt auch nur aus dem (arg großen) Schriftzug auf einem Verlauf besteht.
Das Bild rechts ist halt extrem nichts sagend, wie wäre es mit einer Bildunterschrift, die mir erklärt, was das überhaupt soll?
Dass die Frames auf keine allzu große Gegenliebe stoßen werden, hast du ja selbst schon ganz richtig erkannt. (;
Also mein Fall ist es (wie du wahrscheinlich schon gemerkt hast) nicht so wirklich. Ich würde das Design nochmal komplett überarbeiten und dabei auch darauf achten, kein so grobes Layout zu machen. Bei kleineren Displays sieht das nicht unbedingt klasse aus und mit einer horizontalen Scrollleiste ist auch niemandem geholfen. Warum lässt du die Breite nicht einfach mit der des Browserfensters mitskalieren?
Und bitte: Auf der Seite hast du angegeben, dass du PHP-Kenntnisse hast. Da ist es doch nicht so das Problem, auf Frames zu verzichten und damit die typischen Frame-Probleme, mit denen du deine Seite belastest, aus der Welt zu schaffen. ^^
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:
<h1 id="#foo"><span>Eine Überschrift</span></h1>
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 (http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php) 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 ;)
Werd' bei einem neuen Projekt/Layout mehr darauf achten.
Das mit den Imagemaps hat mir Spark Amandil ebenfalls gesagt. Werd' sie wohl beim nächsten mal komplett weglassen, es sei denn, es fallen kleine Spielereien an, die Imagemaps benötigen (bzw. mit denen es leichter wird). (Z.B. ein Bild, welches Pixel enthält, die 'ne Map besitzen und einem zu 'ner Seite führen.)
PHP hab' ich eigentlich nur als Dateiendung genommen - weiß nicht, gefiel mir besser als .html. *g*
Alternativtexte kommen auch noch rein, die tags dafür sind da.
An die Überschriften hab' ich, um ehrlich zu sein, auch nicht richtig gedacht.
Aber nun gut, danke für eure Tipps, die ich natürlich in spätere Webprojekte mit einfliessen lasse. :)
(Python-Crack bin ich noch nicht, eher'n Anfänger, der grade einen nicht-grafischen Taschenrechner hinbekommt - mit Schleifen. *g* Bisher gefällt mir die Sprache jedoch sehr, da sie sehr einfach, jedoch trotzdem mächtig ist, zumindestens für eine Interpretersprache. Da fande ich eine Fanboy-Sig doch schon passend. *g*)
So, hier mal eine von mir. Ich weiß, der Code ist nicht gerade der beste, was aber daher kommt, dass ich bisher einfach zu faul war die ganzen "style" in meinen divs zu classes umzuwandeln bzw. sie in den Stylesheet einzubinden.
Deswegen ist alles auch etwas sehr unübersichtlich, ich hoffe ihr verzeihts mir.. :)
Zum Inhalt bleibt zu sagen, dass da wohl keiner mehr hinzukommen wird, da ich nicht vorhabe was aus der Seite zu machen...daher kommts auch, dass kein einziger Link funktioniert, bzw. keine Funktionen zur Verfügung stehen.
//Edit: Der Top-Button funktioniert :D
(http://myrpgsquare.my.funpic.de/xrs/)
Also mir gefällt die Seite gut.
Bis auf das Logo, weil die Schrift nur sehr schwer lesbar ist.
NPC Fighter:
Aber der Server muss auch PHP können und den Platz haben.
Was mit 10MB nicht grade gut umsetzbar ist :D , aber dort gibt es wenigstens keine Werbung.
Muss mich erst mal nach einem richtigen Server umschauen.
Bin am überlegen ob ich mir einen bei Strato zuelege.
Bin am überlegen ob ich mir einen bei Strato zuelege.
Davon kann ich abraten! www.netclusive.de <3
btw. ich werkel gerade an einer neuen Version meiner Homepage.
Momentan noch "alpha", mit einigen Bugs (vorallem der IE verzerrt das Design so schlimm -__-") aber trotzdem dürft ihr euch Kritik-mäßig mal austoben:
http://home.perception-studios.de/test
Der YouTube-Converter funzt übrigens schon. ^^
Wird aber erst in den nächsten Tagen für registrierte User unter "Web-Services" verfügbar sein. :)
Davon kann ich abraten! www.netclusive.de <3
btw. ich werkel gerade an einer neuen Version meiner Homepage.
Momentan noch "alpha", mit einigen Bugs (vorallem der IE verzerrt das Design so schlimm -__-") aber trotzdem dürft ihr euch Kritik-mäßig mal austoben:
http://home.perception-studios.de/test
Der YouTube-Converter funzt übrigens schon. ^^
Wird aber erst in den nächsten Tagen für registrierte User unter "Web-Services" verfügbar sein. :)
Das Design gefällt mir ;)
Aber leider ist die Seite nicht valide. Ausserdem fehlen alt-Attribute bei den Überschriften. Du könntest außerdem genau wie Mugen mehr spezielle Elemente wie zum Beispiel <h*> für Überschriften anstatt einem Haufen von <div>s und <span>s (oder aber Bilder) verwenden (siehe meinen letzten Post in diesem Thread).
Statt mit <center> solltest du Elemente mit margin: 0px auto zentrieren. Auch <font> ist veraltet, verwende stattdessen <span>s mit den entsprechenden CSS Eigenschaften.
Zu deinem CSS-Code: float: center gibt es (leider) nicht, und bei vielen Größenangaben fehlen die Einheiten (px).
Zum Design: Was eventuell gut aussehen würde, wäre eine dunklere Umgebung des Inhaltsbereichs in der Mitte.
Ich hoffe du kannst damit was anfangen ;)
Das Design gefällt mir ;)
Danke. :)
Aber leider ist die Seite nicht valide. Ausserdem fehlen alt-Attribute bei den Überschriften.
Ob ich sie noch valide kriege, werden wir sehen. Die "alt-Attribute" werden noch ergänzt.
Du könntest außerdem genau wie Mugen mehr spezielle Elemente wie zum Beispiel <h*> für Überschriften anstatt einem Haufen von <div>s und <span>s (oder aber Bilder) verwenden (siehe meinen letzten Post in diesem Thread).
Nein. Das ist leider nicht möglich, da die "Überschriften" dynamisch, mit php generierte, Bilder sind. D.h. ich müsste den Text an die CSS-Datei übergeben oder die Klasse in der "index" selber deklarieren... Da finde ich meine Lösung etwas sauberer!
Statt mit <center> solltest du Elemente mit margin: 0px auto zentrieren.
Och Leudde, seid doch froh, dass ich zum 1. mal keine Tabellen verwende. -__-"
Bin halt da nun mal etwas "oldsql". :P
Auch <font> ist veraltet, verwende stattdessen <span>s mit den entsprechenden CSS Eigenschaften.
Zu deinem CSS-Code: float: center gibt es (leider) nicht, und bei vielen Größenangaben fehlen die Einheiten (px).
Der Code ist ja nicht zu 100% neu geschrieben. Gerade der Content ist ja noch der selbe, wie bei der alten Page und dass dann mal ein <font> reinrutscht kann gut sein. Werde ich nicht zu 100% wegbringen können, weil dann müsste ich 3 Tage lang mit phpMyAdmin schlafen und das wäre mir unangenehm. -__-"
Und Einheiten hatte ich vergessen. ^^ Ist erledigt.
Zum Design: Was eventuell gut aussehen würde, wäre eine dunklere Umgebung des Inhaltsbereichs in der Mitte.
Ich hoffe du kannst damit was anfangen ;)
Hm.. Ich hab mal ein bisschen rumprobiert, aber das sieht nicht so gut aus, wie vorher.
Danke für deine Hilfe. :)
Nein. Das ist leider nicht möglich, da die "Überschriften" dynamisch, mit php generierte, Bilder sind. D.h. ich müsste den Text an die CSS-Datei übergeben oder die Klasse in der "index" selber deklarieren... Da finde ich meine Lösung etwas sauberer!
Du kannst trotzdem statt
<div class="news_headline"><b>#</b><img></div>
<h2><span>#</span><img></h2>
mit entsprechendem CSS dazu verwenden.
Und für den Header kannst du <h1> benutzen, indem du zum Beispiel ein <h1> in das <div> packst, dass du dann über CSS aublendest. Das hat den Vorteil, das auch Leute mit Browsern ohne CSS/Bilder (sehr selten) oder auch Suchmaschinen mit der Seite besser klarkommen.
Ansonsten ist mir eben noch aufgefallen, dass der Kontrast der Schrift in den Loginfeldern sehr gering ist, das ist nahezu unlesbar bei einer etwas höheren Auflösung. Zumindest bei Focus könnten die heller sein.
http://home.perception-studios.de/test/index.php?go=services
Kleines Update. Der "YouTube 2 Mp3 - Converter" ist einsatzbereit. ;)
Ist meine Seite so perfekt, dass es nichts dran auszusetzen gibt? Wohl kaum..
Bewertung & Kritik bitte ;__;
treeghost
08.07.2008, 16:25
@Antares Vom Design her sieht es richtig klasse aus.Der Aufbau sieht aus wie bei einem Blog.Wo zu ist den eigentlich das Login ding oben gut?
Wirst du vielleicht ein Forum einbauen oder ein message System?
@kris Die Seite an sich sieht schon klasse aus.Das eigebaute YT to MP3
ist sehr geil.Njo aber der Header passt ihrgendwie nicht zum farblichem schema.
Der YT zu MP3 Converter rockt eh alles weg, nie wieder No. 23! NIE WIEDER! Yaaaay! :eek: :eek: :eek:
@AntaresWo zu ist den eigentlich das Login ding oben gut?
Wirst du vielleicht ein Forum einbauen oder ein message System?
Also generell erstelle ich eigentlich selten richtige Webseiten, ich erstelle entweder Designs oder verwende ein bereits bestehendes meiner Designs, um Scripts zu entwickeln, welche unter Anderem auch das Anmeldung der User ermöglichen. Demnach baue ich in jedes meiner Design irgendwo einen Login Part ein.
Dieses Design habe ich auch hauptsächlich auß Langeweile erstellt und es wird wohl keine Verwendung mehr finden.
Dieses Design habe ich auch hauptsächlich auß Langeweile erstellt und es wird wohl keine Verwendung mehr finden.
Och warum denn? Ist doch ganz schnieke <3
Nur die Schrift vom Logo "Zeriphea" ist irgendwie unschön, und der Übergang von Page zu Hintergrund zu abrupt. (Farbverlauf?!)
Aber sonst... :A
So, hier mal eine von mir. Ich weiß, der Code ist nicht gerade der beste, was aber daher kommt, dass ich bisher einfach zu faul war die ganzen "style" in meinen divs zu classes umzuwandeln bzw. sie in den Stylesheet einzubinden.
Deswegen ist alles auch etwas sehr unübersichtlich, ich hoffe ihr verzeihts mir.. :)
Zum Inhalt bleibt zu sagen, dass da wohl keiner mehr hinzukommen wird, da ich nicht vorhabe was aus der Seite zu machen...daher kommts auch, dass kein einziger Link funktioniert, bzw. keine Funktionen zur Verfügung stehen.
//Edit: Der Top-Button funktioniert :D
(http://myrpgsquare.my.funpic.de/xrs/)
Lass uns Liebe machen.
Das musst du für irgendwas benutzen, sonst komm ich persönlich vorbei und da du dann ja mein Gesicht gesehen hast, muss ich dich dann ja leider töten. :(
[...] und der Übergang von Page zu Hintergrund zu abrupt. (Farbverlauf?!)
Was meinst du genau? Der von Weiß zu Schwarz, oder der von Schwarz zu grau? Wenn du letzteren meinst, dann hast du recht, es kommt noch ein Top-Bottom Verlauf in den Hintergrund, bin mir nur noch nicht sicher, welche Farben ich verwende .. :)
Zu deinem Yt2mp3 Converter: Wie wäre es, wenn du, nachdem die Datei temorär auf deinem Webspace gespeichert wurde, 2 Inputfelder hinzufügst, in welchen der User den Namen der Band & den Songtitel eintragen kann? Danach geht es mit dem regulären Download weiter.
@Animagladius
Danke, danke, aber momentan hab ich noch wirklich keine Ahnung.. :) Vllt wirds wirklich so ne Art Blog, obwohl ich darauf eigentlich nicht sonderlich stehe.
Wenn du letzteren meinst, dann hast du recht, es kommt noch ein Top-Bottom Verlauf in den Hintergrund, bin mir nur noch nicht sicher, welche Farben ich verwende .. :)
Meinte ich. Na dann, passt doch alles. :)
Zu deinem Yt2mp3 Converter: Wie wäre es, wenn du, nachdem die Datei temorär auf deinem Webspace gespeichert wurde, 2 Inputfelder hinzufügst, in welchen der User den Namen der Band & den Songtitel eintragen kann? Danach geht es mit dem regulären Download weiter.
Hmm. Ja, habe auch schon daran gedacht. Aber ffmpeg kann AFAIK keine ID3-Tags bearbeiten. Bräuchte also noch z.B. lame o.Ä.
Mal schaun, ob ich das hinkriege. ;)
EDIT: Lame ist ja sowas von stur. -__-"
Also mit id3ed gehts wunderbar und ist nun auch implementiert.
Ein neues Layout, welches ich für einen Kumpel erstellt hab'. (http://syforce.sy.funpic.de/)
Design ist diesmal eher Nebensache; eher möchte ich Kritik bzgl. des Codes und möchte wissen, ob ich's nun besser gemacht habe als beim letzten Mal. :)
<style type="text/css">
<!--
body {
background-image: url(images/bg.gif);
}
-->
</style>
Ist falsch in XHTML, richtig:
<style type="text/css">
/* <![CDATA[ */
body {
background-image: url(images/bg.gif);
}
/* ]]> */
</style>
btw. wieso ist das nicht in der CSS-Datei wie das andere Zeugs?
target="_self"
Ist nicht nötig.
<div id="img">
Was bringt dieses Element? :confused:
Und das div hier?:
<div><a href="index.php" target="_self"><img src="images/header_left.png" alt="header_left" width="553" height="154" /></a></div>
Das .header_right bringts so echt nicht, hättest du direkt in den header nehmen können, das position: relative; ist nicht so toll finde ich, weil du da auf pixelgenau platzieren musstest. Wenn du das so gemacht hast, damit man da nicht draufklicken kann, könntest du auch das class="header_right" in das div verschieben, bei welchem ich gefragt habe, was das bringt.
Das "header_right" habe ich extra dagelassen, um später Platz für Specials zu schaffen.
Das Div wird benötigt, um einen Anzeigefehler im IE zu beheben.
Der Rest wurde geupdated.
Nja.....ist es dieser ach so bekannte Fehler? :
http://www.webmasterworld.com/css/3483799.htm
Bin mir aber nicht sicher, ob die Lösung nicht doch war, das Bild nochmal als inline zu definieren.
Ausserdem musst du dann das header_right nicht mehr verschieben
NPC Fighter
19.07.2008, 13:06
Weiter geht's im nächsten Thread. :)
Powered by vBulletin® Version 4.2.3 Copyright ©2025 Adduco Digital e.K. und vBulletin Solutions, Inc. Alle Rechte vorbehalten.