neuer versuch für crazyplanet

    Zitat von wernerdeluxe

    hab hin und wieder mal ein design gezeigt, was aber nie so wirklich gut war, hab jetzt aber über die letzte zeit nochmal eins gemacht, sagt mal wie ihr es findet.

    |> http://wernerdeluxe.dtac.de/22.jpg

    ng.
    Lukas

    Schön und schlicht,jo das passt schon.Wenn ich eine Website machen würde würde ich auch so ein ähnliches Design machen.

    Das z kann man nicht wirklich gut lesen.
    Und mit der Grafik die in den einzelnen Boxen steht (unten links), könntest du bei Hintergrundmultiplikation Probleme kriegen.
    Ansonsten schlicht und ok.

    Zitat von No0ob

    Das z kann man nicht wirklich gut lesen.
    Und mit der Grafik die in den einzelnen Boxen steht (unten links), könntest du bei Hintergrundmultiplikation Probleme kriegen.
    Ansonsten schlicht und ok.

    Stimmt, da muss ich das z wohl noch manuell umändern.

    Das mit dem bg, da hab ich so noch nicht drann gedacht, dann mach ich aber eifach den verlauf von unten nach oben und geb an, dass der bg unten bleiben soll und oben der rest bekommt dann ne hintergrundfarbe zugewiesen :)

    danke

    ng.
    Lukas

    Maybe this world is another planet's hell

    Hi,

    zum Design:

    Negatives:

    Zitat


    - Header gut gelungen, ich könnte mir die Schrift vielleicht ein wenig lesbarer vorstellen mit einem leichtem Glow-Effekt hinterlegt, an dem "z" solltest du selbst ein wenig Hand anlegen ;)

    - Manche der 45° Winkel wirken ein wenig komisch gepixelt, zeichne sie am besten Punkt für Punkt noch einmal (stressig aber effektiv)

    - was machst du mit dem Platz links unter der Navigation? (ich dacht erst, er ist für Links, die sind aber schon Rechts :P )

    - Hinterlegte Schriftzüge wie der Header nicht allzu gut lesbar

    soweit so gut, an positivem Feedback solls auch nicht scheitern:

    Zitat


    - sehr stimmige Farbwahl (rot liegt wohl im Trend), keine "Farbausrutscher"

    - sehr gelungener Header, gefällt mir wirklich gut

    - klare gute Strukturen ohne Detailverirrungen oder Stilbrüche

    und noch einige kleine Tipps was du noch erweitern könntest:

    Zitat


    - ein wenig mehr Platz für die Shoutbox

    - für kleinere Bildschirme, ein wenig die Mini-Überschriften vergrößern

    - vielleicht kleinige Icons für jeden Link in der Navigation

    - ein Feld für "News" unter der Navigation, falls sowas geplant ist ;)

    - dein Design würde sich u.U. dazu eignen, es ohne Tabellen umzusetzen, sofern du ausreichend CSS Erfahrung besitzt, allerdings würden sich dann die kleinen Links im Header als Schwierigkeit erweisen.


    So, ich hoffe ich konnte Dir ein wenig weiterhelfen!

    MfG
    LizZard

    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.


    Ich muss sagen, deine Feedbacks find ich immer wieder echt geil ;) (NICHT ironisch gemeint)

    Also ich wollte es in CSS umsetzten, mit den Boxen in CSS hab ich noch 0 Erfahrung aber wollte ich bei der Gelegenheit lernen.
    Die Headnavi kann man doch bestimmt so machen, dass man den ganzen header in ne box (css) packt und der hader aus einer Tabelle besteht, die halt in der Box ist. [ich hoffe das war nicht zu verwirrend] wenn jemand verstanden hat was ich mein, könnt ihr ja mal sagen ob man tabellen in boxen anwenden kann.

    Bei der Navigation wollt ich auch noch die Links besser gervorheben bin mir nur noch nicht ganz klar in wie fern das sein soll.

    Die 45° Linien sind glaube verpixelt weil im hintergrund noch ganz leichte schwaze über den ganzen header gehen... aber besondern komisch sehen die doch am oberen und unteren ende aus?! ... ich versuch mal das ganze durch ne horizontale "abschlussline" hinzubekommen ... keine lusst auf popelige handarbeit *g*

    ng.
    Lukas

    Maybe this world is another planet's hell

    Hi,

    den Aufwand ne "Box" also warscheinlich ein DIV noch extra um die für den Header nötige Tabelle zu machen, musst du dir gar nicht antun, also beim Coden fängst du praktisch an, mit deiner Headertabelle, im gewohnten Stil.

    Dann gehst du die Seite wie einen Text an^^ Du arbeitest dich von oben nach unten, und von links nach rechts durch.

    Ich kann dir nur sagen wie ich es immer mache: Firefox, Netscape, IE und Opera offen, daneben (am 2. Bildschirm :P ) dann das CSS.
    Der HTML-Code ist schon grob vorgeschrieben (Divs mit geeignetem Namen sind ja schnell schon im vorraus Platziert)
    Dann einfach immer im CSS coden, bis der gewünschte Effekt erziehlt ist, und in allen Browsern überprüfen. Versuche möglichst alles ohne Hacks und Browserweichen zu lösen (funktioniert wirklich öfter als mancher denkt) da diese durch Browserupdates in jeglicher Form schon bald nicht mehr funktionieren könnten. Als meine Lieblings-Hacks seien dir diese Beiden nahegelegt:

    Code
    *html #selektor {eigenschaft: wert; }


    der "Sternchen-Hack" wird nur vom IE interpretiert (frag mich jetz nicht nach der Version, auf jeden Fall in der aktuellen klappts)

    und dieser hier:

    Code
    <link rel="stylesheet" type="text/opera" />


    wird wie zu vermuten ist, nur von Opera interpretiert. Allerdings scheint mir dieser Hack nicht sonderlich Valid ;) Funktioniert aber, und hat mir zumindest schon einiges an Problemen erspart.

    Für die Navigation finde ich es immer ganz cool, wenn du mit CSS ein kleines Icon vor jedem Link setzt:

    Code
    #navigation a {
display: block;
background: transparent url(../img/linkicon.gif) no-repeat;
padding-left: 20px;
}

    mit dieser Methode spart man sich den lästigen <img> Tag vor jedem Link :)

    Wenn man sich nur ein bisschen die Funktionen von CSS verinnerlicht, merkt man erstmal wieviel Arbeit/Zeit und Kbs durch CSS gespart werden :)

    Aber ich sehe für den Design keine Umsetzungsprobleme in CSS. Wenn du willst kann ich dir eine grobe Übersicht schreiben, wieviele Divs du meiner Ansicht nach benötigst, und wie du sie anordnen könntest.

    Allgemein ist es sowieso ratsam, sich (am besten analog auf Papier :P ) eine Skizze der Div-Übersicht anzufertigen, das erleichtert die Arbeit wirklich ungemein.

    MfG
    LizZard

    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

    ja, analog aufm papier hab ich bis jetzt auch immer bei verschachtelten tabellen engewendet ... ich denk mal das sollte alles kein problem werden, wenn ich hilfe brauch komm ich auf dich zurück, wenns genehm ist ;)

    schade nur, dass ich jetzt ne woche auf klassenfahrt in italien bin (nur schade auf das projekt bezogen, natürlich freu ich mich darauf)

    kann mir jemand (besonders ist das an dich Lizzard) eine gute quelle nennen wo man das layouten mit css nahegebracht bekommt. am besten ein workshop was man sich gut ausdrucken unt mit nach italien nehmen kann ;)

    ng.
    Lukas

    Maybe this world is another planet's hell

    Oh, also empfehlen kann ich dir da Literatur:

    CSS-Praxis von Kai Laborenz ausm Galileo Verlag...
    Ich liebe diesen Verlag^^ hab das Buch allerdings noch nicht durch, doch es werden sehr interessante Themen angesprochen gerade für die Gestaltung von Webseiten, alles immer ordentlich mit Browserkompatibilität aufgelistet.

    Ansonsten kann ich nur (wie in so vielen Dingen) auf Self-HTML verweisen ;) da lernt man auch jede Menge. Der Rest ist surfen im Netz, man bekommt so viele kleine Infos auf den verschiedensten Seiten, gerade wenn es um Hacks geht.

    Also meine Haupt-Ressourcen sind:

    http://de.selfhtml.org/css/layouts/mehrspaltige.htm Mehrspaltige Layouts in Self-HTML
    http://jigsaw.w3.org/css-validator/ Der W3C-CSS-Validator (ganz gut gegen Tippfehler bei denen man sich sonst die Haare rauft)
    http://www.csszengarden.com/?cssfile=/190/190.css&page=0 (auch super, wenn man sich mit gern direkt mit den Stylesheets auseinandersetzt)
    http://standards.webmasterpro.de/index-article-CSS+Hacks.html Einige Browser-Hacks

    Aber zum Ausdrucken fällt mir jetzt persönlich nichts ein ;) Das wichtigste ist, direkt vorm PC sitzen, und alles in der Praxis durchkauen.
    Ich arbeite auch grad an der neuen Firmenpage von Oxivision... auch komplett in CSS, und wieder ist mir aufgefallen, dass man allein durch Anwenden und probieren, rumschauen und zusammensuchen von Infos im Netz wirklich eine Menge lernt. Wenn die neue Seite steht, stell ich sie hier auch mal vor :P

    MfG
    LizZard

    PS.: Viel Spaß in Italien ;)

    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

    also von heute auf morgen komm ich kaum noch an das buch dran ... und ich würde es logischer weise auch lieber am PC mit praxis lernen aber wenn ich in italien bin bietet sich das nicht an also wäre was anderes mal besser ...
    ng.
    Lukas

    Maybe this world is another planet's hell