klobrille.designs Website-Layout *Wichtig, brauche Hilfe*

[Manuel]

Final bedeutet Grafik oder richtig mit Quellcode?!

[klobrille]

Final bedeutet Grafik oder richtig mit Quellcode?!

Final designtechnisch gesehen. Also nur die reine JPG-Datei

[Manuel]

Och schade, bis wann ist Quellcode geplant? Bin ja mal gespannt...hast du dich mittlerweile für eine Variante mit den Buttons entschieden?

[klobrille]

Och schade, bis wann ist Quellcode geplant? Bin ja mal gespannt...hast du dich mittlerweile für eine Variante mit den Buttons entschieden?

Quellcode-Zeit bis Montag.

Design kommt erst morgen früh - sry.

LG
Marcel.

[DrHonigtau]

Schöne Seite

[Krabbi]

Schöne Seite

Seh ich auch so. Optisch sprichts mich an und ich finds auch nicht zu überladen Sieht ein kleines bischen nach einem Media Player aus, aber für ein Portfolio ist das, denk ich, sehr passend^^

[klobrille]

Design-Final



Später wird das ganze natürlich viel weiter in Y-Achse skaliert, weshalb das Ganze jetzt ein wenig gequetscht aussieht. Die Abstände zwischen den einzelnen Bereichen kann ich später also nach Belieben selbst bestmmen.

Ich hoffe, es gefällt euch. Anders als die Meisten von euch übrigens arbeite ich mit PhotoImpact und nicht mit Photoshop. Wobei - ganz ehrlich? Ersteres ist nichts Anderes als Photoshop, nur imo mit einem besseren Workflow.

Jetzt geht es ans zerschneiden ...

LG
Marcel

[Pascal]

Joooooaaaaaaa.............

Sieht echt Klasse aus!!!!


MFG Pascal

P.S: Müsste mich acuh ma wieder an ein neues Design für meine Page setzen...... mal schauen vielleicht bekomm ich dann ja auch mal so ein Klasse Design hin wie du

[klobrille]

So, bin jetzt an einen ganz wichtigen Schritt angelangt. Habe das Template zerschnitten und in ordentliche Einzelteile zerlegt. Bei manchen Teilen des Templates habe ich zwei Bilder von einer Stelle, da dieses dann für den Rollover-Effekt benutzt wird.
Ich habe gehört, das man das Ganze jetzt mit div-Containern machen sollte. Mh, nun gut ... Habe ich nur leider überhaupt keine Ahnung von. Bisher habe ich das immer mit Tabellen gemacht. Ich weiß wohl, dass Tabellen dafür eigentlich nicht benutzt werden sollten - aber so habe ich es halt immer gemacht und auch so kann ich es ja nur.

Bis heute Abend lass ich mir noch Zeit, wenn mir bis dahin nicht geholfen werden konnte, mach ich es wie gewohnt mit der Tabellen-Umsetzung. Kann mir das irgendwie echt jemand mal schnell und ohne große Komplexibilität erklären (oder mir da vielleicht sogar aktiv bei helfen)? Weil ich hätte das natürlich schon gerne so ordentlich, wie es nur möglich ist.

Waiting for your help,

lG

Marcel

*EDIT*
Danke Pascal Hab noch so einige Template auf meinem Rechner. Wenn du willst, kannst du eins haben.

[Manuel]

@Template: Lass ihn das ruhig selbst mal machen, sonst lernt er ja wieder nichts, gell Passi?

Zu den Containern:

Code: Alles auswählen

<div id="header"><img src="images/header.jpg" alt="Klobrille.designs" /></div>
<div id="navi"><ul><li><a href="index.php?action=root">Root</a></li></ul><div>
...


So müsste es aussehen, wenn du das Menü mit normalen Buttons in HTML gestaltest. Mit Bildern musst du diese dann nebeneinander setzen.

Dazu verwendest du dann wieder Container:

Code: Alles auswählen

<div class="button">Button1</div><div class="button">Button2</div>

Wichtig dabei ist der CSS-Teil:

Code: Alles auswählen

.button
{
    float: left;           //bewirkt, dass die div-Layer nebeneinander liegen
    padding: 0px;     // kein Abstand zu den anderen Layern
}


Alternativ kannst du auch hingehen und für jeden Button eine Klasse definieren, die Buttongrafik als Hintergrundgrafik definieren und dann mit css austauschen.

Hab das gerade alles ausm Kopf geschrieben und übernehme daher keine Haftung für Fehler

Siehe dazu auch: http://www.css4you.de/wslayout1/index.html

Lg,
Manuel

[klobrille]

Puuuh, okay - ich merk schon. Das wird nicht ganz einfach. Aber ich setz mir das einfach mal als strikte Ziel. Ich habe dich mal in MSN geaddet, könntest ja mal on kommen

LG und edin großes Dankeschön
Marcel

[Ellie]

He Marcel,

das kannst Du, ist nur anfangs etwas nervig in div und css umzudenken.

Am Ende ist es wesentlich angenehmer im Handling als die doofen Tabellen. Und Du bist code-technisch voll modärn :D.

LG,
Ellie

[klobrille]

*Achtung, langer Verzweiflungspost*

Oh man, ich pack das einfach nicht. Bis jetzt habe ich versucht und getüftelt ... Aber ich bekomme es einfach nicht hin und auch nur ohne die geringsten Erfolgserlebnisse zu arbeiten, ist nicht gerade schön.

Ich versuche jetzt einmal ganz konkret zu werden.

Hier das gesamte Template:
http://die-klobrille.de/kd/site.jpg

So, jetzt kommen die einzelnen Parts. Die Gesamte Seite sollte "mittig" des Webbrowsers dargestellt werden.

Erste Reihe:
http://die-klobrille.de/kd/header.jpg

Zweite Reihe:
http://die-klobrille.de/kd/loecher_links.jpg
http://die-klobrille.de/kd/nav_root.jpg (Rollover)
http://die-klobrille.de/kd/nav_profile.jpg (Rollover)
http://die-klobrille.de/kd/nav_works.jpg (Rollover)
http://die-klobrille.de/kd/nav_tutorials.jpg (Rollover)
http://die-klobrille.de/kd/nav_contact.jpg (Rollover)
http://die-klobrille.de/kd/loecher_rechts.jpg

Dritte Reihe:
http://die-klobrille.de/kd/content_start.jpg

Vierte Reihe (dieses Bild ist endlos in Y-Achse kaxchelbar. Also müsste diese Datei irgendwie als Hintergrundbild eingebunden werden)
http://die-klobrille.de/kd/content_bg.jpg

Fünfte Reihe:
http://die-klobrille.de/kd/content_end.jpg

Sechste und letzte Reihe:
http://die-klobrille.de/kd/feed_links.jpg
http://die-klobrille.de/kd/button_top.jpg (Rollover-Bild)
http://die-klobrille.de/kd/feed_rechts.jpg

Ich hoffe, für euch ergeben die einzelnen Bezeichnungen einen Sinn und ihr versteht die
Hm und ich würde das jetzt halt nur in Tabellenform umsetzen können. Will ich aber nicht! Macht keinen guten Eindruck und da das ein Portfolio ist und ich mich damit ja auch empfehlen möchte, sollte das ordentlich sein. Ich verstehe es halt einfach nicht.

... Wenn sich mal ... also ... einer ... ähm ... 30 Minuten Zeit ... nehmen ... also, könnte ... für mich?

LG
ein verzweifelter Marcel

[Manuel]

Hm okay Vorschlag: Du machst das CD-Tutorial top fertig und ich mach dir den Grundquellcode so wie ich ihn machen würde, ok?

[klobrille]

Hm okay Vorschlag: Du machst das CD-Tutorial top fertig und ich mach dir den Grundquellcode so wie ich ihn machen würde, ok?

Geht klar. Dann mach dich ran, ich fang auch an