Hallo,
Du hast recht. Mit einem Beispiel ist es immer besser zu erklären und zu verstehen.
In die style.css z.B. das hier schreiben:
div.contentBox {
border: 1px solid #E1E1E1;
background-repeat: repeat-y;
font-size: 12px;
line-height: 18px;
padding: 10px 10px 10px 10px;
}
div.contentBox= der Name des DIV. Für contentBox kann also ein eigener Name verwendet werden
border: 1px solid #E1E1E1 = border ist der Rahmen, hier 1 Pixel dick / #E1E1E1 ist die Farbe / Farbgeneratoren gibt es im Internet oder auch mal nach SI ColorPicker schauen
background-repeat: repeat-y = beschreibt den Background Hintergrund Wiederholung. Es kann auch ein Bild oder Farbe definiert werden
font-size: 12px = ist die Schriftgröße / die Schriftart ist hier die gleiche wie das in Zeta Layout eingestellt wurde
line-height: 18px = ist die Zeilenhöhe, hier 18 Pixel
padding: 10px 10px 10px 10px = Abstand des Inhaltes zum DIV-Rand / oben, rechts, unten, links
Den Artikel in Zeta anlegen. Dann zur HTML-Ansicht wechseln und vor dem Text dies einfügen:
<div class="contentBox">
Nach dem Text dies eingeben:
</div>
So wird ein um den Text dann ein grauer Rahmen (nach o.g. Beispiel) angezeigt und der Text zum Rahmen hat einen Abstand zu allen Seiten von 10 Pixel.
Bitte folgendes beachten:
Vorher eine Kopie der Original Style.css machen. Mit einer zweiten Kopie kann dann gearbeitet werden. Die Style.css dann per FTP hochladen (soltte standarmäßig im "_media" Ordner liegen). Wenn ein Projekt komplett erstellt und veröffentlicht wurde, immer danach die eigene style.css hochladen.