Wie ein farbiger Absatz oder eine Ausrufezeichenbox hinzufügen

Zitat von StefanH

Im Editor sieht der Code für "blockquote" so aus

Code

<blockquote>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</blockquote>

In der style.css habe ich folgenden Eintrag gefunden

Code

.post blockquote {
    color:#666;
    background:#F4F4EC;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

und diesen Eintrag direkt hintendran gesetzt

Code

.post greenbox {
    color:#666;
    background:#ddffdd;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

Wenn ich dann im Editor beim code "greenbox" anstatt "blockquote" eingebe passiert gar nix :cry:

Könnte sich von Euch jemand erbarmen und mir erklären wie ich das ganze umsetzen kann. Als Beispiel hab ich mal die boxen aus Typo3 als Anlage beigelegt.

es gibt keinen html tag der +greenbox+ heißt daher ist sowas einfach falsch und wird richtigerweise vom Editor gelöscht

probiere es so:

.post blockquote {
    color:#666;
    background:#F4F4EC;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

und diesen Eintrag direkt hintendran gesetzt

.post blockquote.greenbox {
    color:#666;
    background:#ddffdd;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

und im Editor gibts du ein

<blockquote class="greenbox">.......

lg