Zitate farblich abheben
Zitat von Lohengrin
Hallo, danke, aber das funktioniert irgendwie nicht. Was mache ich falsch?
Der Eintrag lautet:
}
BLOCKQUOTE {
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
background-color: FFFFFF;
color: #993300;
font-weight: bold;
border-width:1px
}
Erzielen möchte ich den Effekt, daß der Text dunkelbraun und bold erscheint und einen Rahmen hat.
Bitte nochmal um Nachhilfe.
Live im Firebug getestet: (siehe Screenshot)
blockquote {
background:#FFFFFF;
color:#993300;
font-family:Arial;
font-size:12px;
font-weight:bold;
margin:10px 10px 10px 20px;
}
...jeps all dass ist möglich, und auch gar nicht mal so schwer.
Das meiste ist wie schon angegeben mit CSS möglich. Wegen dem Extra dotted Border (Gepunkteter Rand) müssen wir jedoch eine kleine Änderung in der Symbolbar vollziehen. Je mehr gewollt ist, desto kompliziert wird es am Schluss sich noch zurechtzufinden ;-)
Erstmal die CSS:
blockquoteZur Erklärung:
{
background:#ffffff;
margin: 10px 10px 10px 20px;
padding:0px;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#993300;
}
blockquote div.zitat
{
margin: 10px;
padding:10px;
border: 1px dotted #000000;
}
blockquote div.zitat blockquote
{
background:#ffffff;
margin: 10px 10px 10px 20px;
padding:0px;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#993300;
}
blockquote div.zitat blockquote div.zitat
{
margin: 10px;
padding:10px;
border: 1px solid #000000;
}
blockquote font
{
margin: 10px 10px 10px 20px;
padding:0px;
font-family:Arial;
font-size:11px;
font-weight:normal;
color:#993300;
}
blockquote hr
{
display:none;
visibility:hidden;
}
margin = Außenabstand(Doppelt gemoppelt hält besser ;-)
padding = Innenabstand
border = Rahmen
"dotted" = Gepunkteter Rahmen
"solid" = Solider (Durchgehender) Rahmen
display:none = Nicht anzeigen
visibility:hidden = Verbergen
Zweiter Teil kommt noch...
Admin -> Einstellungen -> Symbol-Bar -> (entsprechend ersetzen)
<a href="javascript:insert('[quote][z]','[/z][/quote]')"><img src="https://img.homepagemodules.de/quote.gif" alt="[quote][z] Text [/z][/quote]" border="0" width="61" height="18"></a>
Admin -> Einstellungen -> Codes/Smilies
[z] ersetze mit <div class="zitat">
[/z] ersetze mit </div>
Soweit würde es nun funktionieren, jedoch wenn ein Mitglied nun vom Beitrag direkt zitiert wird noch die alte Schreibweise übernommen, und nicht diese hier, weshalb wir nun ins Template eingreifen müssen.
Admin -> Template -> Kopie anlegen -> Formular ausfüllen -> Speichern -> [edit] -> ganz unten " + Alle Elemente anzeigen" -> Neuen Beitrag schreiben -> Zeile 22 von unten -> vollkommen ersetzen!
<tr><td class="ntit"> {[new_reply_title]}</td><td class="ntit" align="right"><a href='javascript:returnTag("[quote=\"{{reply_username_quote}}\"][z]" + reply_quote + "[/z][/quote]")'>{[new_reply_quote]}</a></td></tr>Sollte nun funktionieren.
#13 RE: Zitate farblich abheben
1. Jetzt isser aber angehängt bzw. sogar ein paar mehr.
Bild 1 und 2 dokumentieren, wie die Verschachtelungen jetzt aussehen. Was ich besser fände wäre Zitat von 1, Text Zitat 1, Zitat von 2, Text Zitat 2 - untereinander und in verschieden farbigen Kästen.
Zur Problematik Mozilla (Firefox) vs. IE gibt es noch mehr als nur, daß die Mozilla-User die gepunkteten Linien nicht sehen.
In Bild 1 abgebildet wie ein IE User einen Thread sieht. Er sieht die definierten Farben für Admin-User etc. nicht (alles schwarz), während man in Bild 2 sieht, wie es eigentlich sein sollte, admin weiß, User orange.
Zudem sind die nicht gepunkteten Linien deutlich dicker (ich weiß nicht, ob man das auf dem Screenshot sieht, die Seite, die ich abgebildet habe ist: http://www.aggressionshund-forum.de/t580...-erkennbar.html, zum selber Angucken. :-)
Bild 3 und 4 dokumentieren eine weitere Problematik: Ich habe im Template über text-decoration: none definiert, daß man die Unterstreichungen der Links nicht sehen soll. Im IE (Bild 3) sind sie tatsächlich nicht da. Im Mozilla (Bild 4) jedoch trotzdem.
Ich hatte zudem vor einiger Zeit mal erfragt, wie man per css hinbekommen könnte, daß Links (hover) highlighted werden, visited-Seiten statt bold nur noch in normaler Schriftstärke angezeigt werden. Im IE (Bild 3) sieht man von diesem Effekten nichts, ich dachte die ganze Zeit "tja, dann haste wohl was falsch gemacht". Bis ich vorgestern die Chance hatte, mit Mozilla auf mein Forum zu gucken. Und siehe da: Die Effekte funktionieren ganz prächtig. Leider NUR in Mozilla/Firefox. Ich habe den jetzt zu Testzwecken bei mir auch mal installiert: Tatsache, dieser Teil sieht so aus, wie ich es gewollt hatte.
Stand der Dinge ist nun: Teilweise ist es im IE so, wie ich es will, aber im Mozilla nicht, teilweise genau umgekehrt.
Kriegt man es auch hin, daß es wenigstens in einem alles so ist, wie man es will? ;-)
Jetzt bin ich echt gespannt. :-)
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!