MyBB.de Forum

Normale Version: Zitate optisch besser gestalten (1.8.x)
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
Das neue Design ist schick, aber Zitate sind etwas schwer zuzuordnen:

[attachment=10447]

Kann man das Ganze - ohne viel Aufwand - optisch/farblich etwas differenzieren?
in der global.css
Und genauer? Hat das jemand schon gemacht und zufällig den Code parat?
In der global.css ist dies nicht zu finden, sondern in der css3.css

Hierfür ist das Element blockquote verantwortlich. Es ist zwar schon definiert, aber Du kannst es auch separat weiter definieren, indem Du dies nimmst.

Code:
blockquote {
hier deine weiteren Definitionen
}


Lass aber die originale blockquote in der css bestehen, ausser sie soll gänzlich anders aussehen.
Ich möchte kein völlig neues Theme, sondern nur, dass man Zitatbäume besser/schneller optisch auseinanderhalten kann, also zum Beispiel leicht blaue Unterlegung beim ersten, leicht grün beim nächsten usw.
So einfach möglich ist das gar nicht, wie du hier nachlesen kannst  Wink

Oder du probierst es einfach, indem du die Hintergrundfarbe des Zitates ein wenig transparent machst.. bei einer Verschachtelung müsste es theoretisch dann so sein, dass die Hintergrundfarbe intensiver wird.. Aber selbst getestet habe ich das noch nie.
Welchen Hexcode haben den transparente Farben?

Ich habe jetzt erst mal den Zitatkasten insgesamt etwas dunkler gemacht (#f7f7f7)

Weiß auf Weiß ist unübersichtlich. Hat den das Zitat im Zitat keinen eigenen Kasten?
Um einen transparenten Hintergrund zu bekommen, muss "background: transparent" verwendet werden.
Siehe auch: http://wiki.selfhtml.org/wiki/CSS/Eigens...ound-color

Einen Rahmen sollte jedes Zitat zumindest standardmäßig haben.
Ja schon, aber was genau muss wo genau eingefügt werden, damit ein Zitatebaum farblich abgestufter erscheint?
Was ich meinte, sieht zum Beispiel so aus:

Code:
blockquote {
background: rgba(123,123,123,0.2);
}

Damit hast du zunächst die Hintergrundfarbe #7b7b7b mit 20% Transparenz, das nächste eingeschachtelte ist dann bei 40%, usw. Theoretisch  Toungue
Seiten: 1 2