Links unterschiedlich formatieren per CSS

Hallo,

Ich würde gerne meine Links per CSS formatieren. Das stellt auch nicht das eigentliche Problem dar, sondern, dass Typo3 mir immer bei allen Links die ich darin erstelle ein <a href=....> reinhaut, ohne eine "class". Folglich sind alle Links auf meiner Seite gleich formatiert.
Kann ich da irgendwie noch verschiedene Klassen reinbekommen?

Danke!

Lavista schrieb

Hallo,

Ich würde gerne meine Links per CSS formatieren. Das stellt auch nicht das eigentliche Problem dar, sondern, dass Typo3 mir immer bei allen Links die ich darin erstelle ein <a href=....> reinhaut, ohne eine "class". Folglich sind alle Links auf meiner Seite gleich formatiert.
Kann ich da irgendwie noch verschiedene Klassen reinbekommen?

Danke!

<link 13 _self class_a "Title Tag">Zur Seite 13 wechseln</link>

Danke für deine Antwort. Aber wo definiere ich das denn? In meinem Template?
Bzw wie sage ich damit, welcher Link welche class haben soll?

Naja, kommt drauf an, was du machen willst.

In der Navigation kannst du einfach "ATagParams = class="Klassenname"" schreiben. dann fügt Typo3 den Text zu deinem Link hinzu.

Wenn es dir um diverse Links innerhalb deiner Website geht, würde ich mit Vererbung arbeiten.
Also, z.B. für einen Link im Layer "Hauptblock" schreibst du in deine CSS-Datei:
#Hauptblock a:link{ ... }

Dann sind alle Links im Bereich Hauptblock so definiert.

Hi, hier mal ein Schnipsel zum probieren.

marks {

NAVIGATION = HMENU
NAVIGATION {
special = directory
special.value = 1
entryLevel = 0

	1 = TMENU
	
	1.NO = 1
	1.noBlur = 1
	1.wrap=<ul id="mainnavi">|</ul>
	1.NO.before.dataWrap = <li id="{field:title}">|
  	1.NO.wrapItemAndSub = | </li>
  	1.NO.IFSUB = 1
	1.NO.IFSUB.wrapItemAndSub = <li> | </li>

	2 < .1 
  	2.wrap=<ul id="subnavi">|</ul>
  	
  	3 < .1 
  	3.wrap=<ul id="sub_subnavi">|</ul>
  	
}
}

@Threadersteller:
Geht's um Hyperlinks der Navigation? Innerhalb von Content? Extensions?

grüsse

Danke für eure Antworten. Ich meinte Links innerhalb des Contents.

Hat denn keiner eine Idee?

Ich suche im Prinzip eine Möglichkeit um Typo3 mitzuteilen, dass welche CSS class ein Objekt haben soll.
Standardmäßig bekomme ich durch Typo3 nur ein "a href" in den Quellcode gehauen.

Dann würde es evtl. helfen den 2. Post des Threads auch zu lesen 😉 .

grüsse

Den 3. dazu hat aber wohl keiner gelesen.... 😢

Hier seht ihr mal was ich meine... mein HTML bevor es mit Content gefüllt wird:

<div align="right">
													<a class="StyleAnchor">	###mehr1### ###pfeil###</a>&nbsp;
												</div>

Mit Content gefüllt:

<a class="StyleAnchor">	
	<!--  CONTENT ELEMENT, uid:235/text [begin] -->
		<a id="c235"></a>

		<!--  Text: [begin] -->
			<p class="bodytext"><a href="architektur.html" title="Opens internal link in current window" target="page" class="internal-link" >mehr</a></p>
		<!--  Text: [end] -->
			
	<!--  CONTENT ELEMENT, uid:235/text [end] -->
		 <img src="fileadmin/img/100024.gif" width="9" height="8" border="0" alt="" title="" /></a>

Nun steht zwar immer noch meine CSS Klasse "StyleAnchor" drinnen, aber dazwischen ein Haufen Zeug, was ich eigentlich nicht brauche....

Nun sprichst Du zwei unterschiedlichen Themen an. Die Ausgangsfrage und das darauffolgende Posting (mit der eigentlichen Lösung) bezog sich auf die direkte Klassenangabe - da diese anscheinend fehlte (der Ort zum Eintragen ist die das Fenster für die Linkeingabe selbst. Einfach genannte Parameter mal mit angeben).

Die hier gepostete Quellcode-Ausgabe ist auf die Extension htmlArea zurückzuführen. Mit einer dicken Konfiguration per TSconfig in den Seiteneigenschaften kannst Du die Klassen bezgl. htmlArea anpassen.

Howto htmlarea
» #39948

Wünsche Spass beim durchlesen 😉 .

grüsse

Vielen Dank für diese Antwort das hat mir schon mal super viel weitergeholfen. Habe die HTML Extension jetzt deinstalliert und schon sieht es so aus wie ich es haben wollte.
Nur stellt sich mir nun die Frage ob man dieses RTE mit dem CSS auch irgendwie verknüpfen kann? Das man also auf die verschiedenen Auswahllisten im RTE die jeweiligen CSS classes hängt? In dem RTE Post kommt das nicht so klar rüber....
Denn ohne diesen RTE ist es für die Anwender ja umungänglich HTML zu können...

Wenn du das RTE-HowTo gelesen hast:
#39948

Da musst du dann die Klassen, die du in deinem Stylesheet für Links definiert hast in diesem Teil eintragen, dann kannst du bei Link erstellen diese Klassen auswählen. (Bei mir ist das btn1 bis 4)

# Classes für Links (These classes should also be in the list of allowedClasses)
classesAnchor = btn1, btn2, btn3, btn4
classesAnchor.default {
  page = btn1
}

Super danke, das ist genau was ich gesucht habe 😃