Beiträge von Lizzard

  • neuer versuch für crazyplanet

    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 ;)

  • Homepage bewerten Bitte!

    Hi,

    dann sag ich doch auch nochmal was dazu:

    Ich hoffe ich konnte Dir ein wenig weiterhelfen!

    MfG
    LizZard

  • neuer versuch für crazyplanet

    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

  • neuer versuch für crazyplanet

    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

  • Homepage bewerten Bitte!

    tut mir Leid, für mich ist ein Logo ein:

    Zitat


    in sich geschlossenes kleines, prägnantes Zeichen oder eine besondere Zeichenfolge, um sich, ein Projekt oder ein Unternehmen zu Kennzeichnen, und dem Benutzer zu ermöglichen die Person, Firma, das Unternehmen daran wiederzuerkennen.

    Und das kann ich leider nicht finden ;) Wenn du den Header meinst, dann stellt er für mich leider kein Logo dar.

    MfG LizZard

  • Webmaster Tools jetzt Online

    Hi,

    manche Leute können eben (berechtigte) Kritik nicht verkraften und müssen sich dann so helfen...

    Was die Inhalt-Klausache angeht:
    Heutzutage werden enorm viele Inhalte von anderen Webseiten geklaut, man muss sich nur mal im Homepage-Bereich umsehen, da lassen sich nach meiner Abschätzung in mindestens 40% aller Webseiten (wenn nicht sogar noch mehr) geklaute Inhalte (meist in Form von Bildern) finden.
    Ich finde diese Form Lob, durch die Arbeit von anderen, auf sich zu ziehen nicht nur schmarotzerhaft, sondern kann nur an jeden ehrlichen Webseitenbetreiber appelieren die Arbeit von anderen zu respektieren, und die Mühe und Arbeit die dahinter steht anzuerkennen und nicht zu missbrauchen.

    Meine kleine Moralpredigt für heute ;)

    MfG
    LizZard

  • Tabelle verschieben

    Hi,

    ich kann leider keine Tabelle erkennen ;)

    Das hier ist dein Tabellencode:

    Den Code platzierst du einfach rum. Also dann:

    Code
    <div style="margin-left:10px;"><table....>...</table></div>


    MfG LizZard

  • Abstand zwischen 2 Tabellen = 0 setzen !?

    nein, ich meine:

    im Kopf:

    Code
    .above {
width: 300px;
height: 200px;
position: absolute;
top: 300px;
left: 200px;
background: transparent;
}

    und dann einfach im Body (egal wo):

    Code
    <div class="above>Text der über der Flashanimation stehen soll</div>

    musst dich halt mit den Koordinaten und der Größe des Divs spielen bis es passt.

    MfG
    LizZard

  • Abstand zwischen 2 Tabellen = 0 setzen !?

    Hi,

    auch wenn ich kein Fan von Imagemaps bin, danke Tob3 für den interessanten Hinweis, wieder etwas gelernt :roll:

    MfG
    LizZard

    PS.: Flash Datei als Hintergrund... du könntest ein absolut positioniertes DIV einfach drüberlegen, das wäre denke ich verhältnismäßig einfach zu realisieren.

  • Abstand zwischen 2 Tabellen = 0 setzen !?

    Hi,

    grafische Änderung der Scrollbar funktioniert nur im IE, oder mit Einstellungen in Opera, benutze dafür diesen Code:

    Code
    body style="scrollbar-base-color:#E9FCFF;
scrollbar-face-color:#ffffe9;
scrollbar-track-color:ivory;
scrollbar-shadow-color:#990033;
scrollbar-dark-shadow-color:#3333ff;
scrollbar-arrow-color:#66ffcc;
scrollbar-3d-light-color:#99cc66;
scrollbar-highlight-color:#E9FCFF"

    allerdings würde ich dir diese "Microsoft Spielerei" nicht empfehlen, außerdem ist der Code nicht Valid!
    Durchsichtiger machen geht nicht ;)

    MfG
    LizZard