Archiv verlassen und diese Seite im Standarddesign anzeigen : Eure Webseiten #6
NPC Fighter
19.07.2008, 13:07
http://npshare.de/files/37/6420/ew.gif
Hallo und herzlich willkommen zu "Eure Webseiten #6"!
In diesem Thread könnt ihr eure Webseiten und Webprojekte vorstellen, um sie von anderen bewerten zu lassen.
Regeln:
Bewertet andere Projekte bitte konstruktiv und in einem annehmbaren Ton.
Kritikfähigkeit ist eine essentielle Eigenschaft. Wer sich mit Händen und Füßen gegen objektive Kritik wehrt, sollte sich vorher überlegen, ob er sein Projekt hier vorstellen will.
Foren- und Portalvorstellungen gehören in den entsprechenden Thread.
Bitte stellt keine Seiten mit irgendwelchen Standardtemplates eines CMS oder eines Homepagebaukastens vor. Reine Inhaltsbewertungen sind nicht Zweck dieses Threads.
Vorgestellt werden dürfen ausschließlich eigene Seiten. Alles andere wird als Werbespam gesehen und dementsprechend mit hoher Wahrscheinlichkeit entfernt.
Letzte Seiten:
Mugen (http://syforce.sy.funpic.de/)
kris (http://home.perception-studios.de/test)
Antares (http://myrpgsquare.my.funpic.de/xrs/)
Sorry, musste leider kurzfristig die URL ändern. Neue Adresse:
http://home.perception-studios.de/homepage_v2
Mach doch die Endtags bei leeren Elementen, wenn du schon XHTML-Strict als Doctype wählst. ;)
<link rel="stylesheet" href="index.css" type="text/css" />
<br />
Hab letzte Nacht auch mal wieder was gebastelt.
DesignTime (http://designtime.de.ohost.de/).
Ist noch nicht 100% fertig, wie man sieht. Besonders der Background im Content sieht ziemlich abgehackt aus, wenn er sich wiederholt.
Wäre XHTML Strict 1.0-valide, wäre das CMS nicht von Haus aus invalide. :/
Entstand aus einer reinen Laune heraus, einfach mal wieder was zu basteln. :3
da ist zu viel platz zwischen dem header und dem inhalt, man muss viel scrollen.
das die Links, wenn sie gehighlightet werden, den rest der links verschieben, wirkt sehr unprofessionell.
das hintergrundbild hat nen leichten verlauf, und man sieht deutlich, wo es sich anfängt zu wiederholen.
Außerdem ist der Kontrast der Inhaltsboxen nicht grad Ideal, ich finds teilweise schwer zu lesen.
Ansonsten ganz hübsch, die Farbgebung gefällt mir, und der header ist recht cool.
An den Rändern der einzelnen Einträge hab ich auch noch was gefunden:
http://npshare.de/files/37/4358/designtime.png
Ansonsten würde ich Freierfall so zustimmen, die Farbgebung ist unglaublich angenehm, vor allem in Kombination mit dem Header. Die Schriftfarbe könnte tatsächlich ein wenig intensiver, obwohl mir das vor Freierfalls post gar nicht aufgefallen ist.
Und das mit den Links ist imo gar nicht so wild, passt irgendwie zum schlichten Gesamteindruck.
Animagladius:
Also finde die Farbwahl auch sehr gut.
Aber leider sehe ich Graue farb übergänge, die sehr deutslich sind.
Ich habe mich an dem Design meiner Homepage auch noch einmal dran gesetzt.
http://home.gelsennet.de/~doerner/HP/Index.htm
Der leere Glas Button ist für Rss, allerdings bin ich damit noch nicht fetig, deshalb hat er auch noch kein Rss Symbol!
@Fansoftware
Nicht schlecht soweit, jedenfalls viel besser als dein altes Design.
2 Sachen stören mich allerdings ein wenig:
Einmal solltest du die Schriftart des Logos evtl. ändern. Ich weiß nicht, aber irgendwie ist es schwer zu lesen, wenn man nicht direkt mit der Nase vorm Bildschirm hängt. Zweitens würde ich an deiner Stelle den Farbverlauf im Hintergrund der Newsbeiträge ändern. Zum Beispiel einen von links (grün) nach rechts (schwaches grün, fast weiß) oder ähnliches, würde jedenfalls besser aussehen, als ein Verlauf zur Mitte.
Bitte bewerten. (http://gonto.go.funpic.de/losthyrule/) (Schon wieder. :p)
Design ist nebensächlich, kann aber natürlich auch bewertet werden.
Allerdings möchte ich viel mehr meine Noob-Fehler in XHTML und CSS aufgezeigt bekommen. ^^'
Von daher gibt's auch keinen Content.
@Fansoftware
Das Design hat was, auch wenn ich einen sanften Farbverlauf in der Content-Box begrüßen würde. Den Fehler im Header würde ich auch ausbessern.
Ansonsten gefallen mir die Orbs und die Farbwahl.
Niji-chan
11.08.2008, 20:04
Bei der Navigation würde ich nicht innerhalb des img-Tags "border=0" schreiben, sondern das besser in der CSS-Datei regeln.
Die Benennung der Div-Container finde ich ein bisschen schlecht gewählt. Zumindest wenn du innerhalb der Navigation den Content hast.
Ansonsten ist es valide.
Das Design finde ich eigentlich gar nicht mal so schlecht. Auch dass die Navigation durch Grafiken gemacht ist, ist durch das Design akzeptabel.
Ahm, fällt euch auch ein Unterschied auf?
Mit Domain (http://www.losthyrule.de.tp/) - Ohne (http://gonto.go.funpic.de/losthyrule/)
Irgendwie scheint das Ganze nach oben links versetzt zu werden, wenn man die Seite per Domain erreicht.
Hat das rein zufällig etwas mit der kostenfreien Domain von Tipdots zu tun?
The Best Isaac
11.08.2008, 22:35
Scheint wohl wirklich am Domainanbieter zu liegen. Habe bei meiner .de.vu-Domain das gleiche Problem (ohne (http://eightyseven.ei.funpic.de/goldensun-portal/), mit (http://www.goldensun-portal.de.vu/)).
Kann man wohl nichts dagegegen machen.
Aber wirklich hübsches Design, muss ich sagen. Einziger Störfaktor ist imo, dass das BG-Bild an der rechten Seite nicht so gut in die Hintergrundfarbe eingeht. Man sieht die Grenze zu stark.
Auch wenn der Contentbereich wohl etwas zu klein geraten ist. Da geht jede Menge Platz (unnötigerweise) verloren.
Niji-chan
11.08.2008, 22:58
seht mal in den Quelltext! Das eine ist in einem iframe eingebettet - das andere nicht
kein Wunder also, dass es anders aussieht
Der Quelltext gefällt mir ganz gut eigentlich. Das mit dem content in der navi hat Niji-Chan ja schon gesagt, ansonsten ist es valide und gut lesbar, klar gegliedert.... ich würde zwar auf HTML 4.01 strict setzen, aber das ist ja jedem selbst überlassen, wichtig ist nur, dass es valide ist. :) Evtl. könntest du die alt-Attribute der Bilder etwas sinnvoller Nutzen, sodass auch Textbrowser damit etwas anfangen können. Also keine kryptischen abkürzungen und der gleichen.
kleiner Tipp: Da du ISO-5589-1 nutzt, kannst du Krüger statt Krüger als Author schreiben. Wenn du sogar UTF-8 nutzt, kannst du auch André Krüger statt André Krüger schreiben! (Man verzeihe mir einen evtl. fehler mit dem é, da ich nur Deutsch, englisch und latein kann und nicht vertraut bin mit accents oder wie die heißen)
Das Design finde ich allerdings leider überhaupt nicht gelungen - ich will mich mal auf zwei Kritiken beschränken: Zum einen ist das Layout recht verwirrend, finde ich. Rechts ist ein Menü, dass sich dann doch nicht als Hauptmenü erweist; das Hauptmenü ist erst auf dem zweiten Blick dort unter dem Header bereich zu finden und ich mag es nicht, wenn Webseiten am linken Rand kleben.
Außerdem ist die Seite farblich zu diesig, sie sollte meiner Meinung nach auch mal ein paar echte Highlights haben - deine hellsten Highlights sind mittelgrau, was eben fad wirkt, dadurch dass du auch sonst weder in den Farben noch im Tonwert mal Kontraste bringst.
Mit dem Design hast du wirklich Recht, denn später wird's dann schon ziemlich eng, falls ich in der Hauptnavigation noch weitere Punkte einbauen will. (Sieht sicherlich nicht toll aus, würde ich die Navi nach oben hin erweitern.)
Nun gut, das Design ist ja auch nicht für die Ewigkeit bestimmt (auch wenn mich das Slicen schon jetzt wieder graust) und kann mich ja noch weiterentwickeln.
Du solltest mal btw meine ersten Designs sehen: von "Farbenlehre" keine Spur. *g* (Trotzdem hab' ich's noch nicht so mit vielen Farben. Konzentriere mich da eher auf wenige und Lost Hyrule folgt eh einen etwas dunkleren Stil.)
Mit dem Encoding war ich mir nicht ganz sicher. selfhtml sagte ja auch, dass in Meta-Tags die gleichen Regeln gelten wie auch in den anderen Bereichen eines HTML-Dokuments.
Das mit dem an-der-linken-Seite-kleben: musste ich so machen, da ich das ganze nicht in eine große Box einbetten wollte, wie ich's bisher bei anderen Designs getan habe.
kleiner Tipp: Da du ISO-5589-1 nutzt, kannst du Krüger statt Krüger als Author schreiben. Wenn du sogar UTF-8 nutzt, kannst du auch André Krüger statt André Krüger schreiben! (Man verzeihe mir einen evtl. fehler mit dem é, da ich nur Deutsch, englisch und latein kann und nicht vertraut bin mit accents oder wie die heißen)
Um es noch ein bischen genauer zu sagen; Die PHP datei sollte nicht UTF-8 sein, da der eine oder andere Server damit Probleme bekommt, daher muss man dann auch zwangsläufig die Entities in der PHP-Datei verwenden.
@Mugen: Hätte auch gerne so ne schöne Zelda-Seite :) wobei leider doch ein bischen der Kontrast fehlt.
justgotowned
12.08.2008, 13:17
Ich stell mal meine frage heir rein, da ich denke, dass sie hier besser aufgehoben ist, und ein extra Thread unnötig wäre!
Wie amcht ihr die ganzen Bilder für die Buttons, Hintergründe, ect.????
Ich würde vllt. auch zum Spass eine HP machen, aber ich weiß gar nicht wie ich so Buttons machen soll.......
Hoffe mir kann das wer erklären, da manche leute echt geiles Zeug in ihre HP einbinden :D
Wie amcht ihr die ganzen Bilder für die Buttons, Hintergründe, ect.????
Photoshop oder Gimp.
Mit den beiden genannten Programmen ist es ein Kinderspiel gescheite Buttons oder Hintergründe hinzukriegen.
- Photoshop kostet eine Menge Geld
- Gimp ist die OpenSource-Variante, jedoch (meiner Meinung nach) komplizierter zu bedienen, in mancher Hinsicht jedoch auch praktischer als das kommerzielle Photoshop. (zB. das Einfärben von Grafiken ist in Gimp wunderbar einfach)
Ich würde vllt. auch zum Spass eine HP machen, aber ich weiß gar nicht wie ich so Buttons machen soll.......
Zu Buttons würde ich dir generell nicht raten, da Bilddateien von Suchmaschinen auch nicht entsprechend ausgelesen werden können. - Als Überschriften für Kategorien, okay. Jedoch für alle Verlinkungen Buttons zu verwenden ist etwas unschön. - Suchmaschinen lieben Text.
justgotowned
12.08.2008, 14:18
ich mein fürs menü!
aber wie mache ich bei GIMP Buttons? Ich will nicht für jedes Menü einen extra Button anfertigen! Aber bei GIM muss man in der Button Funktion ja ein Wort angeben..... (nur Leerzeichen geht nicht!)
Gooooogle (http://www.google.ch/search?hl=de&q=gimp+button+tutorial&meta=&btnG=Google-Suche) Und doch, du musst für jeden Link im Menu einen extra Button anfertigen(ausser du nimmst das Button-Bild als Hintergrund beim Link, CSS FTW)
justgotowned
13.08.2008, 07:05
Hatte ich so vorgehabt! :D
Außerdem kann man in GIMP per Funktion nur ovale Buttons erstellen, soweit ich weiß, aber ich kugg mir erstmal deinen Link an Danke!
Whiz-zarD
13.08.2008, 09:38
Hatte ich so vorgehabt! :D
Außerdem kann man in GIMP per Funktion nur ovale Buttons erstellen, soweit ich weiß, aber ich kugg mir erstmal deinen Link an Danke!
Seitwann kann man unter GIMP nur ovale Objekte Zeichnen?
Oder denkst du, für sowas gibt es einen Cool-Button, der dir dann tausende von Buttons erstellt?
Auf meiner Festplatte fliegt jetzt schon fast seit einem Jahr ein Design rum und jetzt hab ich mich endlich mal hingesetzt und daran gearbeitet. Hab meine Anfänger HTML-Kenntnisse und Dreamweaver (:p) benutzt. Viel ist bisjetzt noch nicht fertig, nur das Design.
Hier gehts zur Homepage (http://www.nharox.de.vu/)
Internet Explorer wird nicht unterstützt. In Firefox und Opera wird es (zumindest bei mir) richtig angezeigt~ Achja, ist meine erste Homepage, also Rücksicht nehmen. :D
Niji-chan
17.08.2008, 16:28
In Firefox und Opera wird es (zumindest bei mir) richtig angezeigt
Bei mir sieht es total verschoben aus - nutzt du denn auch den aktuellsten FF?
Eine Seite nicht für den IE ansehbar zu machen ist ziemlich dumm. Der typische Surfer hat Windows mit dem vorinstallierten IE und kümmert sich einen Dreck um FF und Opera.
Im Opera ist es bei mir auch verschoben. Deswegen auch hier die Frage, welche Version du nutzt …
NPC Fighter
17.08.2008, 16:30
Das Ding geht aber nur mit deiner Auflösung. :p
Wenn du dein Browserfenster mal in der Größe änderst, wirst du merken, dass sich der Text und die Navigation plötzlich außerhalb der hierfür vorgesehenen Bereiche befinden, was an der position:absolute Eigenschaft liegt, die du benutzt. Hiermit kannst du zwar pixelgenau festlegen, wo sich ein Element befinden soll, allerdings wird es auch ganz fest dort bleiben, ohne auf eventuelle andere Elemente zu achten. Wenn du dein Hintergrundbild nun immer in der Mitte anzeigen lässt, ändert es bei der Größenänderung seine Position und es kommt zu dem Effekt.
Am geschicktesten wäre es, die Boxen für Navigation und Hintergrund als richtige Elemente auszuzeichnen und die Inhalte dort hineinzulegen. Dann wandern sie auf Wunsch auch immer in die Mitte, wenn sich das Browserfenster verändert.
Ansonsten würde ich Times New Roman aus Ästhetikgründen maximal enorm sparsam auf meiner Seite verwenden, zumal sich serifenlastige Schriften ohne Antialiasing und in kleiner Ausführung relativ schwer am Bildschirm lesen lassen.
Die Designs finde ich soweit ganz okay, allerdings sieht der blaue Hintergrund meiner Meinung nach ein bisschen zu arg nach Baby-blau aus (bin mir nicht sicher, sitze im Moment an einem recht miesen Monitor) und beim roten Hintergrund sieht man recht starke Stufeneffekte.
Eine Willkommens-Seite ist generell immer so eine Sache; ich habe irgendwann mal davon gelesen, dass sie von Surfern zu eine der 10 schlimmsten Websünden ernannt worden ist. ^^
Zumal du sie so gestaltest, dass man recht lange braucht, bis man auf die Seite kommt (Die Buttons und der erklärende Text wollen erfasst und begriffen werden, der Mauszeiger muss auf die recht kleinen Icons manövriert werden. Das hört sich im ersten Moment lächerlich an, aber für den Besucher sind die Informationen auf deiner Seite das wesentlichste. Je länger er braucht, um sie zu finden, desto weniger ansprechend wird er deine Seite finden).
Aber hey, dafür, dass es deine erste Seite ist, ist sie doch ganz okay geworden. (=
Das Ding geht aber nur mit deiner Auflösung. :p
[...]
Ach verdammt, ich hab ganz vergessen dass es auch noch andere Auflösungen gibt. :D Danke, ich werds mir dann mal angucken.
Ansonsten würde ich Times New Roman aus Ästhetikgründen maximal enorm sparsam auf meiner Seite verwenden, zumal sich serifenlastige Schriften ohne Antialiasing und in kleiner Ausführung relativ schwer am Bildschirm lesen lassen.
Mit den Fonts hab ich mich noch nicht wirklich beschäftigt aber ich werde darauf achten. :p
Die Designs finde ich soweit ganz okay, allerdings sieht der blaue Hintergrund meiner Meinung nach ein bisschen zu arg nach Baby-blau aus (bin mir nicht sicher, sitze im Moment an einem recht miesen Monitor) und beim roten Hintergrund sieht man recht starke Stufeneffekte.
Ich glaub das liegt an deinem Monitor, ich find es sieht gut aus. Also das Blau, ist wahrscheinlich Geschmackssache. Das mit den Stufeneffekt ist mir auch schon aufgefallen, bin nur noch nicht dazu gekommen es zu ändern. :D
Eine Willkommens-Seite ist generell immer so eine Sache; ich habe irgendwann mal davon gelesen, dass sie von Surfern zu eine der 10 schlimmsten Websünden ernannt worden ist. ^^
[...]
Auch wieder Geschmacksache, mir gefällts so. Aber da hast du recht, ich sollte die Schrift größer machen und die Buttons auch einen tick größer.
Aber hey, dafür, dass es deine erste Seite ist, ist sie doch ganz okay geworden. (=
Danke, ist halt noch im frühen Stadium. ;)
alpha und beta
18.08.2008, 09:48
Hallo,wollte mal meine Website zeigen...kennen dort uns persöhnlich!
ich selber gehöre nicht "direkt" zur der Schaupielergruppe,sondern
bin nur der Techniker bzw. Videoverarbeiter und wollte nun
mal wissen,wie ihr den neuen Style vom Forum
findet:
Newstyle2 (http://www.newstyle2.de/)
Whiz-zarD
19.08.2008, 13:45
Hallo,wollte mal meine Website zeigen...kennen dort uns persöhnlich!
ich selber gehöre nicht "direkt" zur der Schaupielergruppe,sondern
bin nur der Techniker bzw. Videoverarbeiter und wollte nun
mal wissen,wie ihr den neuen Style vom Forum
findet:
Newstyle2 (http://www.newstyle2.de/)
Da gibt es eigentlich nur eins zu sagen: WTF? :rolleyes:
Ich bin zwar gegen Zensur aber bei dieser Seite würde ich mal ne Ausnahme machen und sie komplett löschen.
Zu den Videos sag ich jetzt mal nichts. Hab keinen Bock, auf "Du olles Nazischwein" gebashe.
und btw. welches Forum?
Flying Sheep
19.08.2008, 16:50
WTF war so in etwa auch mein erster Gedanke von der Seite.
Eigentlich kann ich auch sonst alle Punkte unterstreichen, die Whiz-zarD schon genannt hat, aber hier mal ein paar andere Sachen:
- Schriftbild:
Da gibt es nichts schön zu reden, die Rechtschreibung ist grausam. Imo ist das ein Grund, eine Internetseite verbieten zu lassen. Das mag hart klingen, aber ich finde es immer ziemlich lächerlich, wenn eine Seite von Fehlern nur so strotzt, man präsentiert sich doch im Internet vor vielen Leuten, da muss das doch nicht sein. Ein paar Schnitzer wären ja nicht schlimm, aber das hier ist wirklich grausam.
- Frames:
Es ist ein leidiges Thema, das stimmt. Allerdings - richtig, ich bin kein Freund von Frames! - sehen sie immer mistig aus, haben weniger als halb so viel Nutzen wie Nachteile und nicht zu vergessen, sie sehen immer noch mistig aus (mehr als ein Scrollbalken für eine Bildrichtung ist imo "teh Fail!" überhaupt, vom Nerv mal abgesehen).
- Design:
Hier will ich mich sehr kurz fassen:
Mein Fall ist es nicht. Die Figuren, die um den Content rumstehen, haben mich eher dazu verleitet, zu denken, du hättest eine "Anti"-Website gebastelt (im Stile von stophiphop.com und Konsorten); ich musste jedenfalls lachen. Vorteilhaft sind die Komiker jedenfalls nicht für ein gutes Design und eine "erfolgreiche" Seite.
- Bilder:
Wenn man die Bilder im Inhalt der Seite bei einem Uploadservice wie imageshack.us hochladen muss, kann man es im Grunde auch ganz sein lassen. Vor allem, wenn man wie in deinem Beispiel die Seite kein einziges Mal in einem Stück zu Gesicht bekommt, weil ständig irgendwelche Bilder fehlen
- Frame-Weiterleitung (versteckte Weiterleitung):
Im Grunde der Tod überhaupt in Sachen Webdesign. URL-Hiding alleine wäre ja noch wirklich okay, aber diese versteckte Frame-Weiterleitung ist echt übel.
und darüber, dass ich so ein T-Shirt nicht mal für nen Haufen Geld tragen würde, sag ich an der Stelle mal nichts, es geht ja schließlich nur um die Seite :3
PM 2.0 (http://mitaki.annexis.org/zzz/)
Das Design ist ja schon bekannt, habe es vor einiger zeit schon vorgestellt. Jetzt habe ich es aktualisiert, ein paar Effekte eingebaut und zu mehr Browsern kompatibel gemacht (am besten sieht es in Firefox3 aus, aber die anderen machen auch nichts verkehrt).
Lasst euch bitte mal ein bisschen drüber aus^^
alpha und beta: :rofl
mitaki: find das design nach wie vor sehr gut und augenfreundlich, lediglich der hintergrund stört mich etwas... genaugenommen dass der text darin in spalten geschrieben steht (oder sich lediglich ungünstig wiederholt...) sieht jedenfalls ned so pralle aus. wenn es besser "ineinander geschoben" wäre, sodass es wie ein echter natürlicher text aussehen würde, wäre es IMO viel besser.
und wieso nimmst du bei der headergrafik, wenn es schon ein text-bild sein muss, nicht svg? das würd sogar gut aussehen, wenn man es skaliert ;) (oder genrell ein etwas höher aufgelöstes bild von besserer qualität verwenden^^)
Das Shopsystem ist zwar nur zur Hälfte fertig, aber hier geht es schließlich mehr um das Design:
http://dev.perception-studios.de/farox
Happy hunting. :E
Edit: Unter "Katze" kann man sich schonmal die Artikelübersicht ansehen. ;)
Du solltest noch ein <div style="clear: both;"></div> einfügen, denn bei mir überschreitet das Menu das Ende der Seite (unter Katze).
In den Links solltest du noch das HTML-Entitie für das Ampersand-Zeichen verwenden ( & ) und einen Doctype einfügen!
treeghost
24.08.2008, 19:29
@mitaki Sehr Angenehm für die Augen.^_^
@kris Nett. Schlicht zu gleich auch.
--
Hier mal etwas von mir:
http://www.dwgeh.bplaced.net/index.html
Das Bild Mitte.png wird wegen einem unempfindlichen Grund nicht gezeigt.
Das ganze besteht aus 3 Div Containern noch ein paar Divs und CSS Stylesheets.
Bitte nicht ausernander nehmen das ist erst meine 4 Seite.
[Die anderen 2 sind purer mist xD]
Maisaffe
24.08.2008, 19:32
Das Bild Mitte.png wird wegen einem unempfindlichen Grund nicht gezeigt.Mitte.PNG
Ansonsten ist die Site doch sehr ansprechend für eine der ersten Websites. Allerdings solltest Du Dir folgendes anschauen: http://upload.npcfighter.de/files/37/1814/screen.png
treeghost
24.08.2008, 20:15
Oh man!An so riesige Bildschirme habe ich nicht gedacht...>_<
Jetzt ist das Problem mit der Mitte behoben aber
wie die Divcontainer an einer stelle bleiben sollen habe ich keine Ahnung...:D
Spark Amandil
24.08.2008, 20:32
Riesig ist relativ. Das Layout schaut in 1024 schon nicht korrekt aus, in allem was darunter liegt verrutschen die Elemente, und in allem was darüber liegt verrutschen sie ebenfalls. So gesehen sieht es in keiner Auflösung so aus wie du es gern hättest ;)
Es ist zwar gut davon ausgehen dass die Seite für maximal 1024er Bildschirme ausgelegt sein sollte, aber heutzutage hat eigentlich praktisch jeder Monitor 1280 und mehr Bildpunkte in der Breite.
Wenn du divs zentrieren willst hilft dir die kleine aber feine css anweisung margin: 0 auto;
Damit kann es dir richtig gemacht egal sein welche Auflösung die Nutzer haben.
Allgemein kann man noch sagen dass es der Seite an Kontrasten fehlt. Dunkle Schrift und dunkler Grund, sehr schlecht zu lesen. (auf die Navigation und den Header bezogen)
treeghost
24.08.2008, 21:10
<div id="bild" style="position:absolute; width:645px; height:123px; left: 183px; top: 325px; background-image: url(Top.png); layer-background-image: url(Top.png); border: 1px none #000000; margin: 0 auto;">
<p align="center"><p style="text-align:center;"><a href="http://www.npshare.de/files/37/1933/Head.png"></a></p>
</p>
</div>
Funktionier ihrgendwie nicht...
Ich hab auch momentan keine Zeit mehr...
Könnte jemand mal gucken was da falsch ist?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Die offizielle Seite zu DwGeH</title>
<style type="text/css">
<!--
body,td,th {
postion:absolute;
color: #FFFFFF;
font-size: 12px;
}
body {
background-color: #353535;
background-image: url(BG.PNG);
background-repeat: no-repeat;
}
a {
font-family: Times New Roman, Times, serif;
color: #40684A;
}
a:link {
text-decoration: none;
color: #DBECF9;
}
a:visited {
text-decoration: none;
color: #DBECF9;
}
a:hover {
text-decoration: none;
color: #DBECF9;
}
a:active {
text-decoration: none;
color: #DBECF9;
}
}
.style2 {color: #DBECF9}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('news-rollover.png','Infos-rollover.png','blog-rollover.png','links.png','links-rollover.png')">
<div align="center">
<div align="container"><img src="Header.png" width="650" height="250" /></div>
</div>
<div id="bild" style="position:absolute; width:645px; height:123px; left: 183px; top: 325px; background-image: url(Top.png); layer-background-image: url(Top.png); border: 1px none #000000; margin: 0 auto;">
<p align="center"><p style="text-align:center;"><a href="http://www.npshare.de/files/37/1933/Head.png"></a></p>
</p>
</div>
<div id="bild" style="position:absolute; width:645px; height:290px; left: 183px; top: 448px; background-image: url(Mitte.PNG); layer-background-image: url(Mitte.PNG); border: 1px none #000000; margin: 0 auto;">
<p align="center">
<table width="331" height="197" align="center" cellpadding="3" cellspacing="3">
<tr>
<td><div align="left">
<p class="style2">-News vom 19.8.08 </p>
<p align="left">Es geht langsam vorran,was aber nicht heißen soll das ich faul bin.<br />
Oder soll es so sein das ich das denke und ich denke das in wirklichkeit gar nicht? Nunja ich mache grad eine General überholung bzg. der LM und den Gesprächen.Tjo das intro ist sowohl Technisch als auch Grafisch fast fertig.<br />
Nur muss die Geschichte von Aeria drinne und das dauert wohl länger als ich gedacht habe.</p>
</div>
<p align="right"><span class="style2"></span><a href="#" class="style2">mehr News></a><span class="style2"> </span></p></td>
</tr>
</table>
</div>
<div id="bild" style="position:absolute; width:645px; height:123px; left: 183px; top: 737px; background-image: url(Foot.png); layer-background-image: url(Top.png); border: 1px none #000000; margin: 0 auto;">
<p></p>
</div>
<div align="center"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News','','news-rollover.png',1)"> <img src="news.png" alt="-" name="News" width="92" height="60" border="0" id="News"/></a><a href="info.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Infos','','Infos-rollover.png',1)"><img src="infos.png" alt="-" name="Infos" width="92" height="60" border="0" id="Infos" /></a><a href="http://le0ne.wordpress.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Blog','','blog-rollover.png',1)"><img src="blog.png" alt="-" name="Blog" width="92" height="60" border="0" id="Blog" /></a><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Links','','links-rollover.png',1)"><img src="links.png" name="Links" width="92" height="60" border="0" id="Links" /></a><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Links','','links.png',1)"></a>
</div>
</body>
</html>
Also, soweit ich das sehe, ist dein Backgroundimage in horizontaler Richtung immer gleich, das heisst, du kannst es auch nur 1px Breit machen. http://img152.imageshack.us/img152/6030/bgrz3.png
Daher würd dein CSS-Code dann so aussehen:
body {
background: #353535 url('bg.png') repeat-x;
}
Und hör auf mit den Tabellen und mit dem absoluten Positionieren. :p Der ganze Code für den Header könnte so aussehen:
CSS:
#header {
display: block;
width: 650px;
margin: 0 auto;
margin-top: 10px;
}
HTML:
<img id="header" src="Header.png" width="650" height="250" alt="DwGeH - Die offizielle Homepage zum Spiel" />
Dann das Menu:
CSS:
#menu {
width: 372px; /* weiss nicht genau, hab ich mit measure-it abgemessen */
margin: 0 auto;
list-style: none;
}
#menu li {
display: inline;
}
HTML:
<ul id="menu">
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
Zudem ist mir noch aufgefallen, dass du mehreren Elementen die gleiche id gegeben hast, dass ist in XHTML nicht erlaubt.
Und dann noch ein div für den eigentlichen content und dieses auch zentrieren, dann sollte so manches Problem behoben sein. :)
BTW. nette (ein bischen verstaubte) Referenz für CSS: http://www.css4you.de/
Xardas der Dunkle
24.08.2008, 21:30
In Verbindung mit absoluter-Positionierung sowieso nicht (welche btw. eh Rotz ist, die sollte man nur in Verbindung mit JavaScript verwenden ...).
Und das margin-auto funzt, wohlgemerkt auch nicht im IE6!
Beim 2. Layout sieht man, wie man es auch im IE schaft: http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss
Und das margin-auto funzt, wohlgemerkt auch nicht im IE6!
Also ich hab Multiple-IEs installiert und hab mir kurz eine Testdatei angelegt und da hat mir der IE 6 sehr wohl das div zentriert. :rolleyes:
Ausser du lässt deine Seiten im Quirksmodus anzeigen, aber dann liegt das Problem jawohl da. (xml deklaration nicht vor den Doctype tun!)
Xardas der Dunkle
24.08.2008, 21:58
Also ich hab Multiple-IEs installiert und hab mir kurz eine Testdatei angelegt und da hat mir der IE 6 sehr wohl das div zentriert. :rolleyes:
Blödsinn.
Der IE6 kennt margin:0 auto; nicht. Dafür kann man im IE divs zentrieren in dem das übergeordnete Element auf: text-align:center; gesetzt wird.
Und das ist fakt!
Der Multitiple-IE ist eh nie ganz korrekt, ich habe das teil selber ... und es zickt in manchen Dingen noch mehr rum, als das original ...
Blödsinn.
Der IE6 kennt margin:0 auto; nicht. Dafür kann man im IE divs zentrieren in dem das übergeordnete Element auf: text-align:center; gesetzt wird.
Und das ist fakt!
Der Multitiple-IE ist eh nie ganz korrekt, ich habe das teil selber ... und es zickt in manchen Dingen noch mehr rum, als das original ...
Da würd ich jetzt drum wetten. :rolleyes: So nebenbei, zu nem margin: 0 auto; gehört auch immer noch ne Breitenangabe sonst macht das ganze ja keinen Sinn.
Xardas der Dunkle
24.08.2008, 22:15
:p, k ... Drecks IE xD. Soll er mal was falsch machen tut ers nicht^^.
Trotzdem bist du mit dem text-align:center; zusätzlich immer besser aufgehoben.
Sowohl im Multitiple als auch im nativen IE macht ers nämlich ohne <?xml richtig.
Spark Amandil
25.08.2008, 05:49
Trotzdem bist du mit dem text-align:center; zusätzlich immer besser aufgehoben.
ehm... nein. text-align:center neigt dazu sich nicht nur um divs und tabellen, sondern auch gleich noch um deren Inhalte zu kümmern. Zudem kein Weg sauberen Code zu schreiben.
Xardas der Dunkle
25.08.2008, 17:51
Logisch, Browser die nicht IE darstellen, interpretieren das text-align:center; auch richtig und vererben es nach unten weiter.
Deswegen muss man es auch in den unteren divs wieder entkräften.
Zudem ist mir noch aufgefallen, dass du mehreren Elementen die gleiche id gegeben hast, dass ist in XHTML nicht erlaubt.
Nimm stattdessen class="", das ist valide und funktioniert. Quasi das Selbe, nur für mehrere Objekte zu verwenden, anstelle von nur einem, wie id="" es tut.
Leon: Ich persönlich mag diese extreme Spiegelung in den "Buttons" (Wie ich dieses Wort hasse. x_x Das erinnert mich immer an irgendwelche Mädchenspielzeuge...) überhaupt nicht. Zudem setzt sich der Schriftzug im Header durch den harten, schwarzen Rand viel zu sehr vom Rest ab und dieser "3D-Schrift"-Effekt passt überhaupt nicht ins restliche Bild. Die Pilze haben auch noch einen recht pixeligen Rand, wenn man genau hinschaut. Ich würde auch noch in den Highlight-Grafiken in der Navigation das "Leuchten" beim Hovern weicher machen. Ein Farbverlauf im tristen grauen Hintergrund täte sich sicherlich auch gut. Für den Content würde ich keine Hintergrundgrafik benutzen, da das nur unnötiges Laden bedeutet; die Grafik hat doch sowieso an jedem Pixel die selbe Farbe. :D
Die Farbgebung an sich ist aber nicht all zu schlecht.
Joah, hoffentlich hab ich dir damit ein bisschen helfen können.
LG,
Anima~
Xardas der Dunkle
25.08.2008, 20:31
Wer redet hier vom HTML-Attribut-Align?. :rolleyes:, ich rede von CSS ...
Zudem bin ich auch ein XHTML-Anhänger ...
Argh, total verlesen. >__< Sorry. Ja, dann hast du natürlich Recht. Ich editier's am besten mal wieder raus, um keine Verwirrung zu stiften. :D
treeghost
26.08.2008, 00:18
Also, soweit ich das sehe, ist dein Backgroundimage in horizontaler Richtung immer gleich, das heisst, du kannst es auch nur 1px Breit machen. http://img152.imageshack.us/img152/6030/bgrz3.png
Daher würd dein CSS-Code dann so aussehen:
body {
background: #353535 url('bg.png') repeat-x;
}
Und hör auf mit den Tabellen und mit dem absoluten Positionieren. :p Der ganze Code für den Header könnte so aussehen:
CSS:
#header {
display: block;
width: 650px;
margin: 0 auto;
margin-top: 10px;
}
HTML:
<img id="header" src="Header.png" width="650" height="250" alt="DwGeH - Die offizielle Homepage zum Spiel" />
Dann das Menu:
CSS:
#menu {
width: 372px; /* weiss nicht genau, hab ich mit measure-it abgemessen */
margin: 0 auto;
list-style: none;
}
#menu li {
display: inline;
}
HTML:
<ul id="menu">
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
Zudem ist mir noch aufgefallen, dass du mehreren Elementen die gleiche id gegeben hast, dass ist in XHTML nicht erlaubt.
Und dann noch ein div für den eigentlichen content und dieses auch zentrieren, dann sollte so manches Problem behoben sein. :)
BTW. nette (ein bischen verstaubte) Referenz für CSS: http://www.css4you.de/
Danke...bis zum Header hab ich alles kapiert was du geschrieben hast.
Dannach kommt ein black out. xD
Das mit dem Menü verstehe ich nicht.Wie soll ich da den nun die Hover Button da rein schreiben? So ganz einfach sieht es ja nicht grade aus.
Evt. sollte ich auch mal erwähnen das ich ein anfänger in Sachen CSS bin. ._.
@ zu lange Disskusion für eine positsionierung eines Elementes
höchst interessant aber als Anfänger versteht man da :
Da dur noargh. Noargh intsch! aweli choal kan loxal
jaaa orkisch ist ne tolle Sache.:A
Nimm stattdessen class="", das ist valide und funktioniert. Quasi das Selbe, nur für mehrere Objekte zu verwenden, anstelle von nur einem, wie id="" es tut.
Leon: Ich persönlich mag diese extreme Spiegelung in den "Buttons" (Wie ich dieses Wort hasse. x_x Das erinnert mich immer an irgendwelche Mädchenspielzeuge...) überhaupt nicht. Zudem setzt sich der Schriftzug im Header durch den harten, schwarzen Rand viel zu sehr vom Rest ab und dieser "3D-Schrift"-Effekt passt überhaupt nicht ins restliche Bild. Die Pilze haben auch noch einen recht pixeligen Rand, wenn man genau hinschaut. Ich würde auch noch in den Highlight-Grafiken in der Navigation das "Leuchten" beim Hovern weicher machen. Ein Farbverlauf im tristen grauen Hintergrund täte sich sicherlich auch gut. Für den Content würde ich keine Hintergrundgrafik benutzen, da das nur unnötiges Laden bedeutet; die Grafik hat doch sowieso an jedem Pixel die selbe Farbe. :D
Die Farbgebung an sich ist aber nicht all zu schlecht.
Joah, hoffentlich hab ich dir damit ein bisschen helfen können.
LG,
Anima~PUSH DA BUTTONS!!1
Njo den Header kann man wirklich bearbeiten. Müsste nur mal gucken was
sich da alles mit dem Font machen lässt. -__-
Aber bei den Pilzen kann ich da wirklich keinen einzigen
unterschied sehen.o_o
Geholfen hat das alles.Bisschen mehr dazu gelernt würd ich mal sagen. ^_^*
Naja viel Zeit hab ich ja jetzt wieder.Mal sehen ob das was wird...:D
Habe etwas neues, diesmal eine Seite ganz ohne Tabellen :D, naja ist eigentlich mehr das Grundgerüst.
Wollte mal fragen was iher vom Design und dem Code hält!
Möchte meine neue Seite komplett auf PHP und MySQL aufbauen!
http://fansoftware.fa.funpic.de/Homepage/index.php (http://fansoftware.fa.funpic.de/Homepage/index.php)
Whiz-zarD
03.11.2008, 18:03
Hässliches grün auf hässlichem Weiss.
Das Weiss strahl um so heller, wegen dem Giftgrün.
Dann besitzt das Grün einen Verlauf ins Schwarze, was ich persönlich ebenfalls hässlich finde.
Habe den Hintergrund rausgenommen >:(, aber mal eine Frage...wo ist das Schwarz :confused:.
Nur die Schrift ist Schwarz, sonst nichts!
Whiz-zarD
03.11.2008, 20:00
http://www.npshare.de/files/b0593689/Unbenannt.PNG
Naja, Schwarz ist vielleicht nicht ganz richtig.
Aber das dunkle Grün geht schon mehr in Richtung schwarz.
The Best Isaac
03.11.2008, 20:07
http://www.npshare.de/files/b0593689/Unbenannt.PNG
Naja, Schwarz ist vielleicht nicht ganz richtig.
Aber das dunkle Grün geht schon mehr in Richtung schwarz.
Also, auf meinem Monitor ist das von dir markierte Grün sehr weit von Schwarz entfernt. oO
@Fansoftware: Mir mag das Design nicht so hundertprozentig zusagen. Ist mir zu viel Grün, das mich irgendwie an die XBox erinnernt, und auch vom Design selbst.
Vielleicht solltest du auch nicht so viel mit Spiegeleffekten arbeiten. Im Header mag das noch ganz nett sein, aber in der Navigation find ich's schon übertrieben.
Achja, "Ohne_Titel_1" ist natürlich auch kein besonders toller Name für eine Seite. ;)
(Und irgendwie sieht mir der Seitenquelltext stark nach Div-Suppe aus. Aber da ich mich im Grunde nicht auskenn, halt ich besser meine Klappe.)
NPC Fighter
03.11.2008, 20:07
@ Whiz: Ich weiß nicht, was du hast, aber so schlecht ist's doch gar nicht. Schwarz kann ich da ebenfalls nicht entdecken. Ist halt dunkelgrün. *shrug*
Pluspunkt: Die Formen sehen irgendwie angenehm klar aus.
Was ich aber auf jeden Fall ändern würde, wäre der Hintergrund der kleineren Boxen, weil die dunkle Farbe da irgendwie ziemlich erdrückend wirkt. Ich würde sie genauso halten, wie die große Box, dann sieht das Konzept auch gleich viel konsistenter aus. Zusätzlich solltest du vielleicht noch den vertikalen Abstand zwischen den kleinen Boxen erhöhen, weil so Box B direkt unter der Spiegelung von Box A liegt, was meiner Meinung nach irgendwie ein bisschen merkwürdig aussieht.
Auf jeden Fall solltest du aber am Text in der Navigation arbeiten. Ich muss zwar demnächst eh zum Optiker, aber ich finde es nichtsdestotrotz verdammt schwierig zu lesen. Das mag einerseits am Antialiasing, andererseits an der Spiegelung liegen. Genau beschreiben kann ich's irgendwie nicht, vielleicht kannst du ja mal ein bisschen an den Settings drehen . :D
Recht unspektakulär ist wie bei deinen vorherigen Seiten allerdings der Header. Irgendwie fehlt da das gewisse Etwas.
Im direkten Vergleich mit den Vorversionen ist das Design aber auch jeden Fall ein riesen Fortschritt. Wenn du hier und da noch ein paar Dinge überarbeitest, kann da sicherlich ne coole Seite bei raus kommen. (=
Ich habe jetzt mal die Abstände größer gemacht!
Ausserdem einen Fehler bei den Texten korrigiert, da Fire Fox im Gegensatz zu IE und Opera das </br> nicht richtig ausführt, sondern nur <br>.
Desweiteren habe ich den Gelbstich raus gemacht, die Buttons leserlicher gemacht und den Titel noch mal überarbeitet!
Aber das mit den Boxen will ich eigentlich so lassen, da der untere Teil sonst zu monoton wirkt!
The Best Isaac:
Das der Style ein wenig nach 360 kommt, war bzw ist absicht!
Aber habe keine Ahnung wie ich den Header besser gestalten kann...:\
Mir fällt das persönlich nichts anständiges ein!
treeghost
04.11.2008, 11:44
Aber habe keine Ahnung wie ich den Header besser gestalten kann...:\
Mir fällt das persönlich nichts anständiges ein!
Schlichter hallten? Also der untere Text kann wohl weg.
So schlimm mMn sieht die Seite doch gar nicht aus.
Vorallem der grüne Ton gefällt mir.
Xardas der Dunkle
04.11.2008, 13:20
Ausserdem einen Fehler bei den Texten korrigiert, da Fire Fox im Gegensatz zu IE und Opera das </br> nicht richtig ausführt, sondern nur <br>.
Ist auch logisch. Es heißt <br /> und nicht </br> :rolleyes:.
Firefox verhält sich in dem Fall eig. korrekter als IE und Opera.
Ist auch logisch. Es heißt <br /> und nicht </br> :rolleyes:.
Firefox verhält sich in dem Fall eig. korrekter als IE und Opera.
Jau, <br> ist ein Tag, das kein End-Tag braucht, so wie auch <img>. Normalerweise machst ja dein Eröffnungstag dahin, wos losgeht (<p>, <h1> usw usf), dann den Inhalt und den Endtag ans Ende.
Da img und br nun aber kein Ende haben, sondern nur an genau einer Stelle positioniert sind, macht man korrekterweise Anfang und Ende in nur einen Tag :D <img src="xxx.xxx" width="xxx" height="xxx" /> und <br />. Nur damits korrekt ist. Meiner Erfahrung nach haben die meisten Browser aber auch kein Prob damit, wenn man das Slash am Ende weglässt... Aber korrekter Code ist doch fein.
Btw, finde das grün mit hellem grau sehr schön eigentlich. Nur wie jemand schon sagte sind die Spiegeleffekte fast schon übertrieben, zumindest in der oberen Navigation sieht das irgendwie unaufgeräumt oder übertrieben aus.
dead_orc
05.11.2008, 15:59
Jau, <br> ist ein Tag, das kein End-Tag braucht, so wie auch <img>. Normalerweise machst ja dein Eröffnungstag dahin, wos losgeht (<p>, <h1> usw usf), dann den Inhalt und den Endtag ans Ende.
Da img und br nun aber kein Ende haben, sondern nur an genau einer Stelle positioniert sind, macht man korrekterweise Anfang und Ende in nur einen Tag :D <img src="xxx.xxx" width="xxx" height="xxx" /> und <br />. Nur damits korrekt ist. Meiner Erfahrung nach haben die meisten Browser aber auch kein Prob damit, wenn man das Slash am Ende weglässt... Aber korrekter Code ist doch fein.
Wenn du schönen Code schreiben willst, solltest du wenigstens noch drauf hinweisen, dass das nur für XHTML gilt. Der W3C Validator wirft zwar für ein <br /> in HTML 4.01 Strict keinen Fehler aber eine Warnung:
NET-enabling start-tag requires SHORTTAG YES.
<p>foo<br />bar</p>
The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML.
Warum sie da also ne Warnung statt nem Fehler schmeißen ist mir rätselhaft, da nach Standard das in HTML 4.01 Strict eigentlich implizit zu <br> /> werden müsste, was zumindest wegen des > statt > einen Error werfen sollte. :D
Habe noch mal das Design ein wenig ab geändert, wollte noch mal fragen ob das besser aussieht?
Allerdings erst mal nur Test weise als Grafik!
http://img220.imageshack.us/img220/3084/bessersoer3.th.png (http://img220.imageshack.us/my.php?image=bessersoer3.png)http://img220.imageshack.us/images/thpix.gif (http://g.imageshack.us/thpix.php)
Weil das jetztige Grün langweilig aussieht, da fehlt der Pepp.
Vieleicht hat ja noch jemand einen Tipp, gegen was ich graue tauschen kann!
Ich finde die Farbgebung generell irgendwie unpassend. Kann dir aber leider auch nicht wirklich sagen was man da besser machen kann, an deiner stelle würde ich noch ein wenig rumprobieren, vllt etwas mit blau oder orange.
Crash-Override
11.11.2008, 21:38
Da ich gerade in Info eine Homepage bauen muss bzw. daran arbeite dachte ich mir mal ich koennte es hier mal zeigen (Im Prinzip legt unsere Lehrerin keinen Wert darauf das der Quelltext valide ist oder das die Webseite toll aussieht, da die anderen in meinem Kurs es gerade so gerafft haben wie man Frames benutzt und die aller kleinsten Anfaenge in Richtung CSS). Jedenfalls hier ist mein aktuelle Version: V5 (http://betterworld.vndv.com/temp/V5/).
Mit den Farben bin ich mir unsicher. Es soll auf jeden Fall neutral und schlicht sein, also auf keinen Fall so ein haesslich grelles Rot/Guen/Blau oder sowas (Wobei mir gerade auffaellt, das ich die Farben der Schrift im Header wohl lieber nochma aendere, das ist irgendwie dumm geworden).
Die gegebenen Bewertungskriterien duerfte die Seite also schon auf jeden Fall uebertreffen.
Nur bei "Sieht die Seite bei der Betrachtung mit verschiedenen Browsern anständig aus?" gibt es die Einschraenkung das es im IE6 Probleme mit dem alphatransperenten PNG gibt (was natuerlich egal ist, da IE6 und wer den nutzt gehoert eh erschossen), aber fuer Firefox, Opera, Safari und sogar fuer IE7 garantiere ich mal.
Und beim Punkt "Wurden zur Gestaltung Tabellen eingesetzt?" bin ich mir auch unschluessig, da ich nicht weiss ob das jetzt positiv (eine Verbesserung gegenueber Frames) oder negativ (schlechter als CSS) zu verstehen ist, wobei ich denke das die reine CSS Loesung auf jeden Fall besser ankommen wird.
edit: damn ich haette mal ne fertige Seite durch den Validator schicken sollen statt nur das Template. Ignoriert die Fehler die er ausspuckt, das liegt an den Links nicht am Rest des Codes ;)
Vielleicht zuerst Edit anschauen...
Wenn die Seite so dünn ist, dann zentriere sie bitte. :p Div um alles herum (zum Beispiel mit id="page") :
....
<body>
<div id="page">
.....
</div>
</body>
....
Css:
#page {
margin: 0 auto;
width: 642px;
}
edit: damn ich haette mal ne fertige Seite durch den Validator schicken sollen statt nur das Template. Ignoriert die Fehler die er ausspuckt, das liegt an den Links nicht am Rest des Codes ;)
Das ist aber fehlerhaft, man muss im href-Attribut des a-Elements bei den URL's das wirtschaftliche Und (= & = Ampersand) durch & ersetzen.
Ausserdem sehe ich, dass du einen Editor gebrauchst, der nicht richtige Tabulator-Zeichen einfügt, oder du selber 2 Leerstände machst, naja, trifft nicht ganz meinen Geschmack des Schreibens. :C
Edit: ich sehe du hast alles absolut positioniert, da muss ich meine Kommentare wohl noch mals korrigieren. ^^
Verwende für den Titel wirklich einen img-Tag und nicht ein div. Das ist nicht Barrierefrei, da du keinen Alternativtext setzten kannst, ausserdem kannst du den Titel als Titel kennzeichnen (einer der Tipps von mitaki, an die ich mich noch gut erinnere :D):
<h1><img src="images/logo.png" width="500" height="100" alt="Patrick's Website" /></h1>
#middle #content #title
ist normalerweise nicht nötig. (Es gibt die Ausnahme, dass das title in einem anderen Kontext auftreten kann, aber bei wird das kaum auftreten) Da reicht:
#title
Du darfst die ID ja nur einem Element geben.
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
margin-bottom: 5px;
geht auch mit:
margin: 5px;
margin-top: 20px;
(jaja, müsst jetzt nicht mit margin: 20px 5px 5px 5px; kommen :D)
#content_inner
{
border: 1px solid #564b47;
background-color: #e1ddd9;
color: black;
min-height: 240px;
overflow: auto;
text-align: justify;
font-size: 0.8em;
padding: 5px;
}
Für was ist das overflow? Wird doch gar nie passieren oder täusch ich mich da?
Also, so würde ichs ungefähr machen: (» ist nicht perfekt gelöst *räusper* und Achtung, Doctype ist noch abgeändert.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<title>Mainpage - Patrick's Website</title>
<link rel="stylesheet" media="all" title="Standard" href="style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="page">
<h1><img src="images/logo.png" width="500" height="100" alt="Patrick's Website" /></h1>
<div id="sidebar">
<dl class="sidebox">
<dt>Navigation</dt>
<dd>» <a href="?lang=en_US&page=mainpage" title="General Stuff">Mainpage</a></dd>
<dd>» <a href="?lang=en_US&page=aboutme" title="Take a guess">About Me</a></dd>
<dd>» <a href="?lang=en_US&page=myprojects" title="My current and past projects">My Projects</a></dd>
<dd>» <a href="?lang=en_US&page=myarticles" title="Stuff I've written and you might find interesting">My Articles</a></dd>
<dd>» <a href="?lang=en_US&page=cssguide" title="A nice introduction in CSS">CSS Guide</a></dd>
<dd>» <a href="?lang=en_US&page=contact" title="Contact info and legal disclaimer">Contact</a></dd>
</dl>
<dl class="sidebox">
<dt>Links</dt>
<dd>» <a href="http://www.multimediaxis.de/" title="My all-time favourite board">Multimediaxis</a></dd>
<dd>» <a href="http://www.enviro-space.com/" title="One of my favourite boards">Enviro Space</a></dd>
<dd>» <a href="http://betterworld.vndv.com/" title="My personal Blog">Better World</a></dd>
</dl>
<dl class="sidebox">
<dt>Social Networks</dt>
<dd>» <a href="http://www.new.facebook.com/profile.php?id=1110727888" title="Friend me on Facebook">Facebook</a></dd>
<dd>» <a href="http://www.youtube.com/user/PaddyLerner" title="Watch some of my favourite clips on Youtube (I don't really often fav+ stuff, so there's not much to see)">Youtube</a></dd>
</dl>
<div class="sidebox">
<span class="title">Validator Results</span><br />
<a href="http://validator.w3.org/check?uri=referer" title="This website is 100% valid XHTML 1.1 Basic"><img src="images/xhtml.png" alt="XHTML Powered" /></a>
<a href="http://jigsaw.w3.org/css-validator/" title="This website runs with 100% valid CSS 2.1"><img src="images/css.png" alt="CSS Powered" /></a>
</div>
<div class="sidebox">
<span class="title">Languages</span><br />
<a href="?lang=de_DE&page=mainpage" title="Besuche meine Webseite in Deutsch"><img src="images/flags/de.png" alt="DE" /></a>
<a href="?lang=en_GB&page=mainpage" title="Visit my website in british english"><img src="images/flags/gb.png" alt="GB" /></a>
<a href="?lang=en_US&page=mainpage" title="Visit my website in american english"><img src="images/flags/us.png" alt="US" /></a>
</div>
</div>
<div id="content">
<h2>Mainpage</h2>
<div id="content_inner">
Howdy!
</div>
</div>
<span id="footer">Design and Content © 2008 by <a href="mailto://PaddyLerner@gmail.com">Patrick Lerner</a> - Released under the terms of the <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Licence</a>.</span>
</div>
<!--[if IE]>
<div style="position: absolute; top: 0; left: 0; border: 1px black solid; background-color: yellow; width: 99%;">You are using Internet Explorer. Please consider updating to a better browser (e.g. Firefox, Mozilla or Safari).</div>
<![endif]-->
</body>
</html>
/* heavy css ahead */
/* images */
img
{
border: 0;
}
* {
padding: 0px;
margin: 0px;
}
/* body */
body {
background-color: #e1ddd9;
}
/* links */
a {
text-decoration: none;
color: black;
}
a:hover {
text-decoration: underline;
}
#page {
width: 650px;
margin: 0 auto;
}
#content
{
border: 1px solid #564b47;
width: 500px;
background-color: white;
padding: 5px;
text-align: right;
}
#content h2 {
font-size: 0.9em;
line-height: 1.0em;
padding-bottom: 20px;
}
#content_inner
{
border: 1px solid #564b47;
background-color: #e1ddd9;
color: black;
min-height: 240px;
height: auto !important;
height: 240px;
text-align: justify;
font-size: 0.8em;
padding: 5px;
}
#footer
{
padding: 0 5px;
font-size: 0.65em;
line-height: 1.2em;
}
#sidebar {
float: right;
width: 132px;
}
.sidebox
{
border: 1px solid #564b47;
background-color: white;
padding: 5px;
font-size: 0.75em;
margin-bottom: 5px;
}
.sidebox dt, .sidebox .title
{
font-weight: bold;
}
Crash-Override
11.11.2008, 23:21
Ausserdem sehe ich, dass du einen Editor gebrauchst, der nicht richtige Tabulator-Zeichen einfügt, oder du selber 2 Leerstände machst, naja, trifft nicht ganz meinen Geschmack des Schreibens. :C
Notepad2 und ist extra so eingestellt weil ich es hasse Tab und Leerzeichen zu mischen und es so einheitlich have. 2 Zeichen Einrueckung bin ich von Delphi gewohnt und wende es auf alle Sprachen an (ausser Python wo ich normalerweise 4 Leerzeichen verwende).
Verwende für den Titel wirklich einen img-Tag und nicht ein div. Das ist nicht Barrierefrei, da du keinen Alternativtext setzten kannst, ausserdem kannst du den Titel als Titel kennzeichnen (einer der Tipps von mitaki, an die ich mich noch gut erinnere :D):
Sorry, aber der Validator meint img duerfte man an der Stelle nicht setzen. Evt. mach ich img in div, das duerfte ok sein.
<h1><img src="images/logo.png" width="500" height="100" alt="Patrick's Website" /></h1>
Das koennte auch gehen, thx.
#middle #content #title
ist normalerweise nicht nötig. (Es gibt die Ausnahme, dass das title in einem anderen Kontext auftreten kann, aber bei wird das kaum auftreten) Da reicht:
#title
Du darfst die ID ja nur einem Element geben.
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
margin-bottom: 5px;
geht auch mit:
margin: 5px;
margin-top: 20px;
#content_inner
{
border: 1px solid #564b47;
background-color: #e1ddd9;
color: black;
min-height: 240px;
overflow: auto;
text-align: justify;
font-size: 0.8em;
padding: 5px;
}
Für was ist das overflow? Wird doch gar nie passieren oder täusch ich mich da?
Thx fuer die Verbesserungen. Overflow war noch von nem frueherem Design uebernommen, ja das ist in diesem Design ueberfluessig und ich hab es uebersehen.
edit: Vielen Dank auch fuer die Quellcodes. Die dl/dd Tags sind mir noch nie begegnet, werde mich darueber mal informieren.
Im IE6 wird nicht nur das Titelbild falsch angezeigt sondern auch das Content-Div, da IE6 min-height nicht interpretiert, sondern genau height so wie er eigentlich min-height interpretieren müsste, dafür gibts nen Hack(is nich wirklich einer):
min-height: 240px;
height: auto !important;
height: 240px;
Und dann klappts auch im IE6, wegen dem Titelbild könntest du dir auch überlegen, die Hintergrundfarbe ins Bild mithinein zu nehmen, dann müsstest du einfach jedesmal das Titelbild neu machen, wenn du die Hintergrundfarbe ändern willst. Wobei dann aber alles korrekt im IE6 angezeigt werden würde. 8)
edit: Vielen Dank auch fuer die Quellcodes. Die dl/dd Tags sind mir noch nie begegnet, werde mich darueber mal informieren.
Jendryschik - Listen (http://jendryschik.de/wsdev/einfuehrung/auszeichnung/listen)
SelfHTML - Listen (http://de.selfhtml.org/html/text/listen.htm)
;)
Edit: btw. hat meine Version mit Firefox, Opera, Safari und IE 7 richtig ausgesehen.
Habe mal das viele Grau entfernt.
Zudem habe ich jetzt auch nicht mehr so viel Grau drinne!
Das Grün ist außerdem Einheitlicher.
Hoffe es gefällt euch endlich, bin schon am verzweifeln :p.
http://img293.imageshack.us/img293/3291/hpcm5.th.png (http://img293.imageshack.us/my.php?image=hpcm5.png)http://img293.imageshack.us/images/thpix.gif (http://g.imageshack.us/thpix.php)
Crash-Override
13.11.2008, 16:10
Dies grossen M's wirken imho irgendwie wie ein W, aber ansonsten ist es ziemlich cool.
Whiz-zarD
13.11.2008, 19:22
Ich finde Schwarz und Grün passen einfach nicht zusammen.
Ich möchte auch gerne mal wissen was ihr von meinen Arbeiten haltet...
Die Mythos Seite hat es leider nicht in unser Netzwerk geschafft durch Flagships untergang. Ich hoffe das ich das mal irgendwie anders verwursten kann ^^
Die andere Seite ist ein aktuelles Projekt und befindet sich noch in einem frühen Designstadium.
Whiz-zarD
13.11.2008, 21:52
zum ersten Design:
Sieht ganz nett aus.
Allerdings missfallen mir dieser riesige log-in und Newsletter bereich.
Ich mag sowas nicht. Ich finde es schöner, wenn man irgendwo einen kleinen Link hat, der einen zum Login führt.
Wenn es ne Seite wird, wo sich auch User anmelden können, hab ich lieber dezent irgendwo rechts oben in der Ecke einen kleinen Bereich.
Für ein Newsletter würde auch nur die E-Mail-Adresse reichen und das würde ich ebenfalls nicht so groß machen, sondern auch eher klein und dezent.
zum zweiten Design:
Ein Standard Design, wie viele andere hier im Netzwerk auch.
Die grafiken sind zwar vielleicht anders aber der Aufbau ist gleich und ich habs schon öfters gesagt: Der Aufbau ist öde.
Wofür braucht man eine POTM Sektion? Umfragen schön und gut aber zu 99% Witzlos.
Naja, ansonsten gibt es da nicht mehr viel zu sagen.
zum ersten Design:
Sieht ganz nett aus.
Allerdings missfallen mir dieser riesige log-in und Newsletter bereich.
Ich mag sowas nicht. Ich finde es schöner, wenn man irgendwo einen kleinen Link hat, der einen zum Login führt.
Wenn es ne Seite wird, wo sich auch User anmelden können, hab ich lieber dezent irgendwo rechts oben in der Ecke einen kleinen Bereich.
Für ein Newsletter würde auch nur die E-Mail-Adresse reichen und das würde ich ebenfalls nicht so groß machen, sondern auch eher klein und dezent.
Ist wie gesagt noch nicht fertig, ich bin jetzt ca. 3std dran gewesen.
Ich mache mir generell noch Gedanken um den gesamten Aufbau, ich plane meine Arbeiten vorher kaum, das meiste kommt beim arbeiten selber.
Wird sich noch einiges verändern. Mir ist es generell bei diesem Projekt sehr wichtig, dass das Design soviel Leute wie möglich anspricht, deswegen bin ich dankbar für alles Verbesserungsvorschläge.
Wie findest du die Farbgebung? Kann man es so lassen oder hast du da noch irgendwelche Vorschläge?
zum zweiten Design:
Ein Standard Design, wie viele andere hier im Netzwerk auch.
Die grafiken sind zwar vielleicht anders aber der Aufbau ist gleich und ich habs schon öfters gesagt: Der Aufbau ist öde.
Wofür braucht man eine POTM Sektion? Umfragen schön und gut aber zu 99% Witzlos.
Naja, ansonsten gibt es da nicht mehr viel zu sagen.
Nun, genau das sollte es sein, ein Standard Design. Fanpages laufen ohnehin meistens auf genau diese Aufbauten hinaus. Die Seite sollte so Umfangreich wie möglich sein, deswegen die spielereien. Diese Projekt hat sich leider sowieso erledigt.^^"
Whiz-zarD
13.11.2008, 23:31
Wie findest du die Farbgebung? Kann man es so lassen oder hast du da noch irgendwelche Vorschläge?
Ansich ist die Farbgebung so nicht schlecht.
Der Screenshot wirkt auf meinem Monitor relativ klein. Man muss halt schauen, wenn das Design per html/css steht.
Texte sehen ja auch meist im Browser wieder etwas anders aus, als in einem Bildbearbeitungsprogramm.
Ok, habe noch ein Versuch gestartet.
Diesmal Grün raus und stattdessen Gelb genommen!
Einmal mit eckigen Boxen und einmal mit abgerundeten Boxen!
Sorry das ich so viel nerve, aber mir ist es wichtig ein Hp zu haben bei der alle User(so gut wie alle) das Design gut finden. :rolleyes:
Eckig:
http://img227.imageshack.us/img227/2971/page1000od3.th.png (http://img227.imageshack.us/my.php?image=page1000od3.png)http://img227.imageshack.us/images/thpix.gif (http://g.imageshack.us/thpix.php)
Rund:
http://img227.imageshack.us/img227/926/page1002rc6.th.png (http://img227.imageshack.us/my.php?image=page1002rc6.png)http://img227.imageshack.us/images/thpix.gif (http://g.imageshack.us/thpix.php)
http://www.juz-bul.de/v3/
Eine kleine Designstudie. ;D
@fansoftware: Das Runde ist wesentlich besser. Das Xbox-Dingens da oben rechts in der Ecke sieht doof aus btw.
@kris: Gefällt mir gut, allerdings solltest das ganze mittig machen und die Navi etwas weniger Transparent!
So ein neues Werk von mir... XD
Hoffe das ist diesmal gut!Wobei ich sagen muss, dass ich mich diesmla ein wenig am 360 Design Orientiert habe :D.
http://img185.imageshack.us/img185/5382/pagemilletq9.th.png (http://img185.imageshack.us/my.php?image=pagemilletq9.png)http://img185.imageshack.us/images/thpix.gif (http://g.imageshack.us/thpix.php)
Besser!, Allerdings sind die Farben grün und braun meiner Meinung nach noch immer unpassend.
Probier es doch vllt mal mit: #ffcc01, #2da1d0 oder ganz klassisch, schwarz.
Und nun in Aktion:
www.juz-bul.de
;)
Whiz-zarD
17.11.2008, 18:04
Und nun in Aktion:
www.juz-bul.de
;)
Mit Opera ist das Design kaputt ;)
Mit Opera ist das Design kaputt ;)
Mir fällt nichts auf, vielleicht könntest du deine Aussage präzisieren.
Mir fällt nichts auf, vielleicht könntest du deine Aussage präzisieren.
Weil ichs inzwischen gefixt hab. ;)
treeghost
17.11.2008, 23:19
In Netscape ist gar nix mehr.(Also in der linken leiste)
In Safari ist der Kalender komischer weiße im Text. ._.
NPC Fighter
18.11.2008, 18:11
In Safari ist der Kalender komischer weiße im Text. ._.
Jap, habe mit Firefox 2.0.0.18 das gleiche Problem.
treeghost
20.11.2008, 13:17
http://npshare.de/files/7551beb1/Template.png
Ich hab mal versucht etwas anderes zu machen.(Was ich auch sonst, ihrgendwie mache :eek:)
@Kate Öh, ist doch kein Fertigforum... Sonst wär ja entweder forencity oder sonstiger scheiß als 2ter nenner in dem Link. Aber davon ausgesehen hast du recht.
http://npshare.de/files/a53ae73a/versuch1.png
Ich weis nicht obs gut geworden ist, deswegen poste ich hier rein.
LS~: Gefällt mir =)
Das Blau der Boxen und das Grau der Buttons drüber/des Headers passen absolut nicht zusammen, und der kontrast ist sehr unharmonisch.
Milchbox
21.11.2008, 18:43
@Hine:
Ich stimme FF voll und ganz zu. Allerdings finde ich die Active-State Grafik der Navigations-Button passend. Du könntest in diesem Stil auch die blauen Kopfzeilen der Boxen gestalten, damit dieser schreckliche Kontrast entfällt.
@LS:
Der abgerundete Kopfbereich passt nicht zu der scharfkantigen Navigation, welche überigens viel zu groß ist. Wenn du den weißen Rand und den Farbverlauf weglassen würdest und stattdessen die Brushes mit weniger Transparenz verwendest, kannst du den Banner gleich viel interessanter wirken lassen. Die Schrift des Banners sollte auch einen Kontrast zum Rest bilden. Nimm da also ggf. eine andere Farbe. Die Schrift in der Navigationsleiste ist auch viel zu globig. Die Schriftgröße im Contentbereich könnte dagegen etwas größer sein. Ich empfehle dir noch eine Kontrastfarbe zu suchen.
Was mir gefällt sind die Brushes und der Bannerhintergrund. Die passen gut zu dem Grau.
Jetzt zu meiner Seite: dem MultiUploader (http://upload.milchbox.com/)
Ich habe mir einen Flash+Javascript Upload gebastelt, mit welchem bis zu 10 Dateien gleichzeitig hochgeladen werden können. Der IE spielt mal wieder nicht ganz mit, da der anscheinend DOM-Operationen nicht mag. :/
@Milchbox
Das Design gefällt mir gut. :A Was ich noch machen würde, wäre ein hover- sowie ein active-Effekt für den "Durchsuchen"-Button.^^
Soo, irgendwelche konstruktiven Vorschläge für mein neues Venetica-Webdesign (http://npshare.de/files/5969a435/venetica.jpg)?
http://npshare.de/files/4c00e9a1/veneticaklein.jpg (http://npshare.de/files/5969a435/venetica.jpg)
Insbesondere die Kontrastverhältnisse wären mir sehr wichtig, ich komme allerdings nicht das Gefühl los, dass die Menüpunkte ein wenig zu "grell" geworden sind. :/
Wohl eher zu unauffällig. Ich finde die Menüpunkte verschwinden im restlichen Design. Nicht besonders lesefreundlich.
The Best Isaac
22.11.2008, 17:03
@Indy:
Der Header ist ziemlich gut gelungen, finde ich.
Bei den Navigationsüberschriften (Allgemein, Newsticker, ...) würde ich das helle Leuchten nach Außen durch eine dunkle Farbe ersetzen. Eventuell ein dunkles Rot, das in Richtung schwarz geht, aber dennoch als Rot erkennbar ist.
Die "Pfeile" vor den einzelnen Menüpunkten würde ich weglassen. Bzw. mir gefallen sie nicht wirklich. Und auch hier wieder dieses Lechten nach Außen, was ich mittlerweile kaum noch sehen kann, weil's so oft so falsch eingesetzt wird. Hier geht's zwar noch, aber dennoch. Wie soll denn der Hover-Effekt bei den Menüpunkte aussehen? Ich fände eine Unterlegung mit dunklem Rot sehr passend.
Whiz-zarD
23.11.2008, 11:22
@Indy:
Der Header ist ziemlich gut gelungen, finde ich.
Bei den Navigationsüberschriften (Allgemein, Newsticker, ...) würde ich das helle Leuchten nach Außen durch eine dunkle Farbe ersetzen. Eventuell ein dunkles Rot, das in Richtung schwarz geht, aber dennoch als Rot erkennbar ist.
Noch dunkler?
Das gesamte Design ist doch schon fast schwarz.
The Best Isaac
23.11.2008, 12:49
Noch dunkler?
Das gesamte Design ist doch schon fast schwarz.
Ich glaub du hast ein ernstes Problem mit deinem Monitor. Das ist schon das zweite Mal, dass du bei einem recht hellen Design sagst, es wäre fast schwarz. Es ist absolut kein Stück schwarz. Das ist sogar recht helles Rot.
drunken monkey
23.11.2008, 13:00
Ich glaub du hast ein ernstes Problem mit deinem Monitor. Das ist schon das zweite Mal, dass du bei einem recht hellen Design sagst, es wäre fast schwarz. Es ist absolut kein Stück schwarz. Das ist sogar recht helles Rot.
Also bei mir ist es ebenfalls sehr dunkel. Zu dunkel, imo.
Es ist, zum Vergleich, deutlich dünkler als das alte Kingdom-Design.
Ich glaub du hast ein ernstes Problem mit deinem Monitor. Das ist schon das zweite Mal, dass du bei einem recht hellen Design sagst, es wäre fast schwarz. Es ist absolut kein Stück schwarz. Das ist sogar recht helles Rot.
Hm, ich finde zwar auch nicht, dass es fast schwarz ist (ok, evtl. bei den Schatten), aber als recht hell würde ich die Farben auch nicht grade bezeichnen.
Als helles Rot würde ich das Rot oben im Schriftzug bezeichnen. ;)
dead_orc
23.11.2008, 13:26
Ich glaub du hast ein ernstes Problem mit deinem Monitor. Das ist schon das zweite Mal, dass du bei einem recht hellen Design sagst, es wäre fast schwarz. Es ist absolut kein Stück schwarz. Das ist sogar recht helles Rot.
Ich glaube, du hast ein ernstes Problem mit deinem Monitor (oder deinem Browser oder deinen Augen). Ein #300809 ist nichtmal ansatzweise hell.
Zum Design selbst: Ich finde es im Moment zu überladen. Könnte daran liegen, dass die einzelnen Kategorien noch keinen Inhalt haben und nur überall Überschriften zu sehen sind und nur wenig Content zu sehen ist. Außerdem mag ich die Farbe nicht, aber das ist Geschmackssache. Das Glühen der Überschriften mag ich auch nicht so, ich finde es irgendwie unpassend.
Whiz-zarD
23.11.2008, 13:30
Ich glaub du hast ein ernstes Problem mit deinem Monitor. Das ist schon das zweite Mal, dass du bei einem recht hellen Design sagst, es wäre fast schwarz. Es ist absolut kein Stück schwarz. Das ist sogar recht helles Rot.
Unabhängig vom Montor solltest du dir mal die Farbwerte anschauen.
Ich nehm jetzt nur mal die Farbe, die im Hintergrund bei den Schriften zu sehen ist. (In Dezimalzahlen)
Rot = 35
Grün = 5
Blau = 7
Bei 0,0,0 hätten wir ein sattes Schwarz und 255,255,255 hätten wir Weiss.
Wie du auch sehen solltest, ist diese Farbe sehr dunkel und gleicht schon fast schwarz.
Du solltest vielleicht mal ein bisschen Geld ausgeben und dein Monitor mal kalibrieren lassen. Dann siehst du auch, dass es Schwarz ähnelt ;)
The Best Isaac
23.11.2008, 14:20
Gut, hell ist es nicht, das stimmt schon. Aber so dunkel, wie's hier jetzt dargestellt wird, ist es auch nicht.
Und ich hab imo kein Problem mit meinem Monitor (mit meinen Augen vielleicht, aber das ist ein anderes Thema :rolleyes:).
Klar, die Farbwerte sagen, dass es ein dunkles Rot ist. Aber es geht trotzdem noch lange nicht in Richtung Schwarz. Dahin ist es doch noch ein großer Schritt...
Whiz-zarD
23.11.2008, 15:38
Klar, die Farbwerte sagen, dass es ein dunkles Rot ist. Aber es geht trotzdem noch lange nicht in Richtung Schwarz. Dahin ist es doch noch ein großer Schritt...
oh doch. ;)
Wie gesagt, lass mal deinen Monitor kalibrieren. Dann siehst du auch, dass es fast schwarz ist.
Das Problem ist einfach, dass TFT Bildschirme die Farben verweißlichen (Farbe auf weissem Hintergrund).
Und zwar meist so stark, dass dabei die Farben extremst verblassen. Daher kommt dir es so vor, als ob diese Farbe sehr hell ist.
CRT Monitore machen nämlich eine Verschwärzlichung der Farben (Farbe auf schwarzem Hintergrund).
TFTs haben auch ein generelles Problem bei der Farbdarstellung, da sie weit weniger an Farben darstellen können, als ein CRT Monitor.
Es spricht nichts gegen eine Verweißlichung oder Verschwärzlichung nur verweißlichen TFTs standardgemäß die Farben zu extrem, sodass die Farben vollkommen anders aussehen, als sie in Wirklichkeit sind.
The Best Isaac
23.11.2008, 17:17
Naja, ändern werd ich an meinen Monitoreinstellungen sicher nichts. Mir gehen die ganzen CRTs, die ich ab und an noch benutzen muss, schon auf die Nerven, die imo viel zu dunkel eingestellt sind. Wenn nämlich dunkle Farbtöne, die eigentlich unterschiedlich sind, ineinanderlaufen, dann ist das für mich definitiv falsch. Aber naja, ist ja letztlich jedem selbst überlassen.
Whiz-zarD
23.11.2008, 18:21
Naja, ändern werd ich an meinen Monitoreinstellungen sicher nichts. Mir gehen die ganzen CRTs, die ich ab und an noch benutzen muss, schon auf die Nerven, die imo viel zu dunkel eingestellt sind. Wenn nämlich dunkle Farbtöne, die eigentlich unterschiedlich sind, ineinanderlaufen, dann ist das für mich definitiv falsch. Aber naja, ist ja letztlich jedem selbst überlassen.
Und TFT Monitore sind zu hell eingestellt ;)
Das ist wirklich (leider) so.
Ich entwickele meine Fotos auf einem Samsung R70, und stelle immer wieder fest, dass wenn ich sie irgendwo veröffendlicht habe, und leute mit CRTs sich diese anschauen, die Bilder viel Dunkler sind, als ich sie eigentlich haben wollte, ist sehr ärgerlich.
Da muss ich beim entwickeln einen Kompromiss schließem und die Bilder für meinen Geschmack als etwas zu Hell einstellen, dann die Helligkeit runterdrehen, den Bildschirm kippen (machts nochmal Dunkler) um so in etwa einen Eindruck zu haben, wie es aussehen könnte -.-"
Crash-Override
30.11.2008, 16:26
Oder einfach seinen TFT gemaes dem mitgeliefertem Programm (bei Samsung zumindest so) korrekt einstellen.
Whiz-zarD
30.11.2008, 19:02
Oder einfach seinen TFT gemaes dem mitgeliefertem Programm (bei Samsung zumindest so) korrekt einstellen.
Wie will man einen Bildschirm gemäß einstellen, wenn man keine korrekte Referenz hat, an denen man sich richten kann?
Das menschliche Auge ist nur eine subjektive Referenz, da jeder Mensch auf Farben anders reagiert.
Was meinst, wie man die CIE Farbvalenznorm ermittelt hat?
Man hat tatsächlich einen Versuch mit 20 Personen gemacht und daraufhin den Mittelwert berechnet.
Es gibt Geräte, mit denen man ein Bildschirm kalibrieren kann. Wie z.B. Spyder3, welches, je nach Modell, zwischen 100 € und 500 € kostet.
Es gibt auch Firmen, die sich mit der Kalibrierung von Bildschirmen spezialisiert haben. Die haben noch bessere Geräte aber die nehmen dann mal 1000 € und mehr pro Bildschirm.
@ Samsung R70:
Ich besitz selber diesen Laptop und ich muss sagen, dass er für Bildbearbeitung nicht zugebrauchen ist.
Teilweise werden die Farben komplett falsch dargestellt.
z.B. Orange sieht aus, wie Rosa und Rot wie Orange.
Und heute mal wieder etwas Neues, zu dem ich gerne ein bisschen Feedback hätte:
http://npshare.de/files/9cababad/swtor.jpg (http://npshare.de/files/60995e13/theoldrepublicgro%C3%9F.jpg)
Und heute mal wieder etwas Neues, zu dem ich gerne ein bisschen Feedback hätte:
http://npshare.de/files/9cababad/swtor.jpg (http://npshare.de/files/60995e13/theoldrepublicgro%C3%9F.jpg)
Fremde Frauen verführen ? - Kennen Sie das Geheimnis wie sich fremde Frauen in Sie verlieben? - Unpassende Google Werbung ftw. :D
Sieht hübsch aus das Design. ;)
Wenn du das vom Code her genauso umsetzen kannst. :)
Und heute mal wieder etwas Neues, zu dem ich gerne ein bisschen Feedback hätte:
http://npshare.de/files/9cababad/swtor.jpg (http://npshare.de/files/60995e13/theoldrepublicgro%C3%9F.jpg)
An sich sieht's hübsch aus, keine Frage. Die Farbgebung gefällt mir. Was mir nur immer wieder bei MMX-Netzwerkseiten auffällt, ist dieser Schein um die Schriften. Es wird strikt immer wieder die Vorgabefarbe aus Photoshop verwendet und der Effekt auch manchmal wirklich unpassend eingesetzt. Hier sieht's aber in Ordnung aus. Was mich nur mittlerweile stört, ist, dass man bei den MMX-Seiten immer wieder stumpf den selben Aufbau vorgesetzt bekommt. Wäre schön, wenn ihr (bzw. in diesem Falle du) euch/dich mal an was Neuem probieren würde(s)t. :)
dead_orc
15.12.2008, 08:23
An sich sieht's hübsch aus, keine Frage. Die Farbgebung gefällt mir. Was mir nur immer wieder bei MMX-Netzwerkseiten auffällt, ist dieser Schein um die Schriften. Es wird strikt immer wieder die Vorgabefarbe aus Photoshop verwendet und der Effekt auch manchmal wirklich unpassend eingesetzt. Hier sieht's aber in Ordnung aus. Was mich nur mittlerweile stört, ist, dass man bei den MMX-Seiten immer wieder stumpf den selben Aufbau vorgesetzt bekommt. Wäre schön, wenn ihr (bzw. in diesem Falle du) euch/dich mal an was Neuem probieren würde(s)t. :)
Dem kann ich mich nur voll und ganz anschließen. Es sieht rundherum alles gut aus, aber der gesamte Aufbau ist wirklich 0-8-15. Links ne Navi, rechts ne Navi, oben ein riesiger Header. Ich fände es z.B. schicker, wenn die Navi über dem Content säße (vielleicht sogar im Header, damit der nicht so riesig ist). Etwa so, wie die Home, Kontakt... Buttons unten, die sehen nämlich echt cool aus.
bin momentan in der mitte vom designprozess zu ner pkmnhosted seite angelangt und bin doch schon n bisschen unbefriedigt, drum wollt ich mal nach n bisschen feedback fragen
http://www.npshare.de/files/5de48651/blubb%20Kopie.jpg
jetzt wos an vertikale navi und contentbereich geht bin ich n unkreativ und leg jetzt auch erstmal ne kreative pause ein ._.
Hm, gefällt mir eigentlich ganz gut. Den Pokédex hättest du allerdings etwas geschickter platzieren können. Z.B. hättest du das Display als Forenticker-/Login-Box verwenden können. Dass sich im Header unten rechts diese weißen "Wirbel"-Brushes immer wiederholen, finde ich etwas auffallend. Nervig sind auch diese drei Striche oben auf dem silbernen Hintergrund. Bei der Forenticker-Box stört auch imo dieser Kasten, der vermutlich für den Avatar vorgesehen ist, bzw. dieser grelle weiße Rand, auch, wenn der ausfadet. Setz die Transparent von dem Rand etwas runter, dann sieht's sicher besser aus. Das "Forenticker" sticht mir auch etwas zu sehr heraus. Mit weniger dunklem Rand und etwas Transparenz wäre das sicher auch schon eher anzusehen. Was mir auch aufgefallen ist, ist, dass der Kopf von diesem UBER-Pokémon rechts mit dem Weichzeichner bearbeitet worden oder beim Vergrößern durch Anti-Aliasing etwas an Qualität verloren hat. Genau das kann man auch bei diesem Pokémon-Trainer neben der Login-Box sehen. Finde ich unschön. Beim Schriftzug stört mich das "Mania". Die Schriftart finde ich sehr unpassend gewählt. Der Schlagschatten tut hierzu sein Übriges. Wirkt mir viel zu plastisch und hebt sich zu sehr vom Stil der im Header verwendeten Grafiken und auch vom restlichen Design ab.
Aaargh, jetzt hab ich alles in einem Block, ohne Absätze. xD Hoffe, das ist nicht zu anstrengend zu lesen.
Altercation
21.02.2009, 10:45
Runes-Of-Magic.info (http://www.runes-of-magic.info) wurde vor kurzem veröffentlicht. Wir bieten euch Spielern eine Seite, die euch auf dem Laufenden hält über News, AddOns, Patches, etc! Einfach alles! Zudem bieten wir euch schnelle und viele Downloads an, sowie eine Gallerie mit Artworks, Screenshots und Wallpaper. Und es gibt natürlich einen Bannergenerator für eure Signaturen.
Zudem ist unsere Seite voll mit Informationen. Wir bieten nicht, wie fast jede andere Seite, nur das an, was auch die offizielle Seite anbietet – nein, wir bieten zudem Guides, Datenbanken und viele andere Artikel an, die den Spieler helfen und informieren!
Tretet ein in unsere Welt von Runes of Magic und findet auch in unser Forum, wo ihr diskutieren könnt und Hilfe bekommt, egal um was es geht.
Die Item- und Questdatenbank muss allerdings noch gefüllt werden. Deshalb sind noch folgende Jobs auch auf unserer Seite frei:
- Redakteur
- Screenshotsposter
Als Redakteur ist es deine Aufgabe Artikel zu schreiben und als Screenshotsposter Screenshots zu liefern.
Sofern du Kritik und/oder Wünsche hast, kannst du diese uns gerne nennen.
Zuletzt zu erwähnen wäre auch, dass wir Gilden Webspace, FTP und MySQL anbieten.
Gruß,
das Runes-Of-Magic.info-Team
Webseite: http://www.runes-of-magic.info
Forum: http://forum.legendary-games.de/forumdisplay.php?f=50
Hallo,
Ich habe ein kleines ACP für ein CMS designt und würde gerne wissen, was ihr vom Design haltet.^^
http://www.toadtown.de/_indysstuff/indycms_klein.jpg (http://www.toadtown.de/_indysstuff/indycms.jpg)
Whiz-zarD
29.04.2009, 16:39
Ich hab mich eigentlich nie drum gekümmert, ob das ACP gut aussieht. Hauptsache da sind alle Funktionen enthalten, was es enthalten soll und auch gut zu finden.
Dennoch sieht das doch schonmal nicht schlecht aus, was du da zusammengebraten hast ^^
Danke.^^
Nunja, auf das CMS soll später ja nicht nicht nur ich Zugriff haben, sondern auch andere Leute, die vermutlich nicht so viel Ahnung von Programmierung, geschweige denn von HTML haben könnten.
Und da hielt ich es für angebracht, ein ausgearbeites, freundliches Design mit Icons und kleinen Erklärungen für die wichtigsten Funktionen anzufertigen.
Hier noch ein paar Screens^^
http://npshare.de/files/d6078f17/icms_startseite.jpg
http://npshare.de/files/541c65b6/icms_artikeluebersicht.jpg
http://npshare.de/files/f4e3cfa4/icms_artikel_editieren.jpg
Whiz-zarD
02.05.2009, 22:26
sieht doch so schon ganz brauchbar aus.
Falls du Betatester suchst, ich melde mich freiwillig ^^
Schon dran gedacht einen WYSIWYG-Editor wie tinymce (http://tinymce.moxiecode.com/) einzubauen? :D Gibt natürlich auch andere, die ein bischen mehr lightweight sind. Vorteil z.B. dass die Formatierung teilweise direkt übernommen wird, wenn man etwas aus Word kopiert etc.
Xardas der Dunkle
03.05.2009, 02:42
Vorteil z.B. dass die Formatierung teilweise direkt übernommen wird, wenn man etwas aus Word kopiert etc.
Und das ist die Grausamkeit überhaupt ...
Schon mal den Quellcode angeguckt, der dabei herauskommt? :rolleyes:
Und das ist die Grausamkeit überhaupt ...
Schon mal den Quellcode angeguckt, der dabei herauskommt? :rolleyes:
Was schauste mich so an? :p Ich schreibe normalerweise auch 100% validen Code, aber das ist nur für die Beiträge, ausserdem wollen sich viele User eines CMS nicht unbedingt mit BBCodes rumschlagen.
Schonmal versucht, einem Computerphoben BBCodes nahe zu bringen? Es ist teilweise schon schwer solchen Leuten überhaupt mal die Bedienung der Oberfläche nahezubringen. Und fiesen Code kann man nachträglich ja immer och optimieren (also per Skript). Und man kann einen WYSIWYG Editor auch dazu bringen validen Code zu erzeugen...
Xardas der Dunkle
04.05.2009, 05:51
Es geht ja eigentlich nicht nur um den validen Code (um welchen sich professionelle, eh kaum sorgen machen ;)) sondern darum, das beim kopieren aus Word nur mist entsteht. Diese komischen <w:Zoom>-Tags machen nur mist ;).
TinyMCE besitzt aber Gott sei dank einen Word-Insert-Button (Nur nutzen den die Kunden?).
Aber worin liegt (bis auf das der WYSWYG einem relativ einfach erlaubt Bilder zu skalieren und man bereits Teile des Ergebnisses sieht (Aufer Seite sieht es später eh anders aus ...) ) nun der Unterschied? Sowohl bei einem BBCode/WikiCode als auch beim WYSWYG drückt man nur auf Knöpfen rum um Tags zu setzen oder zu entfernen.
PS: Habe über den Word-Insert-Button gerade einen Text in den TinyMCE eingefügt. In der ersten Zeile steht nun <p> </p>. Ok nur lässt sich diese Zeile irgendwie nur über den HTML-Editor löschen :rolleyes:.
Maisaffe
04.05.2009, 07:35
PS: Habe über den Word-Insert-Button gerade einen Text in den TinyMCE eingefügt. In der ersten Zeile steht nun <p> </p>. Ok nur lässt sich diese Zeile irgendwie nur über den HTML-Editor löschen :rolleyes:.Das Problem hat nicht nur TinyMCE. Ein anderer Editor verwendet meines Wissens nach Browserfunktionen um das HTML zu erzeugen (Tiny wahrscheinlich auch) - da kann einfach kein - in allen Fällen - brauchbarer Code rauskommen.
Ich habe gelesen das es einen XHTML STRICT Editor geben soll, aber der dann auch tatsächlich STRICT arbeitet und seinen Dienst quittiert, sobald etwas unpassendes reingeladen wird (das mag nicht sinvoll erscheinen, aber XML geht von der Definition nur von strikt umgesetzten Syntax aus - deswegen gibt es ja auch die XML-Meldungen in Browsern).
Leider hab ich den Editor bis heute nicht gefunden (vllt. auch nicht ausreichend gesucht). Das gute an der Verwendung von BBCode (o.Ä.) ist, das der User nicht auf dumme Gedanken kommt und abstrußen Code hinkratzelt, weil es doch relativ anstrengend ist. Das muss man dann nur gekonnt vermarkten. ;)
@Indy: Wie implementierst Du skalierbare Bilder (wenn überhaupt)? Wie funktioniert das Bilder einfügen? Einfach den [img] Code eingeben und die Bilder vorher irgendwo hochladen, oder geht das auch während des Schreibens im aktuellen Fenster? (Nur aus Interesse, habe ein Ähnliches Problem)
Xardas der Dunkle
04.05.2009, 12:58
Das gute an der Verwendung von BBCode (o.Ä.) ist, das der User nicht auf dumme Gedanken kommt und abstrußen Code hinkratzelt, weil es doch relativ anstrengend ist. Das muss man dann nur gekonnt vermarkten.
Ich habe mich darum für WikiCode entschieden. Manche Dinge (wie z.B. einbinden von Videos oder Rahmen um Bilder) sind damit relativ einfach zu gestallten.
Beim WYSWYG-Editor müsstest du direkt den kompletten HTML-Code davon in die Content-Box klatschen.
Ggf könnte man sogar beides verbinden (Also WYSWYG und WikiCode).
@Indy: Wie implementierst Du skalierbare Bilder (wenn überhaupt)? Wie funktioniert das Bilder einfügen? Einfach den [img] Code eingeben und die Bilder vorher irgendwo hochladen, oder geht das auch während des Schreibens im aktuellen Fenster? (Nur aus Interesse, habe ein Ähnliches Problem)
Bei der Skalierbarkeit liegt der Vorteil von WikiCode gegenüber BBCode klar auf der Hand, hier kann nämlich relativ einfach eine Größenangabe übergeben werden:
[[img:Donald.jpg | thumb | 150x | right | Donald Duck]]
Aber worin liegt (bis auf das der WYSWYG einem relativ einfach erlaubt Bilder zu skalieren und man bereits Teile des Ergebnisses sieht (Aufer Seite sieht es später eh anders aus ...) ) nun der Unterschied? Sowohl bei einem BBCode/WikiCode als auch beim WYSWYG drückt man nur auf Knöpfen rum um Tags zu setzen oder zu entfernen.
Wenn es im Editor anders aussieht als auf der Seite, hat der Editor seinen Zweck verfehlt. Aber generell ist es angenehmer, die Textformatierungen zu sehen, anstatt sie nur in Form von Tags oder ähnlichem vor sich zu haben. Für dich und mich ist das vielleicht nur Geschmackssache, weil wir mit beidem klarkommen, aber die meisten Leute verstehen ein Tag-Konzept möglicherweise nichtmal. Ich bastel Texte auch lieber in Word und nutze LaTeX nur, wenn ich halt bestimmte (fortgeschrittene) Funktionalitäten davon brauche.
PS: Habe über den Word-Insert-Button gerade einen Text in den TinyMCE eingefügt. In der ersten Zeile steht nun <p> </p>. Ok nur lässt sich diese Zeile irgendwie nur über den HTML-Editor löschen :rolleyes:.
Jo, leider sind die WYSIWYG Editoren in der Hinsicht größtenteils Mist. Also sie erzeugen halt oft unsinnigen Code, der dann auch nicht noch nachträglich optimiert wird und erlauben einem häufig nur eine Anpassung per HTML Editor (was das Konzept des WYSIWYG ad absurdum führt.
Trotzdem bin ich der Meinung, das zumindest für unbedarfte Nutzer WYSIWYG > BBCodes etc. ist.
EDIT: Und was Validität angeht, sind die meisten BBCode Parser ziemlicher Mist. Weil die häufig nur auf einem mehr oder weniger einfachen Suchen und ersetzen basieren. Ich kann also ohne Probleme sowas wie Bla bla bla schreiben und es wird einfach umgewandelt.
Und ich kann die BBCode Syntax beliebig erweitern und sowas wie Alternativtext machen *shrug* Damit kann ich dann denselben Kram wie mit Wikicode machen.
drunken monkey
04.05.2009, 18:08
EDIT: Und was Validität angeht, sind die meisten BBCode Parser ziemlicher Mist. Weil die häufig nur auf einem mehr oder weniger einfachen Suchen und ersetzen basieren. Ich kann also ohne Probleme sowas wie Bla bla bla schreiben und es wird einfach umgewandelt.
Ach, soweit ich weiß, ist in PEAR bereits standardmäßig ein recht guter und vor allem validierender BBCode-Parser drin. Wer da noch einen eigenen bastelt, ist selbst schuld. ;)
Ach, soweit ich weiß, ist in PEAR bereits standardmäßig ein recht guter und vor allem validierender BBCode-Parser drin. Wer da noch einen eigenen bastelt, ist selbst schuld. ;)
Der imo einzige brauchbare BBCode Parser ist dieser (http://www.christian-seiler.de/projekte/php/bbcode/). Die anderen produzieren Mist. Wobei ich den von PEAR noch nie wirklich benutzt habe (er sieht aber auch nicht besonders toll aus :P).
sieht doch so schon ganz brauchbar aus.
Falls du Betatester suchst, ich melde mich freiwillig ^^
Hm, ich hatte eigentlich daran gedacht, das CMS in Praxis zu testen, für eine ganze bestimmte Webseite.^^
Zum Thema mit den Editoren: Ich persönlich bin nicht gerade ein Freund dieser WYSIWYG-Editoren und verwende deshalb momentan einen ganz simpel aufgebauten Editor, der die BBCodes nicht umgewandelt darstellt.
Aber wäre sicher eine Idee, später mal einen WYSIWYG-Editor als wählbare Alternative einzubauen.
Der imo einzige brauchbare BBCode Parser ist dieser (http://www.christian-seiler.de/projekte/php/bbcode/).
Genau den Parser verwende ich momentan.^^
Der imo einzige brauchbare BBCode Parser ist dieser (http://www.christian-seiler.de/projekte/php/bbcode/).
Ja, der ist klasse. Ich spiele momentan mit dem Gedanken, den für Würfelorgie auf Ruby zu konvertieren, weils da auch wenig gutes gibt.
Andrej Delãny
06.06.2009, 01:23
Hum, da ja keiner in letzter Zeit was gedingst hat, schmeiß ich hier einfach mal meins rein.
http://casterstats.meltyblood.de
Größtenteils auf meinem (Rowan) Mist gewachsen, mit Unterstützung bezüglich einiger organisatorischer Dinge von Danielsan. Die Interna könnt ihr ja nicht sehen, leider.
Ist alles handcoded, in den Quelltext braucht ihr also gar nicht erst zu schauen und validieren ohnehin nicht =V
Sieht ganz hübsch aus, aber was mir spontan auffällt, ist eher ein inhaltliches Problem. Für einen Außenstehenden ist in keiner Form ersichtlich, worum es auf der Seite eigentlich geht. Irgendwelche Statistiken zu irgendwelchen Charakteren, aber das wars auch schon.
treeghost
06.06.2009, 15:47
Ein Netzwerk rund um Meltyblood (ziemlich geiles beat em' up). Soweit ich weiß sind das Statistiken wie gut die Spieler sind. Falls ich jetzt was falsches sage aber die Seite ist wohl sowas wie eine Clan Page für shooter nur für Melty Blood oder?
Andrej Delãny
06.06.2009, 18:12
Sieht ganz hübsch aus, aber was mir spontan auffällt, ist eher ein inhaltliches Problem. Für einen Außenstehenden ist in keiner Form ersichtlich, worum es auf der Seite eigentlich geht. Irgendwelche Statistiken zu irgendwelchen Charakteren, aber das wars auch schon.
Ja, einem Neuling wird der Einstieg ziemlich erschwert. Aber diese Seite wird ohnehin erst genannt wenn jemand schon Erfahrungen mit dem Spiel hat, also Onlinegaming. Derzeit bin ich aber ohnehin an einer neuen Version (noch mehr Statistiken (wer at wie oft mit welchem Char gegen wen gespielt und wie oft gewonnen, wer hat wie oft mit seinen Chars gegen einen bestimmten Charakter gespielt und wie oft gewonnen etc), ner ausführlichen Einführungsseite und der Möglichkeit des Organisierens von Turnieren.
Ein Netzwerk rund um Meltyblood (ziemlich geiles beat em' up). Soweit ich weiß sind das Statistiken wie gut die Spieler sind. Falls ich jetzt was falsches sage aber die Seite ist wohl sowas wie eine Clan Page für shooter nur für Melty Blood oder?
Eher ein Ranking als eine Clan Page. Außerdem sagt das Ranking nichts über die Qualität der Spieler aus. Anscheinend nehmen aber einige Leute das richtig ernst, was ich dann auch wieder nicht verstehen kann.
Entstanden aus einer kurzen Idee, den Log des Onlinespiels auszulesen und darauf basierend Statistiken zu erstellen, diese in eine DB einschleusen und davon dann wieder Rankings zu kreieren.
Ein Profilierungsplatz für die einen, eine Möglichkeit, lokale oder internationale Spieler zu finden für die anderen.
http://kryslog.tk
So. Nachdem mein Root bald weg ist, stelle ich gerade alles auf Freehost um. Und siehe da, mein selbstgeschriebenes CMS funktioniert unter den PHP Einstellungen des Freehosters teilweise nicht mehr und die Hosting-Funktionen kann man eh vergessen. Nun, da ich keine Lust hatte Stunden zu opfern um meinen eh eher miesen Code umzugestalten, habe ich jetzt wieder Wordpress draufgepackt, eine schlichtes Theme rausgesucht und dieses überarbeitet und an meine Wünsche angepasst (ca. 2 Stunden lang, wo wir wieder bei "Stunden opfern" und der Ironie des Schicksals sind ;___; ), knapp 20 Plugins installiert und die ersten Beiträge geschrieben.
Fertig ist meine persönliche Mischung aus "Blog" und "Online Portfolio". (:
KISS, wie es sein sollte. rate & feedback pls.
http://kryslog.tk
So. Nachdem mein Root bald weg ist, stelle ich gerade alles auf Freehost um. Und siehe da, mein selbstgeschriebenes CMS funktioniert unter den PHP Einstellungen des Freehosters teilweise nicht mehr und die Hosting-Funktionen kann man eh vergessen. Nun, da ich keine Lust hatte Stunden zu opfern um meinen eh eher miesen Code umzugestalten, habe ich jetzt wieder Wordpress draufgepackt, eine schlichtes Theme rausgesucht und dieses überarbeitet und an meine Wünsche angepasst (ca. 2 Stunden lang, wo wir wieder bei "Stunden opfern" und der Ironie des Schicksals sind ;___; ), knapp 20 Plugins installiert und die ersten Beiträge geschrieben.
Fertig ist meine persönliche Mischung aus "Blog" und "Online Portfolio". (:
KISS, wie es sein sollte. rate & feedback pls.
Warum Freespace nehmen, wenn man für 3-4€ im Monat nen kleinen vServer bekommt, der für kleine Webseiten völlig ausreicht? Hat man dann wenigstens nachher kein Stress, sein ganzen Code umzubauen, nur weil die PHP Konfiguration des Freehoster's scheisse ist.
Ansonsten, das Design ist schlicht und simpel und spricht mich an. ;)
Warum Freespace nehmen, wenn man für 3-4€ im Monat nen kleinen vServer bekommt, der für kleine Webseiten völlig ausreicht?
Mein vorheriger Vertrag kostete knapp 8€ im Monat.
Aufs Jahr gerechnet ca. also 100€ bzw. bei dem Preis den du gennant hast wärens dann 50€.
Das sind mir aber momentan schon zu viel. Ich hab zurzeit wegen Studium eine doppelte finanzielle Belastung mit Studiengebühren und DB-Monatsticket, dass jeder Euro, den ich irgendwo einsparen kann, wichtig und gut ist. :rolleyes:
Ich bin generell dazu bereit für mein Hobby "web" Geld auszugeben, aber das ist momentan einfach nicht drin... :/
Pablo007
29.08.2009, 18:05
Mein eigener Blog, indem ich über Software, Internet, Musik und Spiele berichte:
>>> http://www.pablo-bloggt.de
Mein Blog über Jugend, Politik, Gesellschaft und... den Soul Eater Manga.
killergeneration.de (http://www.killergeneration.de/)
Ich stelle hier mal meine ArchLord-Seite vor.
Neben Guides, Informationen und vielen hilfreichen Tipps findet ihr in unseren zwei Foren auch jede Menge Hilfe und Antworten auf eure Fragen. Da die Seite aktuell wieder aufgenommen wurde, ist das Forum noch dementsprechend leer.
Wir befinden uns zudem im Netzwerk von Legendary-Games (bald wohl MMORPG-World.de), wo neben unserer Seite samt Foren auch Runes of Magic, Diablo 3 und Divinity gehosted sind.
Viel Spaß.
Bei Kritik reicht eine PN, da ich nicht so oft durch die Foren hier geister.
Link: http://www.archlord-universe.de/
Der Link zu den Foren befindet sich auf der Hauptseite. :)
Mr.Ankluas
28.09.2009, 21:13
Meine Homepage über meine Spiele.
http://diehandgottes.npage.eu/
Ein Forum ist auch dabei.
Meine Homepage über meine Spiele.
http://diehandgottes.npage.eu/
Ein Forum ist auch dabei.
Das Design ist okay, leider beißen sich die bunten Farben mit dem schwarz/weiß Design, welches ja eigtl. die Überhand hat.
Rechtschreibfehler gibt es jede Menge, weswegen zwar das lesen selbst nicht allzu eingeschränkt ist, trotzdem sieht es nicht gerade schön aus, wenn ein Absatz mehr als 1-2 Fehler hat (ein Test hat so bspw. knappe 10-20 Fehler, auch wenn sie desöfteren minimal sind), gerade auf einer öffentlichen Website.
Geb' Dir etwas mehr Mühe und passe das Design mal an. Entweder ganz bunt oder schwarz/weiß, beides beißt sich, wie bereits Eingangs erwähnt.
So, die folgende Seite musste ich für die Schule machen. Es gab keine Anforderungen, außer einem schlichten und schicken Design und dass das Ding mehrseitig sein muss. Also hab ich nach 2 Jahren HTML-Abstinenz mit meinen verbleibenden Kenntnissen die Seite hier geschrieben: Link (http://insaorc.funpic.de)
Der Inhalt ist nicht wirklich ernst gemeint und unser Lehrer hat viel Humor, von daher denke ich, dass das okay sein wird.
Spark Amandil
09.11.2009, 17:29
Sieht nicht schlecht aus. Zwei Tipps hätte ich allerdings für dich
- Gib dem Text und den Links ein Padding damit sie nicht so an den Rand gedrückt werden. Erhöht die Lesbarkeit enorm, und zusätzliche dadurch entstandene WhiteSpaces kommen der Optik zugute.
- Mach Schlagschatten nie mit Schwarz. Ein Schatten der nur halb so breit ausläuft und eine Deckkraft von etwa 30% der jetztigen Stärke hat, wirkt für das Auge angenehmer.
Probiers einfach mal aus, ich denke es würde dem Layout gut tun.
justgotowned
09.11.2009, 21:15
http://www.blaechauflauf.de
seite fürn klassenkamerad schlicht! Das layout aus ner alten Schulpage vom letzten Jahr die ich etnworfen habe geklaut!
Mr.Ankluas
10.11.2009, 06:13
So ich habe mal ne neue ist eher ein Forum, aber bräuchte unbedingt Feedback.
Weil ich es verbessern will und Ich mit meinen Augen nicht sehen kann, was eventuell schlecht ist und bräuchte dafür "Fremde" Augen, bitte "direkt" sein:)
www.unitedonlinenet.de
NPC Fighter
10.11.2009, 18:44
Akaorcram:
Es gibt hier auch einen dedizierten Thread für Forenvorstellungen.
Ansonsten... tja, was soll man sagen. Backend nicht von dir, Design nicht von dir. Das einzig Individuelle ist der Schriftzug im Header und der gefällt mir persönlich nicht wirklich. Diese 3D-Effekte wirken halt immer sehr altbacken und werden heutzutage auch nicht mehr so gern eingesetzt. Dem Template an sich sieht man leider auch an, dass es von vor fünf Jahren ist.
Das Hauptproblem sehe ich aber darin, dass man irgendwie keinen Kontext erkennen kann. Will sagen: Mir fehlt der Seite irgendwie ein Alleinstellungsmerkmal, etwas Inviduelles. Stell dir einfach mal die Frage, warum sich jemand, der auf irgendeinem Weg dorthin findet registrieren sollte. Ich sehe da keinen Grund, da es für die anvisierten Themenbereiche bereits viele Foren gibt, die diese besser abdecken.
justgotowned:
Die Optik würde meiner Meinung nach davon profitieren, wenn du die Kanten des Header-Textes glätten würdest. Der Hintergrund könnte interessanter wirken, wenn du einen dezenten Farbverlauf einbringen würdest (zum Beispiel oben etwas dünkleres Rot). Der Abstand vom Header nach oben kommt mir persönlich ein bisschen zu groß vor. Mag monitorabhängig sein, ist aber keine Ausrede. (;
Unterstreichungen sind bei normalem Text meiner Meinung nach eher ungeeignet. Da erwartet man halt aus Erfahrung einen Link dahinter.
Was mir ebenfalls nicht ganz zusagt, ist der Wechsel der Schriftart beim Überfahren der Links. Das wirkt relativ unruhig und verwirrend.
Satyras:
Das Wichtigste wurde eigentlich von Spark gesagt. Ich möchte noch anfügen, dass ich <marquee> ätzend finde. :p
Ansonsten aber relativ cool.
justgotowned
10.11.2009, 20:11
Teils hast da shcon recht, aber hab die Seite nicht für mich gemacht, daher liegen weitere Änderungne nicht in mener Hand un hab auch keine Lust da hinterher zu rennen (50€ bekommen!)
Der Abstand oben so krass war nicht meine Idee, finds ertragbar.
Farbverläufe ham wir weggelassen, weil ichn rafik Noob bin und auch so Grafiken im Layout vermeidne wollte. Das Design ist von einer alten Seite für die Schule (Projekt) von mir geklaut, da sieht das ganze wensetlich besser aus imo!
Der unterschtrichene Text, war ebenfalls nicht meine idee :P.
Die Navigation war mir klar dasss die so eig. nicht in Ordnung ist aber hat meim Klassenkamerad gepasst. Ebenfalls bei meiner Seite die ich für die Schule gemacht habe ist das ganze wesentlich besser rausgekommen =).
Whiz-zarD
10.11.2009, 20:58
Teils hast da shcon recht, aber hab die Seite nicht für mich gemacht, daher liegen weitere Änderungne nicht in mener Hand un hab auch keine Lust da hinterher zu rennen (50€ bekommen!)
Der Abstand oben so krass war nicht meine Idee, finds ertragbar.
Farbverläufe ham wir weggelassen, weil ichn rafik Noob bin und auch so Grafiken im Layout vermeidne wollte. Das Design ist von einer alten Seite für die Schule (Projekt) von mir geklaut, da sieht das ganze wensetlich besser aus imo!
Der unterschtrichene Text, war ebenfalls nicht meine idee :P.
Die Navigation war mir klar dasss die so eig. nicht in Ordnung ist aber hat meim Klassenkamerad gepasst. Ebenfalls bei meiner Seite die ich für die Schule gemacht habe ist das ganze wesentlich besser rausgekommen =).
Hat das einen Grund, warum im Header unterschiedliche Schriftarten verwendet worden sind? O_o
justgotowned
11.11.2009, 14:34
Meinst du in der Navigation? Das ist die selbe, nur beim Hover verändert sich die Schriftart! Sieht komisch aus irgendwie, aber hat ihn nicht gestört, daher interessierte es mich nicht sonderlich, hab ich afaik auch vorgeschlagen das zu fixren :).
Whiz-zarD
11.11.2009, 15:17
Meinst du in der Navigation? Das ist die selbe, nur beim Hover verändert sich die Schriftart! Sieht komisch aus irgendwie, aber hat ihn nicht gestört, daher interessierte es mich nicht sonderlich, hab ich afaik auch vorgeschlagen das zu fixren :).
Nein. Ich meinte schon im direkt im Header
http://www.npshare.de/files/abcab725/Unbenannt.PNG
1. Keine Abrundung
2. dünner als alle andere
3. komplett andere Schriftart
4. dicker als alle andere
Buchstaben zu ziehen und zu verzerren ist ein no-go, wie man heute im Neudeutsch sagt.
Man sieht ja, was passiert. Die Buchstaben werden pixelig oder verschwommen. Die Proportionen passen auch nicht mehr und das sieht dann nicht mehr estäthisch aus. z.B. das A und das Ä haben komplett andere Größen. Das A ist viel schmaler.
justgotowned
11.11.2009, 17:07
Das Header Bild ist nicht von mir, das haben die vorgegeben. Ansichtssache, denen hats gefallen, wie man auf der Seite sieht sind das lediglich 9 Jugendliche die da ne kleine "Band" gegründet haben, nichts in der Art proffesionelles, an dem Bild hab ich mal for sure 100%ig nix zu tun gehabt :).
Whiz-zarD
11.11.2009, 18:32
Das Header Bild ist nicht von mir, das haben die vorgegeben. Ansichtssache, denen hats gefallen, wie man auf der Seite sieht sind das lediglich 9 Jugendliche die da ne kleine "Band" gegründet haben, nichts in der Art proffesionelles, an dem Bild hab ich mal for sure 100%ig nix zu tun gehabt :).
Naja, ich finde, eine Internetseite ist eine Visitenkarte und die sollte schon ordentlich aussehen.
Da würde ich, als Medieninformatiker, nicht mein Namen reinschreiben ^^"
justgotowned
11.11.2009, 21:24
Hab mit der Seite so nix zu tun hab die nur gemacht. An dem Logo hatte ich z.B: schonmal _gar_nichts_ zu melden. Bin ja auch nicht in der Gruppe ich hab lediglich die Seite gemacht. Aber um ehrlich zu sein würde ich die Seite so nicht online stellen, aber der war so zufrieden und das Problem war, dass er zu mir kam und wir die Seite da kurz in ~3h "zusammengeklatscht" haben (war ja aus ner alten Seite geklaut daher der Grundaufbau nur Copy'n paste)
Wäre ich noch alleine damit gewesen wäre einiges anderst gewoden denke ich, aber ging mir auch primär darum dass er zufrieden war nicht ich, ich wollte das Geld, ich könnte auch mene HL² Schulpage (von der das Layout stammt) hochladen, das Problem dort ist nur dass ich mir mit dem Copyright nicht sicher bin da ich ein Bild aus google geholt habe und daher den ersteller nicht sicher kenne. Ist vllt. übertrieben will das aber schon rechtlich legitim machen wenn überhaupt!
Wenn mit jmd. sagen kann wie ich das machen muss, ich hab die 2 betroffendne Bilder einfach aus google geholt, ist aber schon 1 Jahr her.
Von dieser Seite stammt auch das Layout und die gefällt mir eigentlich ganz gut :).
http://eli.bplaced.net/
Mein Blog.^^
Aber schon länger nichts mehr geschrieben, konnte ebenso lange keinen klaren Gedanken mehr fassen.
justgotowned
14.11.2009, 01:53
http://feelthebass.pytalhost.com/index.html
edit: Der "Bug" mit den deutschen Sonderzeichen beim aufrufen ist bekannt, haba ber atm keine Lust das zu fixen zumal ich die Seite net alzu lange on lasse, geht nur um Verbesserungen ect. einzufahren. Die Sonderzeicfhen msste ich halt fixen, is aber kein Ding, nur Arbeit :p. Zur Abhilfe: eine x beliebige Seiter aufrufen und von dieser zur Home Seite zurückgehen über die Men Struktur! Voila!
edit2:
Hier der Link zum Wallpaper das ich auf google gefunden habe (falles es hilft, wegen dem copyright!) http://intercentres.cult.gva.es/ies_sorolla/Alumnos/Emanuel/images/halflife2wallpaper.jpg
Eingabe: half life 2 wallpaper ist direkt das 5 Bild oder so. Wie muss ich mich da rechtlich absichern?
Meine Seite, über Half-Life 2 als Pionier von Neuzeit Games. Das Layout hab ich komplett selber entworfen, der Inhalt stammt von meinem Kameraden =).
Bin eigentlich auf das Layout schon "stolz". Man erkennt auch das www.blaechauflauf.de nur eine Kopie, dieser Seite ist, die ich gemacht habe.
Über den Farbkontrast, von Schwarz auf dunkelgrau kann man sicherlich streiten, ich persöhnlich finde es gut lesbar!
Ich hätte mal ne dringende Frage zum Copyright! Ansonsten nehm ich die Page morgen Abend wieder runter.
Es geht a) um das Banner Picture. Das stammt aus google, war ein Wallpaper und ich hab einfach einen Balken heraus geschnitten. WIe regle ich das, es gab kein Vermerk das es von Valve stammen würde, andererseits wenn man es sich ankuckt muss es das fast tun, oder nicht?
b) die ingame Screnshots. Wir haben Valve als Urrheber der COpyright und TM Rechte auf jeder Seite unten erwäöhnt, passt das so?
Kennt noch wer Links wo man sich über diese "heikle" Copyright Thema informieren kann?
Das wäre sehr nett!
Allgemein Fragen/Ideen/Inspirationen/ect. zum Layout o.ä. wären erwünscht :).
mfg
Spark Amandil
14.11.2009, 02:30
Ich kann dich beruhigen. Zumindest in dem Fall brauchst du dir keine Sorgen zu machen. Bei allem anderen wäre das schriftliche Einverständnis des Inhabers notwendig sofern die Bilder nicht ausdrücklich als frei deklariert wären. Valve hat selbst mehrere Fansite-Kits heraus gegeben und ist meines Wissens auch nie in irgend einer Form gegen Fanseiten vor gegangen, solang diese keine dubiosen Angebote hatten.
Falls du gänzlichst auf der sicheren Seite stehen willst, schreib doch einfach eine Nachricht an den Valve-Support mit einer Anfrage ob die Seite so wie sie im Netz steht von ihnen Genehmigung erteilt bekommt. Mehr als eine Frist bis wann die Seite vom Netz zu nehmen ist, werden sie dir im negativen Sinne nicht geben ;)
justgotowned
14.11.2009, 09:15
hmm. Ok dann lass ich das mal wird schon passen, die Seite ist sowieso nicht dazu gedacht auf Dauer im Internet zu bestehen :p.
Trotz allem Kritik/Lob zum Design/Aufbau/ect.? (außer zum Inhalt :p, der ist weitestgehend irrelevant!)
drunken monkey
14.11.2009, 11:22
Über den Farbkontrast, von Schwarz auf dunkelgrau kann man sicherlich streiten, ich persöhnlich finde es gut lesbar!
Darüber zu streiten ist allerdings nicht Sinn der Sache, das ist keine Frage des Geschmacks: Fakt ist, dass es eine große Vielfalt an Monitoren mit den unterschiedlichsten Eigenschaften/Einstellungen gibt. Was für dich gut lesbar ist, kann auf 90% de Monitore (auch für dich!) fast komplett unlesbar oder zumindest hochgradig kopfweherzeugend sein. Daher sollte man im Web immer auf einen guten Kontrast achten, anstatt sich auf der Grenze zu bewegen – und auch sehr auf Kritik anderer achten, wenn sie sich auf den Kontrast bezieht.
Mir persönlich erscheint der Kontrast noch ausreichend, aber wenn da einige anderer Meinung sind, solltest du den Hintergrund wohl noch etwas aufhellen.
Zum Rest: Monospace-Schrift als Standardschriftart auf einer Webseite zu verwenden ist schon mal… interessant. Rein gefühlsmäßig stört es mich in dem Fall zwar nicht, aber eine klassische Wahl ist es sicher auch nicht, und das wohl aus gutem Grund. Sie sieht einfach merkwürdig aus und lässt (zumindest für mich) eher Assoziationen zu technischen Reports entstehen, als zu normalem Content.
Die hervortretenden Navigations-Punkte gefallen mir persönlich, und eigentlich allgemein auch die ganze Seite. ^^ Allerdings habe ich da auch einen eher ausgefallenen Geschmack. XD
Whiz-zarD
14.11.2009, 11:36
Augenkrebs X_x
Hast du dir die Webseite mal auf einem größeren Bildschirm angeschaut?
Ich sitz hier an einem 24" Monitor, der halbwegs gut kalibriert ist und eine Auflösung von 1920x1200 besitzt.
Als erstes springt mir die Farbe Orange ins gesicht. Dann siehe ich einen dunklen Kasten in der Mitte, mit einer noch dunkleren Schrift.
Serifen-Schrift würde ich im Online-Bereich gänzlich streichen, auch wenn du sie nur als hover-Effekt benutzt. Die sieht auf einem Monitor einfach nicht schön. Da man sich auf einem Monitor nicht korrekt darstellen kann.
Und die dunkle Content-Schrift kann ich nur mit Mühe lesen. Generell muss ein hoher Kontrast zwischen Hintergrund und Vordergrund vorhanden sein, damit ein Text gut lesbar ist.
justgotowned
14.11.2009, 12:28
ach verdammt, an die Auflößung habe ich gar nicht gedacht...
Dann ist es natürlichj klar, bei 1024x768 kann men es imoh einwandfrei lesen bei höheren auflößungen wirds happig.
Könnte natürlich das eine dunkler und das andere heller mahcen und so den Kontrast verstärken..
Das mit der Orangenen Box ist eig nur dazu da (die "Seitenbox" ist 800px breit, sodass das ganze in eig jeder auflößung net verschoben werden sollte oder man unbten sone doofe scroll leiste hat. Aber bei hohen Auflößungne siehts halt doof aus :()
Kann man eig heutzutage mit 1024x768 als weitverbreiteste Auflößung rechnen?
edit: Was ist Monospace Schrift? oO
Whiz-zarD
14.11.2009, 12:43
Das mit der Orangenen Box ist eig nur dazu da (die "Seitenbox" ist 800px breit, sodass das ganze in eig jeder auflößung net verschoben werden sollte oder man unbten sone doofe scroll leiste hat. Aber bei hohen Auflößungne siehts halt doof aus :()
Das ist mir schon klar, dass es als Begrenzung dient.
Nur Orange überstrahlt alles und lässt den den dunklen Content noch dunkler wirken, als er jetzt schon ist.
Kann man eig heutzutage mit 1024x768 als weitverbreiteste Auflößung rechnen?
Mittlerweile ist schon 1280x960 Standard. Es kommt aber darauf an, für welches Medium man die Seite gestalten will. Will man die Seite so gestallten, sodass sie auch z.B. mit einem iphone oder sonstige WAP-fähigen Geräte, gut aussieht, so muss man schon mit anderen Auflösungen arbeiten.
Die Kunst ist es aber, seine seite so zu gestallten, sodass sie mit allen Auflösungen und Fensterbreiten klarkommt, ohne das großartig Lücken gefüllt werden müssen.
edit: Was ist Monospace Schrift? oO
http://de.wikipedia.org/wiki/Nichtproportionale_Schriftart
http://kryslog.tk
Ich hab mein kleines portfolio mal redesignt.. :/
Spark Amandil
15.01.2010, 17:47
Die Navigation ist im IE8 ein wenig verschoben, sollte sich leicht beheben lassen.
Ansonsten technisch nichts zu beanstanden und auch sehr schick. Aber Der Seite fehlt es eindeutig an Kontrasten. Sämtliche Grafiken und Inhalte sind extrem blass geraden. Schlimm wird das vor allem dann wenn Schrift dazu kommt die mit einem reinen Schwarz extrem heraus schlägt.
Also entweder ein klein wenig mehr Mut zur Farbe (täte nicht schaden) oder anstelle von Schwarz der Schrift ein dunkles Grau geben um den Kontrast etwas zu mindern.
NeoInferno
06.02.2010, 15:16
Passend zum Webentwicklungs-Board möchte ich mal kurz meine Homepage vorstellen:
http://www.eality.de
Ich biete dort hauptsächlich Silverlight-Tutorials an und stelle auch einige meiner Projekte vor. Die Tutorialserie soll später alle Aspekte von Silverlight abdecken und ist vor allem an Anfänger auf dem Gebiet gerichtet.
Vom Design her nichts aufregendes, ein 08/15 Wordpress Blog eben ;)
justgotowned
10.02.2010, 21:18
Hey!! Silverlight *freu*
Hab mich dafür schon immer interessiert :).
Ich schreib dir mal ne PN.
Ich mach es kurz,es handelt sich um eine Chat Community Seite.
http://www.pooqo.de
Sieht gut aus die Community, respekt.
Nur mal so ein kleiner Vorschlag: Wenn du damit ernsthaft Geld verdienen willst, dann schau dir mal Pof an, eine kostenlose Datingseite für USA/Kanada (gibt aber auch ne Menge Deutsche User). Die Werbung (Google AdSense) dort ist gezielt eingesetzt und die Einnahmen sind dann auch dementsprechend groß! Nur mal so nebenbei!
Habe meine mal umgekrempelt.
http://eli.bplaced.net/
Inhalt: Musik und GFX von mir. Das meiste erst heute hochgeladen.^^
Ist sehr minimalistisch gehalten.
Dantares
03.04.2010, 11:30
Ich arbeite derzeit an einer Star Ocean Page. Zu erreichen über http://www.gamers-club.com
Wer mag kann gern schauen. Viel Spaß dabei.
Whiz-zarD
03.04.2010, 11:40
Ich arbeite derzeit an einer Star Ocean Page. Zu erreichen über http://www.gamers-club.com
Wer mag kann gern schauen. Viel Spaß dabei.
Welcome to the year 1998. Sieht altbacken aus.
Überschriften sollte man auch nicht in Blocksatz setzen.
Und ich hasse Intro-Seiten.
Ich finde es vom Aufbau ok. Ich brauche nicht überall Web 2.0, aber die Grafiken sehen relativ doof aus. Verpixelt, unsauber und mit hässlichen Rändern. Das ist dann echt nicht schön.
Whiz-zarD
03.04.2010, 12:08
Ich finde es vom Aufbau ok. Ich brauche nicht überall Web 2.0, aber die Grafiken sehen relativ doof aus. Verpixelt, unsauber und mit hässlichen Rändern. Das ist dann echt nicht schön.
Man braucht kein Web2.0, um ein schönes Design auf die Beine zu stellen ;)
Und auch mit ansprechenden Design wäre die Seite immernoch kein Web2.0, da Web2.0 sich eher auf die Eigenschaften der Webseite bezieht und nicht auf das Design.
Oh, das habe ich gar nicht gewusst^^
Ich habe den Begriff immer mit einem bestimmten Design verbunden. Aber nun gut, was ich sagen will, dass dieses konventionelle Design für mich in Ordnung ist. Es gibt Seiten die sind einfach "überdesigned", relativ langsam und teils unübersichtlich. Was hier nicht der Fall ist.
Also ich finde diesen Hang zum Simplen ganz schön.^^
Die Submenüs, sowie das ergänzende Menü links unten sind allerdings etwas schlecht positioniert, da sie erst nach etwas Hinunterscrollen sichtbar sind und damit automatisch weniger Beachtung finden.
Dantares
04.04.2010, 11:03
Ich finde es vom Aufbau ok. Ich brauche nicht überall Web 2.0, aber die Grafiken sehen relativ doof aus. Verpixelt, unsauber und mit hässlichen Rändern. Das ist dann echt nicht schön.
Wo hast du Ränder? Ich hab die in so gut wie jeden gängigen Browser getestet, aber ich hab da weder Ränder noch verpixelte Bilder erkannt.
http://npshare.de/files/f716c5f0/so.pnghttp://npshare.de/files/d05189d3/so2.png
So, ich hab http://wecallit42.de/ komplett überarbeitet. Unter der Haube werkelt jetzt Ruby on Rails statt PHP und das Design ist auch neu. Was noch fehlt, sind ein ordentlicher Spamschutz und einige Archivposts.
Kommentare sind herzlich willkommen.
Hab http://kryslog.tk mal wieder entstaubt. Neues Design und so! Im Hintergrund diesmal Wordpress statt meines mittelmäßigen EigenCMS und joa.
EDIT by Knuckles: Sorry, aber ich habe den Link entfernt. Leider bietest du auf der Seite einige illegale Sachen an, so dass wir den Link nicht tolerieren könne.
Sie das als Ermahnung. Weite Verstöße könnten zu einer Verwarnung oder einem Bann führen.
http://traumlicht.wordpress.com/
Zelretch meint, dass das Designs überarbeitungswürdig ist, zumal es ja ein vorgegebenes Design ist. Ich finde, dass aber völlig in Ordnung, minimal und ohne großen Schnickschnack und ins lesbaren Farben.
Dann ist noch die Sache mit den Artikeln. Mit Ausnahmen lasse ich den more-tag aus, damit man in einem über die Startseite scrollen und die Artikel lesen kann. Ich finde das persönlich immer wieder nervig. Andererseits ist das schon jetzt ein ziemliches Gewurschtel.
Bitte helft mir.
Whiz-zarD
11.06.2010, 12:22
Und inwiefern willst du nun Hilfe haben?
Entweder du benutzt den More-Tag oder du lässt es bleiben.
Ich frage nach der Sinnhaftigkeit. Welche Art der Übersicht nun besser wäre. Du liest einen Blog, was wäre die lieber, was fändest du übersichtlicher? Wenn du fast alle beitrage ohne more-tag hast und doch durch ein Artikelgewusel scrollst und dabei vielleicht durch einen netten Screenshot an einen Artikel gebannt wirst oder wenn du nur das Cover siehst und anhand diesem und eines kleinen Textes entscheidest, ob du den Artikel lesen willst? Was natürlich auch dazu führen kann, dass du vielleicht was verpasst. Zumal es nervig ist, immer jeden Artikel einzeln zu öffnen. imo
Deshalb hätte ich gerne die Meinung von Leuten die nicht ich sind.
treeghost
11.06.2010, 13:05
Das Design kannst du nicht bearbeiten, da musst du schon ein neues Theme installieren. Das das man am meisten modifizieren kann wäre da mein Theme (Header + Hintergrund können selbst gemacht werden). Für die Übersicht würde ich definitiv den more-tag benutzen, ansonsten würde es nur nerven wenn die ganzen Bilder laden die in den Beiträgen sind (vorallem für die Leute die keine DSL geschwindigkeit haben).
Whiz-zarD
11.06.2010, 13:16
(vorallem für die Leute die keine DSL geschwindigkeit haben).
Allmählich fang ich an, diese Begründung zu hassen.
Was kümmern mich User, die mit 56k Modem/ISDN unterwegs sind, wenn sie eh nie auf meine Webseite landen?
Bei Webseiten muss man halten schauen, welche Klientel ich auf der Seite habe.
Wenn ich davon ausgehe, dass sich nur Freunde/Verwandte/Familie mein Blog anschauen und es dort keinen 56k Modem/ISDN User gibt, warum sollte ich auf solche User achten?
Zum Theme:
Da du nur ein Account bei Wordpress besitzt, kannst du nur eine bestimmte Anzahl an Themes verwenden, die man auch nicht modifizieren kann.
Wenn du das Theme modifizieren willst, musst du dir schon einen eigenen Webserver /webspace holen und dort dann Wordpress installieren.
Zum More-Tag:
Ich selber schau immer, wie lang der Blog-Eintrag wird und wenn er für mich zu lang ist, dann nehm ich den More-Tag, um somit die Start-Seite nicht so überladen aussehen zu lassen.
Nachdem ich nicht weiß, was ich mit meinen Urlaubstagen machen soll, habe ich heute ein "Mock-Up" für einen privaten Blog/Portfolio mit Mobiler Webenwicklung und TYPO3 im Vordergrund zusammengeschustert.
Wichtig waren mir dabei die Einfachheit und ein konstantes Design zwischen Desktop- und Mobilversion. Irgendwie weiß ich aber nicht so recht, ob die Slab Serif Font in der Form passend ist.
http://npshare.de/thumbnails/f825fa8e/blogportfolio.th.jpg (http://npshare.de/files/f825fa8e/blogportfolio.jpg)
Ein aktuelles Projekt aus meinem Praxissemester:
http://kaffeeundkekse.tk
Design eher zweckmäßig, allerdings mit tollen Flash Animationen. (Doku im ersten Post!)
Content-Stream direkt aus der tollen Branche der Marketing- und Medienwelt Berlin.
Viel zu langes Intro was direkt mal die ganze Seite zerhaut: Wenn ich das Intro abgespielt habe, auf einen Artikel klicke und später wieder zurück zur Übersicht will hängt die Seite wieder irgendwo im Intro rum.
Dazu kommt, dass die Animation viel zu groß ist. Wenn ich einen Blog lese will ich die Beiträge sehen und keine halbseitigen Flashanimationen. Das ist jetzt wirklich nicht böse gemeint, aber ich finde es einfach nur schrecklich unpraktisch :(
NPC Fighter
13.11.2010, 16:21
Da hat Wetako schon recht. Form follows function.
Whiz-zarD
13.11.2010, 16:27
Wenn ich die Seite mit Opera öffne, dann reagiert Opera für die nächsten Sekunden nicht mehr.
Und wie Wetako schon sagt, der Header ist zu riesig. Selbst bei einer Auflösung von 1920x1200 ist der halbe Bildschirm mit dem Header bedeckt.
http://www.helmutschmidt.me
Neues Projekt am Start. Gestern gelauncht, heute schon 3000 visitors und 12000 pageviews.
Kompletter Code stammt von mir, Design vom Kollegen.
Have fun. :)
Achja, ne kleine "Doku" gibts hier (http://zipline-media.de/devblogs/kaffeeundkekse/2010/12/22/zweeundzwanzisch-dit-wird-technisch/)!
Sieht gut aus, funktioniert gut und es verbietet mir sogar böse Worte wie "Ausländer". Klasse Sache =)
treeghost
22.12.2010, 12:16
Sieht gut aus, funktioniert gut und es verbietet mir sogar böse Worte wie "Ausländer". Klasse Sache =)
Ha ha wolltest es auch ausprobieren oder? XD
NPC Fighter
22.12.2010, 14:12
Schau mal, Opera 11:
http://npshare.de/thumbnails/a4a47ac4/nf/400x400/fehler.th.png (http://npshare.de/files/a4a47ac4/fehler.png)
Schau mal, Opera 11:
Hmmm. Das ist typeface.js, was Opera irgendwie nicht schlucken will. Ich hab mal für Opera ein alternatives StyleSheet eingebunden. Funktioniert bei mir.
http://www.fotoatelier-nj.de
Neues Projekt online! Die Bilder sind schrecklich… Aber das ist ja nicht das Problem des Webdesigners. =D
Using Wordpress, NextGen Gallery und AD-Gallery. (hier (http://kaffeeundkekse.de/2011/02/03/tut-integration-von-wp-nggallery-in-eine-eigene-fotogalerie/) steht, wie man die 3 dazu bringt zusammen zu arbeiten.)
Möchte eine Art Programmierer Portofolio-Projekt Seite erstellen, diese sollte nicht zu aufdringlich wirken.
Bin mir aber noch nicht sicher, ob mir das wirklich gelungen ist.
Hier mein erster Ansatz, bin für jeden verbesserungs Vorschlag dankbar.
Finde die Farben nicht so dolle und bin mir auch nicht so sicher mit der seitlichen Auflistung der Scriptsprachen und Programmsprachen, wobei ich mich gerade über XML wundere XD.
8554
@kris:
Finde die Seite ziemlich gut, auch wenn mich die Farbe persönlich abschreckt. ;)
Whiz-zarD
26.05.2011, 19:30
mmh, das Deisgn kenn ich irgendwo her. Hattest du es nicht mal auf Computerbase.de vorgestellt? ^^
Zum Design selbst: Es sieht altbackend aus. So sahen Webseiten vor ca. 10 Jahren aus. Also nicht wirklich grad schön.
Zur Inspiration meiner Webdesigns schaue ich mir immer ein paar Tutorials an.
http://www.photoshop-plus.co.uk/2011/01/03/sleek-portfolio-layout/ <- Das hier finde ich gar nicht mal so schlecht und würde auch für dein Portfolio passen.
mmh, das Deisgn kenn ich irgendwo her. Hattest du es nicht mal auf Computerbase.de vorgestellt? ^^
Zum Design selbst: Es sieht altbackend aus. So sahen Webseiten vor ca. 10 Jahren aus. Also nicht wirklich grad schön.
...
Mein unschöner Senf kommt nur hier ins Forum^^. 10 Jahre finde ich allerdings übertrieben.
Wollte beim Design eigentlich keine großen Ansprüche stellen, aber nun gut werde ein paar Farbverläufe einbauen...schaden kann es wohl nicht :D.
Meinst du zufälligerweise das hier, nö bin nur in 4 Foren angemeldet. Sieht aber echt aus wie meins.XD
http://www.google.de/imgres?imgurl=http://www.abload.de/img/unbenannt-5kopieb32x.png&imgrefurl=http://www.computerbase.de/forum/showthread.php%3Ft%3D768784&usg=__E7IvTlA1-33p5Dsb4m0O2qDhp6w=&h=800&w=1000&sz=223&hl=de&start=40&zoom=1&tbnid=-xWuNhwuhdLN3M:&tbnh=168&tbnw=211&ei=q6DeTaqPJcLftAaz_Im5BQ&prev=/search%3Fq%3Dportfolio%2Bcomputerbase%26um%3D1%26hl%3Dde%26safe%3Doff%26sa%3DN%26biw%3D1680%26bih%3D858%26tbm%3Disch&um=1&itbs=1&iact=rc&page=2&ndsp=28&ved=1t:429,r:20,s:40&tx=155&ty=75&biw=1680&bih=858
Das was weiter unten im Thread steht.
Whiz-zarD
26.05.2011, 20:04
Meinst du zufälligerweise das hier, nö bin nur in 4 Foren angemeldet. Sieht aber echt aus wie meins.XD
http://www.google.de/imgres?imgurl=http://www.abload.de/img/unbenannt-5kopieb32x.png&imgrefurl=http://www.computerbase.de/forum/showthread.php%3Ft%3D768784&usg=__E7IvTlA1-33p5Dsb4m0O2qDhp6w=&h=800&w=1000&sz=223&hl=de&start=40&zoom=1&tbnid=-xWuNhwuhdLN3M:&tbnh=168&tbnw=211&ei=q6DeTaqPJcLftAaz_Im5BQ&prev=/search%3Fq%3Dportfolio%2Bcomputerbase%26um%3D1%26hl%3Dde%26safe%3Doff%26sa%3DN%26biw%3D1680%26bih%3D858%26tbm%3Disch&um=1&itbs=1&iact=rc&page=2&ndsp=28&ved=1t:429,r:20,s:40&tx=155&ty=75&biw=1680&bih=858
Das was weiter unten im Thread steht.
Stimmt, das wars :)
Nach einigen Stunden grübeln und experementieren habe ich was neues.
Habe die Farben in Stil von Windows gehalten und die Strukturierung von dem example, dass Whiz-zarD geposted hat.
Ich hoffe der Ansatz ist besser.
http://img221.imageshack.us/img221/4157/image13b.th.png (http://imageshack.us/photo/my-images/221/image13b.png/)
Joa, aber der Hintergrund ist irgendwie nicht so schön. Ansonsten viel besser.
Wollte hier nur mal mein Projekt vorstellen, fast fertig (Gästebuch und so Zeug fehlt noch) aber im Großen und ganzen passt's so.
http://bitfan.de/
Steffi2012
20.03.2012, 22:38
Meine Homepage lautet http://www.digimonchronic.de
Es ist eine Anime Homepage, die das Thema Digimon behandelt. Sie war vor 5 Jahren schon mal online, nun habe ich sie wieder völlig neu gestaltet. Es fehlen noch einige Inhalte, aber es geht voran!!
Ich suche übrigens jemanden, der mir (kostenlos) ein Bannerset erstellen könnte. Wäre cool, wenn sich jemand dazu bereit erklärt.
Meine Webseiten:
German Final Fantasy Project (GFFP) (http://gffp.de)
Die ehemals größte deutsche Final Fantasy Community. Den ganz alten veteranen sicherlich ein Begriff um sofort in Nostalgie zu schwärmen. Zur Zeit im Aufbau und noch ohne Community. Zur Zeit also "Deutschlands kleinste Final Fantasy Community". - Superlative sind toll.
Animewallpapers.de (http://animewallpapers.de)
Eine recht große Anime Wallpaper Seite. Leidet leider an zu wenig Updates, trotzdem ist die Auswahl ganz ansehnlich.
Selbstdarstellung ftw: www.zipline-media.de
Achja, und das hier: www.stevewindolf.de
Das zipline-media Logo sieht imo mega gut aus. Allerdings - kann auch nur mir so gehen - hat mich gleich gestört, dass der "Hallo, ich bin kris" Text nicht zentriert auf dem Schild ist. :D Einen Bug hab ich auf der Website noch gefunden: Wenn man beim portfolio eine der Boxen unten unticked, erscheint an der Stelle bei mir ein broken image Symbol und das Content Feld oben zeigt mir einen Ladekreis, ohne dass was passiert. Chrome, aktuellster Build.
Einen Bug hab ich auf der Website noch gefunden: Wenn man beim portfolio eine der Boxen unten unticked, erscheint an der Stelle bei mir ein broken image Symbol und das Content Feld oben zeigt mir einen Ladekreis, ohne dass was passiert. Chrome, aktuellster Build.
Danke. :) War ein Problem mit Preloading. Sollte behoben sein.
(Übrigens ist die Webseite 100% responsive, falls Jemand ein Schmartfon zur Hand hat.)
Sind gerade an einem neuen Design dran und - korrigiert mich, wenn ich falsch liege, aber - das gehört glaube ich hier rein.
Es handelt sich hier erstmal nur um ein neues, frisches Design für die Site. Also würde ich mich sehr freuen, wenn ihr ein wenig was dazu sagen würdet, ganz besonders zum Grafischen an sich. Ist's eurer Meinung nach okay so? Zu voll, zu leer, zu bunt, zu ..Lama?
15475
Whiz-zarD
27.09.2012, 22:49
Das Bild wurde skaliert, oder?
Es sieht so verschwommen aus.
Ist geblurt bez. Tiefenunschärfe, damit das Schild besser zur Geltung kommt. ;)
Dann will ich auch mal.
Meine Webseite heisst Character-Select.de (http://www.character-select.de/). Hier findet man regelmäßig selbsterstellte Videos von mir zum Thema
Videospiele und Filme außerdem einiges was Videospielenerds sonst noch so interessieren könnte ;).
Kleines Feedback zur Webseite wäre sehr nett. ^__^
Whiz-zarD
03.11.2012, 15:05
Durch die beiden Videofenster, auf der rechten Seite, sieht die Webseite etwas überladen aus, aber sonst macht sie einen recht soliden Eindruck. :)
Dann will ich auch mal.
Meine Webseite heisst Character-Select.de (http://www.character-select.de/). Hier findet man regelmäßig selbsterstellte Videos von mir zum Thema
Videospiele und Filme außerdem einiges was Videospielenerds sonst noch so interessieren könnte ;).
Kleines Feedback zur Webseite wäre sehr nett. ^__^
Wordpress, dass sehe ich sofort. Hast ein gutes CMS ausgesucht, imo das beste Open Source CMS.
Ich durfte mich vor kurzem aufgrund eines Auftrages von einer anderen Agentur mit Pimcore (http://www.pimcore.org/) auseinandersetzen.
Baut auf dem Zend Framework 2 auf und ist von Anfang bis Ende durchgedacht, also architekturtechnisch ein Traum und im Einrichten von möglichs flexibel wartbaren Inhalten sehr schnell und einfach zu handhaben und vor allem für die hohen Ansprüche von Webagenturen an ein CMS geeignet.
Wordpress, dass sehe ich sofort. Hast ein gutes CMS ausgesucht, imo das beste Open Source CMS.
Jap! Ich sehe mitlerweile keinen Sinn mehr darin Webseite von der Pike auf, aufzubauen. Irgendwie unwirtschaftlich. Plugins sind in Hülle und Fülle verfügbar und kinderleicht einzupflegen. Ich bin sehr zufrieden mit Wordpress. Mal eine Webseite erstellen ist wirklich nurnoch mal eine Webseite erstellen. Den Rest entscheidet der Content ^^
Jap! Ich sehe mitlerweile keinen Sinn mehr darin Webseite von der Pike auf, aufzubauen. Irgendwie unwirtschaftlich. Plugins sind in Hülle und Fülle verfügbar und kinderleicht einzupflegen. Ich bin sehr zufrieden mit Wordpress. Mal eine Webseite erstellen ist wirklich nurnoch mal eine Webseite erstellen. Den Rest entscheidet der Content ^^
Naja nicht ganz...WordPress nutze ich für alle Seiten die Schwere Lasten haben, bzw. wo sich viel Anhäufen wird an Daten (News, Aritkel werden mehr...). Für sehr Kleine Seiten hab ich bisher immer GetSimple genutzt, die werde ich nun aber alle auf ein eigenes CMS mit MySQL Datenbank umsteigen. Das eigene CMS ist Fexibler, und nicht auf XML Dateien und htaccess geschützen passwort dateien aufgebaut...
Whiz-zarD
01.02.2013, 11:58
symfony (http://symfony.com/) ist da ganz nett, wenn man ein eigenes CMS basteln möchte.
symfony (http://symfony.com/) ist da ganz nett, wenn man ein eigenes CMS basteln möchte.
Ok, habe es bisher zusammen mit einem 2. Entwickler den ich mir dazu geholt habe (Alleine Schaffe ich das zeitlich neben dem Forum und Reallife nicht) OOP Basiert Programmiert. Das Grundgerüst ist fertig, Themes, Plugins und Sprachdateien sind auch möglich.
Recht sympathisch finde ich mittlerweile Jekyll (https://github.com/mojombo/jekyll), v.a. wenn du hauptsächlich statischen Inhalt auslieferst, wie in Blogs und Co. Sympathisch vor allem deshalb, weil du das überall hosten kannst und recht flexibel mit den Inputmethoden bist. Zum Beispiel kannst du dir deinen Inhalt in Markdown schreiben (wieder etwas ganz, ganz sympathisches), die Files auf GitHub hosten, und den Rest macht dann alles Jekyll für dich. Braucht halt ein bissl Technik-Know How, aber die Benefits sind für Leute, die sich nicht mehr über das Wie sondern nur mehr über das Was kümmern wollen, halt nicht zu unterschätzen.
Hey Leute ich wollte für eine kleine Anfrage jetzt keinen eigenen Thread aufmachen, vielleicht findet sich ja schon hier einer.
Ich arbeite zur Zeit an einer Webpräsenz in form von wordpress zu meinen Projekten, aber beim Design hängt es leider noch ein wenig. Ich arbeite noch mit einem der Standardtemplates, aber ein befreundeter Webmaster sagte mir schon, das ginge so nicht :D Nun bin ich leider kein Webdesigner und habe auch nicht die Zeit dafür, mir das ganze Wissen für nur eine Seite anzueignen.
Kurzum wollte ich fragen, ob es hier jemanden gibt, der so freundlich wäre mir da etwas unter die Arme zu greifen.
Ich würde mich sehr freuen, wenn jemand der mich gut genug mag das ganze unendgeltlich machen würde, da das Design wirklich nichts großartiges sein muss - es reicht, wenn es eine Übergangslösung ist, die man aber erst einmal so bedenkenlos öffentlich machen kann. Ich wäre aber auch bereit, ein paar Euro locker zu machen.
Es handelt sich übrigens um www.umaikigames.com , ich hoffe es findet sich da jemand. =)
Mit Wordpress im Speziellen kenne ich mich (noch) nicht wirklich aus. Ich bin momentan dabei, einen nichtkommerziellen Blog, der mit Wordpress aufgebaut wurde, und an dem ich beteiligt bin, anzupassen.
Was mir daran aufgefallen ist, es gibt einige recht gut zu gebrauchende, vorgefertigte Wordpress-Themes unter der GPLv2, in denen ausdrücklich darauf hingewiesen wird, diese als Basis heranzunehmen und nach eigenen Wünschen in den Templates, CSS, etc. anzupassen.
Coraline ist hier z.B. ein funktionsumfangreiches und sehr neutral gehaltenes Theme, auf dem man aufbauen kann:
http://wordpress.org/themes/coraline
Selbst von Null ein eigenes Theme anzufangen wäre für ein nichtkommerzielles Projekt vermutlich den Aufwand nicht wert.
Ich schmeiße hier einfach nochmal nen Post rein da wir Anfang des Jahres Re-Designed haben. Das alte Konzept war irgendwie von Farbe und Aufteilung ein bisschen meh. Auch das Logo sowie die Domain sind nun neu, das Forum gab es zwar schon länger aber auch hier ist noch etwas passiert. :)
Ich würde mich über ein paar Kommentare von geschulten Augen freuen, vielleicht lässt sich ja noch was verbessern.
Wir sind weiterhin bei Wordpress geblieben weil wir uns die Arbeit sparen wollten den ganzen Krempel zu exportieren und hinterher wieder zu importieren. Die Seite hat nach wie vor noch immer keine großen Lasten zu bewältigen aber nach und nach soll sich das auch mal ändern ^^
Die Webseite heisst nun nerdkramTV und ist erreichbar unter: http://www.nerdkram.tv
Das Forum ist erreichbar unter: http://www.nerdkram.tv/forum
Das eigene CMS ist Fexibler,[...]
Ja das ist sicherlich richtig, allerdings ist bei weitem nicht jeder in Lage ein Eigenes CMS zu bauen - da schließe ich mich mit ein.
Selbst von Null ein eigenes Theme anzufangen wäre für ein nichtkommerzielles Projekt vermutlich den Aufwand nicht wert.
Sehe ich auch so. Die Wahrscheinlichkeit mit einer Webseite Kohle zu verdienen sehe ich aber auch als sehr gering.
@csg: Arbeitet ihr noch an eurem Spiel?
Hallo,
ob ich so ein geschultes Auge habe, weiß ich nicht, hm, ... mich stört an dem Forum eigentlich nur das Bild mit der Hand mit den Spielkarten in der rechten Ecke.
Hm, da das Forum Nerdkram TV Forum heißt, frage ich mich, ob man die Rubrik "Film, Kino, TV und Musik" in dem Forum nicht mehr ausbauen könnte und alle anderen Rubriken (Computer- und Videospiele,
Gesellschaftsspiele & Pen and Paper und Off-Topic) unter "weitere Foren" oder so gesondert laufen lassen könnte. Das ist jetzt aber nur so eine Idee ...
Artikel finde ich auf der Webseite schön präsentiert - die Titel laden zum Lesen ein.
Denke, aus dem Forum wird bestimmt eine große Community :)!
LG,
Aliena
Also die Seite sieht vom ersten Eindruck im positiven Sinne ganz sehr gut überblickend und zugleich auch ganz nach einem guten Angebot aus.
Grafisch und Dynamisch erinnert mich die Bedienung ein wenig an das Framework Bootstrap, wovon ich selber ein großer Fan bin und für eine Seite sofern gut angepasst immer Pluspunkte bei den
Besuchern einbringen wird. Das Reponsive Design bzw. die Darstellung auf die Smartphone ist auch passend und nicht für den kleinen Bildschirm überladend.
In allem ist mir zur Webseite aus meiner Sicht in Sachen Benutzerfreundlichkeit ganz gut gemacht.
Japp, an der Benutzerfreundlichkeit gibt es nix zu meckern :) Dass mit dem Smartphone habe ich gar nicht getestet. Das ist natürlich super, wenn es gleich eine mobile Ansicht gibt!
Powered by vBulletin® Version 4.2.3 Copyright ©2025 Adduco Digital e.K. und vBulletin Solutions, Inc. Alle Rechte vorbehalten.