Tiny MCE startExpandCollapse Aussehen ändern

[Rahleg]

Grüß euch!

Ich habe die "startExpandCollapse" Funktion des Tiny MCE Editors für mich endekt.
Die Funktion erzeugt einen Link unter dem dann der komplette Text angezeigt wird der zwischen
"{startExpandCollapse id='expand1' title='Name des Links'}" und
"{stopExpandCollapse}" steht.

Meine Frage ist nun, wie kann ich das Aussehen dieses Links und dem Text
den er beinhaltet verändern.

Wenn ich in meiner CSS Datei eine ID mit dem Namen "expand1" anlege passiert leider nichts.

Aufgerufen wird es auf der Website mit:

Code: Select all

<__script__ type="text/javascript" language="javascript" src="http://ahlbrandt.denk.net/cmsms/lib/helparea.js"></__script>
<a href="/cmsms/index.php#expand1" onclick="expandcontent('expand1')" style="cursor:hand; cursor:pointer">
Name des Links</a><br />
<div id="expand1" class="expand">

Lege ich eine Klasse mit dem Namen "expand" an passiert leider auch nichts.
Die Tagbeschreibung sagt folgendes:

Wie kann ich das Aussehen des Titels verändern?
Das Aussehen des Titels kann via CSS geändert werden. Der Titel wird in einem div-Container angezeigt,
der mit der von Ihnen festgelegten ID gekennzeichnet ist.

Das sollte ich aber doch gemacht haben. Weiß jemand von euch vielleicht Rat?
Danke im Vorraus!

Gruß!
Rahleg

[Rahleg]

Mal ein kleiner push.

Ich schaffe es einfach nicht diesem Link ein anderes Aussehen zu verpassen.
Ich habe den Teil in der CSS Datei folgendermaßen formuliert:

Code: Select all

#expand1 a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003D8F;
	text-decoration: none;
}
#expand1 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003D8F;
	text-decoration: none;
}
#expand1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8bbcff;
	text-decoration: none;
}
#expand1 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8bbcff;
	text-decoration: none;
}

Allerdings hat es keine Auswirkungen auf das Dokument. 

Hoffe jemand kann mir helfen.

[NaN]

Ähm...

#expand1 a {
...
}

gilt nur für Elemente innerhalb eines Elements mit der ID expand1.
Da der Link laut Deinem Quelltext aber außerhalb des Divs mit der ID expand1 ist, ergibt das keinen Sinn.
Der Link bekommt weder einer ID noch ein Klasse.
Du kannst ihn also nicht so einfach via CSS formatieren.

Ich würde mal sagen, dass der startExpand-Tag fehlerhaft ist.

Probier mal stattdessen dieses Plugin: http://dev.cmsmadesimple.org/projects/startexpand
(Nach dem Herunterladen entpacken und in das Verzeichnbis plugins auf den Server laden)

Ist ähnlich.
D.h. vor dem Inhalt {startExpand ... } ... und nach dem Inhalt den regulären {stopExpandCollapse} tag.

[Rahleg]

Hallo!

Ich hab es mal getestet der Link übernimmt die normale Textformatierung.
Ändern tut er sich erst bei Mouseover. Es war ein Schritt in die richtige Richtung. Aber ganz funktioniert es noch nicht.

Ich hätte nicht gedacht das eine simple Funktion doch manchmal so stressen kann.

So wichtig war es noch nicht, ich werde mich die Tage noch einmal damit beschäftigen.
Nun werde ich erstmal sehen ob ich die Zweisprachigkeit laut: http://forum.cmsmadesimple.org/index.ph ... 134.0.html
in das System bekomme.

Danke für deine Antwort!
Ralle