» Forum » Allgemein » Designvorstellungen » Team Zodiacx v2
  Mitglieder   |   Gallery   |   FAQ's   |   Regeln

[ 1 | 2 ] [ Anmelden zum schreiben ]

Team Zodiacx v2
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.04.2011 - 20:19:55     Zitieren
Hallo,

ich möchte heute die neue Homepage des Clans

Team Zodiacx

vorstellen.

Anfang März kam die idee das man doch einmal eine neue Homepage entwickeln könnte die übersichtlicher, moderner und zeitgemäßer ist. Aber alles in Allem nicht zu überladen sein darf.

Ich bin der meinung das es dem Team gelungen ist aber diese meinung überlasse ich gerne euch.

Das Team stellte sich aus folgenden Mitgliedern zusammen:

- Olde von oldesworld.de Er codete das Design in HTML/CSS (nur zum weiterempfehlen der Mann)

- Nemesis von synergy-forge.com Er gestalltete mit wenigen Vorgaben das Design und half mir danach noch mit einigen kleinen Extras

- Ich ich habe das design dann an das ilch Clanscript 1.1 angepasst.

Ich möchte den Helfern nochmals danken für diese sehr gute Leistung.

Feedback wird immer gern genommen Smilie

mfg.

Riou

betroffene Homepage: www.team-zodiacx.de


Zuletzt modifiziert von Chester am 01.04.2011 - 20:20:55


LD on Deviantart
kdl
Mitglied
56 Beitragspunkte
Posts: 318

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.04.2011 - 21:48:46     Zitieren
{_boxes_lastblogs} gibt es nicht^^
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.04.2011 - 21:50:22     Zitieren
ja ich weiß. gibt ja auch noch kein geiles blog script. das werde ich mir wohl selber bastelln müssen Lachen


LD on Deviantart
kdl
Mitglied
56 Beitragspunkte
Posts: 318

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.04.2011 - 22:00:04     Zitieren
Aber das ist wirklich schön geworden. Und so übersichtlich...
Das gefällt mir Zwinker

PS: "{vname}" und "{nname}" ^^
Ahrtas
Mitglied
70 Beitragspunkte
Posts: 1093

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.04.2011 - 22:24:37     Zitieren
Also n paar Dinge:
  • Der Login-Balken gefällt mir jetzt nicht so und sieht komisch aus wenn man hochscrollt zum Content, sieht dann abgehackt aus, aber zumindest ist die Idee gut.
  • Im Forum sind noch die Standart-Icons und die Voting-Balken sind auch in der Standart-Farbe, meine Meinung passt garnicht zu dem Design.
  • Deine Anforderungen an das Design werden meiner Meinung nach ebenfalls nicht komplett erfüllt. Die Übersichtlichkeit bzw. dass es nicht überladen sein soll habt ihr nicht erreicht mit dem gequetschten Content und den zwei zusätzlichen Spalten.


Details zu den einzelnen Punkten:

1. Wie oben gesagt, Idee völlig ok, die Umsetzung etwas schlecht.
Wenn man ganz nach oben Scrollt, so dass der Content-BG an der Loginleiste ist, ist der Content über dem transparenten Teil der Loginleiste.
Der Content hat nen Schatten, dadurch sieht das ganze so aus als wenn er über dem transparenten liegt, aber dann doch hinter der Loginleiste verschwindet, was ein abhacken bezweckt und den 3D-Effekt zerstört.
Das irgendwie anderst lösen, wenn man beim Footer ist, sieht es ok aus so sollte es beim Content ebenfalls sein.

2. Naja ob da jetzt das Standart-Blau vom ilch-script so richtig reinpasst (?) neeee.
Macht beim Voting von mir aus ein Farbverlauf von orange zu rot und im Forum schwarze Icons mit nem roten Punkt oder so, aber nicht dieses Blau in einem Schwarz-Rot Kontrast.

3. Das der Content zwei Spalten mit Boxen hat und dann eben noch die Spalte mit dem eigentlichen Content-Inhalt, also drei stück, ist nicht schlimm, aber macht das ganze sehr unübersichtlich und wirkt zu überladen was auch nicht benutzerfreundlich ist.
So stellt euch den Fallout-Artikel vor, dann die erste Spalte mit Blog-Einträge oder mehrere Artikel und zusätzlich noch die dritte Spalte mit den Shoutbox-Beiträge oder dem TS-Viewer, ist das in euren Augen übersichtlich bzw. nicht überladen?
Also den Punkt Übersichtlichkeit ganz klar nicht erfüllt, das ganze wirkt zu gequetscht und beim lesen könnte man irgendwann den Faden bzw. die Lust verlieren und man verschwindet wieder.


Zum Design selbst:

Im Gesamtbild echt super würde mir auch gefallen.
Was mir besonderst gefällt ist der Schwarz-Rot-Kontrast mit dem weißen Content, der BG von der Seite und die BGs in der Naviagtion, bei der Warsanzeige und dem Footer.
Die Umsetzung und Anpassung an das ilch-cms kann sich sehen lassen.
Mit dem Design hat Nemesis (von synergy-forge.com) ne super Arbeit geleistet. jep

Design Bewertung: 8/10


Gruß


Gutes Design ist so wenig Design wie möglich.
WoW Rekrutierung für ilch | Skin-Maker
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.04.2011 - 22:35:50     Zitieren
Ja also ich rechtfertige mich ungern weil ja es schon einen grund hat warum jemand kritik äußert.

Allerdings will ich es grad mal etwas erklären:

zu 1. Ja das ist mir grade auch aufgefallen als du es geschrieben hast. Ich denke der Fehler liegt darin das es eine weisse transparente ebene ist und deshalb auf weisem untergrund komplett verschwindet. Das ist natürlich so nicht vorgesehen und da muss denke ich noch etwas verbessert werden.

2. ja werde ich ändern.

3. Ja eigentlich soll nur in wenigen unterseiten alle 3 Spalten zu sehen sein. die Unterseiten sind allerdings noch nicht alle fertig weshalb bei den artikeln das natürlich kacke aussieht. hast du recht.

EDIT: Alte Grafiken von ilch wurden nun durch neue ersetzt.


Zuletzt modifiziert von Chester am 01.04.2011 - 23:08:42


LD on Deviantart
SnoOp
Mitglied
2 Beitragspunkte
Posts: 665

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 02.04.2011 - 20:01:27     Zitieren
Hallo!

Das Design find ich ganz Schick, aber es gibt immer noch ein paar mängelpunkte:

zu deinem 1. Punkt, nimm einen hellen grauton und setz ihn transparent, muss halt etwas rumprobieren, sollte aber auf ein besseres ergebnis hinauslaufen als:
weiß 80% transparent oder einen grauton mit 50% (blödes Beispiel Zwinker )

*Der Loginbereich gefällt mir auch nich sorecht, nimmt zuviel Platz weg, vor allen Dingen, da er im ff mitscrollt.
Da im Header genügend Platz ist würd ich sagen, packt den loginbereich einfach darein.

*Schau dir die Webseite doch auch mal bitte mit folgender auflösung an:
1024x768 an.

*Dann schau dir das ganze auch nochmal im ie (bes. 6) an. Und versuch das ganze möglichst zu fixen, dabei sollte dir das hier wenigstens eine kleine hilfe sein: code.google.com/p/ie7-js/ (für die ie user die js aktiviert haben Auslachen )- www.twinhelix.com/css/iepngfix/ - Oder einfach ein work around für den ie, bei dem ihr statt png dateien jpegs nehmt, zwar mehr dateimenge, aber wenigstens wirds dann gescheit dargestellt.

Grüße


+Fav: www.forwebdesigners.com
+ Fav: www.dynamicdrive.com
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 02.04.2011 - 22:02:50     Zitieren
Für alle fehler die im IE auftauchen: IE wird von mir grundsätzlich ignoriert Smilie

Zur loginbar: Die soll mitscrollen, das ist so vorgesehen Lachen Ja die transparenz, da werde ich noch was machen müssen.

Ich habe mir das design mit der Auflösung 1024x768 angeschaut. Ja man hat einen wagerechten Scrollbalken, es wird allerdings nicht sonderlich viel verdeckt.


Zuletzt modifiziert von Chester am 02.04.2011 - 22:03:18


LD on Deviantart
Ahrtas
Mitglied
70 Beitragspunkte
Posts: 1093

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 02.04.2011 - 22:36:26     Zitieren
Zitat geschrieben von Chester

Für alle fehler die im IE auftauchen: IE wird von mir grundsätzlich ignoriert Smilie


Das ist aber schlecht und userfeindlich, FF ist nicht der einzigste Browser auf der Welt und IE ist der Standart-Browser vom Windows-Betriebssystem was nunmal die meisten User nutzen, schlechte Leistung. no


Gutes Design ist so wenig Design wie möglich.
WoW Rekrutierung für ilch | Skin-Maker
SnoOp
Mitglied
2 Beitragspunkte
Posts: 665

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 02.04.2011 - 22:47:30     Zitieren
Zitat geschrieben von Ahrtas

Zitat geschrieben von Chester

Für alle fehler die im IE auftauchen: IE wird von mir grundsätzlich ignoriert Smilie


Das ist aber schlecht und userfeindlich, FF ist nicht der einzigste Browser auf der Welt und IE ist der Standart-Browser vom Windows-Betriebssystem was nunmal die meisten User nutzen, schlechte Leistung. no



Dem kann ich nur zustimmen!

Das der Loginbereich mitscrollen soll ist ja eigentlich ne gute Idee, aber mach es kleiner, es reicht ein auffälliger button mit ausklapp menu der mitscrollt, statt eine neue toolbar die unten rumeiert Zwinker


+Fav: www.forwebdesigners.com
+ Fav: www.dynamicdrive.com
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 03.04.2011 - 00:29:26     Zitieren
Zitat geschrieben von Ahrtas

Zitat geschrieben von Chester

Für alle fehler die im IE auftauchen: IE wird von mir grundsätzlich ignoriert Smilie


Das ist aber schlecht und userfeindlich, FF ist nicht der einzigste Browser auf der Welt und IE ist der Standart-Browser vom Windows-Betriebssystem was nunmal die meisten User nutzen, schlechte Leistung. no



aus meinem Clan nutzt niemand IE und anhand der besucher zahlen haben auch nur ca. 2% der besucher den IE von daher verzichte ich da mal drauf.

das mit dem ausklapp ding hat jeder ist also langweilig.


LD on Deviantart
Kaite
Mitglied
7 Beitragspunkte
Posts: 268

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 03.04.2011 - 08:59:02     Zitieren
Was zockt ihr?? Dann zocke ich es auch ^^


Glaube denen, die die Wahrheit suchen, und zweifle an denen, die sie gefunden haben. (Andr Gide)
lostboy2003
Mitglied
14 Beitragspunkte
Posts: 260

5 Mitglieder finden den Beitrag gut.

Merkliste 03.04.2011 - 09:34:59     Zitieren
du solltest zu jung sein um solche games spielen zu dürfen .
egal um welches es hier auch geht.
gut das ich alles banne das unter 16 ist und keinen aufnehme der unter 18 ist. ^^


lostboy2003.bplaced.net/
www.lost-boys-gaming.de
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 07.04.2011 - 12:40:18     Zitieren
Also das Design ist top, daran gibt es nichts auszusetzen. Was mit technisch auffällt, was noch verbessert werden muss (wurde bereits erwähnt zum Teil)

- 1024px wird mir einem horizontalen Scroller genutzt
- IE7 zeigt den Header nicht an. Entweder man behebt sowas oder aber man weist den Besucher darauf hin, dass der Browser nicht unterstützt wird. Wenn man das nicht unterstützen will OK, muss man akzeptieren aber ich finde es dann professioneller, wenn man den Besucher wenigstens darauf hinweist. Sonst meint er, die Seite sei nicht professionell (IE7 Nutzer kapieren nicht mit was die rumsurfen...)

Lg


Rackster Internet Services
DaStIaC
Mitglied
53 Beitragspunkte
Posts: 2178

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 07.04.2011 - 17:37:08     Zitieren
Stichwort: WP7.

Aber ignorier(t) ruhig den IE :-)


» www.lucror-gaming.com
» www.planetpod.de
» www.dodszene.net
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 07.04.2011 - 19:24:50     Zitieren
Das mit dem header versteh ich nicht. Der header ist ein festes Bild mit dem Hintergrund. solltest du also den hintergrund sehen MUSST du auch den header sehen.


LD on Deviantart
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 07.04.2011 - 19:38:52     Zitieren
Ich seh den schon, aber das Design schiebt sich rauf und verdeckt den Zwinker


Rackster Internet Services
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 07.04.2011 - 19:46:24     Zitieren
kannst du davon bitte mal ein bild machen? ich hab kein IE 7.

Aso ja einen Hinweis das die Seite nur für Firefox optimiert ist, habe ich nun online gestellt.


LD on Deviantart
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 07.04.2011 - 20:22:03     Zitieren


Der schluckt die Margin aus einem anderen Bereich. Wenn du für IE7 dem body die margin gibst, sollte es denke ich funktionieren.


Rackster Internet Services
Chapter
Moderator
208 Beitragspunkte
Posts: 5677

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 07.04.2011 - 21:55:15     Zitieren
Beim Safari auf iPad wird es auch zerhauen. Kann aber leider kein screen hochladen


Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
WDTeamWarLord
Mitglied
38 Beitragspunkte
Posts: 434

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 08.04.2011 - 07:01:44     Zitieren
Auf der Wii fehlt oben das halbe Logo.^^ Aber wer geht schon mit der Wii auf eine Clanpage.


WDesign
SW-SERVER.COM Die neue alte Community
Ahrtas
Mitglied
70 Beitragspunkte
Posts: 1093

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 08.04.2011 - 07:12:55     Zitieren
Zitat geschrieben von WDTeamWarLord

Auf der Wii fehlt oben das halbe Logo.^^ Aber wer geht schon mit der Wii auf eine Clanpage.


Wii-Spieler mit ner Clanpage? ...eben die Konsoleros unter den verschiedenen Clans/Gilden.


Gutes Design ist so wenig Design wie möglich.
WoW Rekrutierung für ilch | Skin-Maker
Botox84
Mitglied
21 Beitragspunkte
Posts: 1184

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 09.04.2011 - 09:35:27     Zitieren
Mach mal deine Bilder kleiner, 1,9 mb zu laden, ist ne Zumutung. Desweiteren verringere die Request´s, 96 Anfragen sieht man selten und ist viel zu hoch^^


Chatroulette Bauschaum Chatroulette
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 09.04.2011 - 16:06:32     Zitieren
1,9 MB ist die hintergrundgrafik. dir lässt sich leider nicht natlos duplizieren. das ist aber auch für mich ein kleines Ergernis.

zu den Anfragen, naja die dürften eventuell durch die vielen boxen und keine ahnung was alles kommen. wenn ich mal aufgeklärt werden würde woher das alles kommt könnte ich daran ja was machen.


LD on Deviantart
MaddinXx
Mitglied
26 Beitragspunkte
Posts: 746

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 09.04.2011 - 16:35:08     Zitieren
pagespeed.googlelabs.com/#url=http_3A_2F_2Fwww.team-zodiacx.de_2F&mobile=false

- jede Grafik ist ein Request
- jede CSS Datei ist ein Request
- jede JS Datei ist ein Request
- jeder DB Abruf ist ein Request
- jeder Datei Abruf ist ein Request uws.

Daher:

- Alle CSS in eine Datei
- Alle JS in eine Datei
- Alle Bilder in ein Bild
- Datenbank cachen
- der Rest ist schwer zu ändern...


Zuletzt modifiziert von MaddinXx am 09.04.2011 - 16:35:35


Rackster Internet Services
Chester
Mitglied
19 Beitragspunkte
Posts: 753

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 09.04.2011 - 16:49:50     Zitieren
ok alles klar. kleine frage: wie kann ich ne datenbank cachen?

Edit: die hintergrund grafik hab ich nun optimiert. nun sollte es keiner "Zumutung" mehr sein. alle anderen grafiken bleiben. irgentwie verschlechtert sich die quallität zu sehr.


Zuletzt modifiziert von Chester am 09.04.2011 - 17:25:33


LD on Deviantart
Ahrtas
Mitglied
70 Beitragspunkte
Posts: 1093

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 09.04.2011 - 21:22:56     Zitieren
Zitat geschrieben von MaddinXx

[...]
- Alle Bilder in ein Bild
[..]


woOT? Grummel


Gutes Design ist so wenig Design wie möglich.
WoW Rekrutierung für ilch | Skin-Maker
jankrug
Moderator
50 Beitragspunkte
Posts: 3621

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 10.04.2011 - 16:01:43     Zitieren
Zitat geschrieben von Chester
kleine frage: wie kann ich ne datenbank cachen?


Eine Datenbank cachen? Das ist nicht möglich.
Die Ausgabe einer Datenbank zu cachen ist jedoch kein Problem.

Hier findest du ein kleines Tutorial:
www.phpbuddy.eu/dynamische-seiten-beschleunigen-caching.html

Liebe Grüße
Jan


Viele verlieren den Verstand nur deshalb nicht, weil sie keinen haben. (Balthasar Gracián)
iVirus
Mitglied
28 Beitragspunkte
Posts: 1241

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 11.04.2011 - 11:41:21     Zitieren
Zitat geschrieben von Ahrtas

Zitat geschrieben von MaddinXx

[...]
- Alle Bilder in ein Bild
[..]


woOT? Grummel



machs wie google..

siehe google logo:Google Logo auf Seach Page

Ist mit CSS via overflow:hidden möglich..

lg


A programmer is a tool which converts caffeine to code.
jankrug
Moderator
50 Beitragspunkte
Posts: 3621

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 11.04.2011 - 15:59:11     Zitieren
Zitat geschrieben von iVirus
Zitat geschrieben von Ahrtas

Zitat geschrieben von MaddinXx

[...]
- Alle Bilder in ein Bild
[..]


woOT? Grummel



machs wie google..

siehe google logo:Google Logo auf Seach Page

Ist mit CSS via overflow:hidden möglich..

lg


overflow:hidden wird nicht benötigt.

Link, div oder was auch immer {
  background: url(PFAD-ZUM-BILD.jpg) 0 0;
  height: 100px;
  width: 100px;
}

Wobei 0 0 die Hintergrund-Position festlegt.

Liebe Grüße
Jan


Viele verlieren den Verstand nur deshalb nicht, weil sie keinen haben. (Balthasar Gracián)

[ 1 | 2 ] [ Anmelden zum schreiben ]