CSS Tipps

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Ein paar Informationsquellen zum Thema CSS (Cascading Style Sheets):

    Zuerst der Support-Eintrag zum CSS-Upgrade.

    Bevor Ihr das Upgrade erwerbt, auf jeden Fall vorher testen, ob Ihr die Änderungen auch hinbekommt, die ihr haben wollt! Dafür ist die Vorschau-Funktion des CSS-Editor da!

    Michael Jendryschik hat ein Buch zum Thema XHTML und CSS geschrieben, dass sich auch online anschauen lässt. Hier der direkte Link zum CSS-Kapitel:
    http://jendryschik.de/wsdev/einfuehrung/css/

    Zum Nachschlagen empfiehlt sich das bekannte SelfHTML. Es hat auch eine Abteilung zum Thema CSS:
    http://de.selfhtml.org/css/index.htm
    Alternativ:
    http://www.css4you.de/

    Eine englische Alternative:
    http://reference.sitepoint.com/css

    An alle, die ein komplettes Re-Design möchten:
    Am besten nehmt das „Sandbox„- oder „Toolbox„-Theme, weil dort auf ausreichend CSS-Klassen und dergleichen geachtet wurde. Laut den Entwicklern sind das beide „Themes für Theme-Entwickler“. Also gut geeignet, um hier bei WordPress.com mit CSS weiter gestylt zu werden.

    Nach einem CSS-Upgrade hat man die Möglichkeit die komplette CSS-Datei zu ersetzen oder sie zu ergänzen. Möchte man nun letzteres tun und zum Beispiel nur eine Veränderung bewirken, dann überschreibt die Standard-CSS-Datei leider die Einstellungen. Dies kann man mit einem angehängten „!important“ ändern. Mit
    img { border: 1px solid red !important; }
    erreicht man, dass alle Bilder mit einem roten Rand von einem Pixel versehen werden. Ohne das „!important“ greift das Standard-Stylesheet und stellt keinen roten Rand mehr da (border:none;).

    Wer nur einen einzelnen Satz (oder ein einzelnes Wort) in einem Artikel (oder einer Seite) rot einfärben möchte, der kann dies auch ohne CSS-Upgrade per Inline CSS erreichen (und muss nicht auf die veralteten font-Tags zurückgreifen!):
    Mehr: http://de.selfhtml.org/css/formate/einbinden.htm#innerhalb_element.
    Zum Beispiel:
    <span style="color: red;">Satz in roter Farbe!</span>

    Siehe auch folgende Supportseite:
    http://en.support.wordpress.com/editors/font-size-color/

  • Das Thema ‘CSS Tipps’ ist für neue Antworten geschlossen.