+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Zitate optisch besser gestalten (1.8.x) (/thread-32120.html)
Seiten: Seiten:
1
2
Zitate optisch besser gestalten (1.8.x) - Paccy - 26.05.2015
Das neue Design ist schick, aber Zitate sind etwas schwer zuzuordnen:
Kann man das Ganze - ohne viel Aufwand - optisch/farblich etwas differenzieren?
RE: Zitate optisch besser gestalten (1.8.x) - hkkp - 26.05.2015
in der global.css
RE: Zitate optisch besser gestalten (1.8.x) - Paccy - 27.05.2015
Und genauer? Hat das jemand schon gemacht und zufällig den Code parat?
RE: Zitate optisch besser gestalten (1.8.x) - MrBrechreiz - 27.05.2015
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.
RE: Zitate optisch besser gestalten (1.8.x) - Paccy - 27.05.2015
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.
RE: Zitate optisch besser gestalten (1.8.x) - melancholia - 27.05.2015
So einfach möglich ist das gar nicht, wie du hier nachlesen kannst
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.
RE: Zitate optisch besser gestalten (1.8.x) - Paccy - 27.05.2015
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?
RE: Zitate optisch besser gestalten (1.8.x) - StefanT - 27.05.2015
Um einen transparenten Hintergrund zu bekommen, muss "background: transparent" verwendet werden.
Siehe auch: http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-color
Einen Rahmen sollte jedes Zitat zumindest standardmäßig haben.
RE: Zitate optisch besser gestalten (1.8.x) - Paccy - 27.05.2015
Ja schon, aber was genau muss wo genau eingefügt werden, damit ein Zitatebaum farblich abgestufter erscheint?
RE: Zitate optisch besser gestalten (1.8.x) - melancholia - 27.05.2015
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
