[Vorschau] Homepage Template #3 - Meinungen.

sn0w · 26. Juni 2013, 11:16

Hallo alle!
Ich wollte schnell mal mein neues Homepage Design vorstellen und euch fragen was ihr davon haltet, was ich verbessern könnte usw..
Hier ein Screenshot der Seite:

mmo-core.de/attachment/3687/?s…f8b73cdd5f16ab2c49293398e

Wer sich die Seite online anschauen will geht auf diesen Link: jimnastic
Das Design ist responsive! Testet es aus.

Tenshi · 26. Juni 2013, 11:32

Das Design gefällt. Allerdings wirkt die Seite so lang. Wobei das wird sicherlich am Screenshot liegen :)

Was allerdings nicht ganz so schön ist, ist das der letzte Kasten auf der rechten Seite nicht bündig ist.

sn0w · 26. Juni 2013, 11:40

Wieso nicht bündig? Passt doch alles.
Vielleicht sieht's auf dem Screenshot so aus aber geh mal auf die Seite: klick mich

ulle · 26. Juni 2013, 11:45

Ansich sehr schönes Template, aber deine Navi ist nicht responsive ;)

sn0w · 26. Juni 2013, 11:52

ulle;322213 schrieb:

Ansich sehr schönes Template, aber deine Navi ist nicht responsive ;)

Die Navigation ist sehr wohl responsive :o s.h. hier: klick mich

Tenshi · 26. Juni 2013, 11:54

Ne stimmt, hast recht sah wohl nur so aus oder brauch doch mal ne Brille :D

PS:
Sind die Mieten wirklich so billig in Paderborn? Für 324 Kalt bekommst du hier in HH gerade mal ne 1 Zimmerwohnung xD

sn0w · 26. Juni 2013, 12:00

Tenshi;322216 schrieb:

Ne stimmt, hast recht sah wohl nur so aus oder brauch doch mal ne Brille :D

PS:
Sind die Mieten wirklich so billig in Paderborn? Für 324 Kalt bekommst du hier in HH gerade mal ne 1 Zimmerwohnung xD

Keine Ahnung ob die in Paderborn so billig sind :D
Die Daten sind von einem Mitarbeiter und dienen eher als Beispiel :D

ulle · 26. Juni 2013, 12:48

sn0w;322215 schrieb:

Die Navigation ist sehr wohl responsive :o s.h. hier: klick mich

Lol das ist doch net responsive, das ist eher ungünstig untereinander geschoben mehr net.......

Edit: Oder deine Input Felder quirktools.com/screenfly/#u=ht…de/&w=768&h=1024&a=22&s=1

Nur weil sich die Boxen verkleinern ist es doch net responsive ;)

sn0w · 26. Juni 2013, 12:53

ulle;322219 schrieb:

Lol das ist doch net responsive, das ist eher ungünstig untereinander geschoben mehr net.......

Edit: Oder deine Input Felder https://quirktools.com/screenfly/#u=http%3A//jimnastic.jimmo-tool.de/&w=768&h=1024&a=22&s=1

Nur weil sich die Boxen verkleinern ist es doch net responsive ;)

Ja gut, ist jetzt nicht die perfekte Lösung um eine Navigation Responsive zu machen, aber hauptsache das Erscheinungsbild bleibt auf jedem Endgerät gleich.

Ich weiß wie es eigentlich auszusehen hat, kann ich ja später noch überarbeiten.

ulle · 26. Juni 2013, 18:56

Ja aber dann poste nicht das es Responsive ist wenn es das nicht wirklich ist ;)

Ist kein Vorwurf!

sn0w · 26. Juni 2013, 23:34

ulle;322255 schrieb:

Ja aber dann poste nicht das es Responsive ist wenn es das nicht wirklich ist ;)

Ist kein Vorwurf!

Es ist ja eigentlich Responsive, nur halt zu 99% :D
Ja aber ich suche hier ja eh noch noch Verbesserungsvorschläge. :)

ulle · 27. Juni 2013, 00:19

Eher 80 % ;)

sn0w · 27. Juni 2013, 08:08

Wieso glaubst du nur zu 80%? :o

Delinquenz · 27. Juni 2013, 08:12

Weil die Navigation einen großen Teil des Templates ausmacht und das eben nicht nur 1% ist :)

sn0w · 27. Juni 2013, 08:59

Ja gut. Stimmt. Habt ihr recht :D
Dann ist sie zu 80% fertig.

ulle · 27. Juni 2013, 09:20

Danke :D

ulle · 3. Juli 2013, 10:56

Was mir auch gerade noch einfällt für dein Design.

Das würde mit einer Transition der Buttons auch gut aussehen.

Mach mal in der template.css in Zeile 56, 57 und 58 ein:

Quellcode

transition: all .2s ease-in-out;

Ich finde der effekt wirkt dort sehr gut mit den Buttons. Falls du es benutzen willst vergiss nicht den Browserfix für mozilla und chrome mit einzubauen

sn0w · 3. Juli 2013, 12:00

ulle;322635 schrieb:

Was mir auch gerade noch einfällt für dein Design.

Das würde mit einer Transition der Buttons auch gut aussehen.

Mach mal in der template.css in Zeile 56, 57 und 58 ein:

Quellcode

transition: all .2s ease-in-out;

Ich finde der effekt wirkt dort sehr gut mit den Buttons. Falls du es benutzen willst vergiss nicht den Browserfix für mozilla und chrome mit einzubauen

Sieht echt cool aus danke :-)
Hab's mal rein gemacht. Cross-Browser, sieht man also natürlich auf allen Browsern

ulle · 3. Juli 2013, 16:33

das mit dem -o und dem -ms kannste entfernen. Opera benutzt mittlerweile die Webkit Engine und der Internet Explorer kratzt sich an dem Tag herzlich wenig.

Es reicht also bei sowas immer ein normales tag, das -webkit und das -moz tag

Lieben Gruß

Quellcode

Quellcode

Teilen