<?xml version="1.0" encoding="ISO-8859-1"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Kommentare zu: TYPO3: Links mit CSS formatieren</title>
	<atom:link href="http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/feed/" rel="self" type="application/rss+xml" />
	<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/</link>
	<description>Das Expertinnen-Web</description>
	<lastBuildDate>Tue, 07 Sep 2010 12:28:42 +0200</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Von: Renate</title>
		<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/comment-page-1/#comment-10463</link>
		<dc:creator>Renate</dc:creator>
		<pubDate>Mon, 08 Jan 2007 11:51:35 +0000</pubDate>
		<guid isPermaLink="false">http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/#comment-10463</guid>
		<description>Da gibt es unterschiedliche Ans&#228;tze, wobei meiner nicht der &#252;bliche Typo3-Ansatz ist. F&#252;r a) unterschiedlich gestylte Level lasse ich Typo3 eine verschachtelte Liste erzeugen und style sie lediglich &#252;ber CSS. Bei mir macht das die Angabe &quot;wrapItemAndSub&quot;. Das f&#252;hrt allerdings dazu, dass die von Kai genannten L&#246;sungen nicht greifen.

Du kannst aber in Typoscript die verschiedenen Level mit je einer anderen Klasse versehen und die per CSS stylen.
Hier ein &lt;a href=&quot;http://www.css-praxis.de/forum/forum_entry.php?id=5628&amp;page=0&amp;category=all&amp;order=time&quot;&gt;Beispiel von Kai&lt;/a&gt;:

F&#252;r b) unterschiedlich gestaltete Men&#252;s nutze ich auch wieder den Kontext, in dem das Men&#252; steht.
Konkret: Die Men&#252;s bekommen im Template unterschiedliche Namen (IDs oder Klassen). Z.B. so: (runde Klammern durch spitze ersetzen!):
(div id=&quot;kopfmenue&quot;)
(div id=&quot;menueLinks&quot;)
(div id=&quot;menueRechts&quot;)

Dann kann man im CSS f&#252;r jeden Bereich einen anderen Stil f&#252;r die Links erzeugen. Da ich statische Designvorlagen mit Markern nutze, kann ich den jeweiligen DIV-Container direkt in der Vorlage definieren, ohne Typoscript.

CSS-Beispiel (nur Auszug; runde Klammer durch geschweifte ersetzen!):
#kopfmenue li a (color: #000; background: #fff;)
#kopfmenue li a:hover (color: #fff; background: #000;)
#menueLinks li a (color: #ff0000; background: transparent;)
#menueRechts li a:hover (color: #fff; background: #ff0000;)

So kannst du nicht nur Men&#252;s sondern alle DIV-Container unterschiedlich auszeichnen. Wichtig ist dabei, dass du die gew&#252;nschte Umgebung (z.B. #kopfmenue) im CSS benennst. Dann brauchst du im Template nichts weiter anzugeben als den DIV-Bereich und den Listenpunkt mit Link. Die Unterschiedlichen Farben werden automatisch vom Stylesheet gesetzt.</description>
		<content:encoded><![CDATA[<p>Da gibt es unterschiedliche Ans&#228;tze, wobei meiner nicht der &#252;bliche Typo3-Ansatz ist. F&#252;r a) unterschiedlich gestylte Level lasse ich Typo3 eine verschachtelte Liste erzeugen und style sie lediglich &#252;ber CSS. Bei mir macht das die Angabe &#8220;wrapItemAndSub&#8221;. Das f&#252;hrt allerdings dazu, dass die von Kai genannten L&#246;sungen nicht greifen.</p>
<p>Du kannst aber in Typoscript die verschiedenen Level mit je einer anderen Klasse versehen und die per CSS stylen.<br />
Hier ein <a href="http://www.css-praxis.de/forum/forum_entry.php?id=5628&#038;page=0&#038;category=all&#038;order=time">Beispiel von Kai</a>:</p>
<p>F&#252;r b) unterschiedlich gestaltete Men&#252;s nutze ich auch wieder den Kontext, in dem das Men&#252; steht.<br />
Konkret: Die Men&#252;s bekommen im Template unterschiedliche Namen (IDs oder Klassen). Z.B. so: (runde Klammern durch spitze ersetzen!):<br />
(div id=&#8221;kopfmenue&#8221;)<br />
(div id=&#8221;menueLinks&#8221;)<br />
(div id=&#8221;menueRechts&#8221;)</p>
<p>Dann kann man im CSS f&#252;r jeden Bereich einen anderen Stil f&#252;r die Links erzeugen. Da ich statische Designvorlagen mit Markern nutze, kann ich den jeweiligen DIV-Container direkt in der Vorlage definieren, ohne Typoscript.</p>
<p>CSS-Beispiel (nur Auszug; runde Klammer durch geschweifte ersetzen!):<br />
#kopfmenue li a (color: #000; background: #fff;)<br />
#kopfmenue li a:hover (color: #fff; background: #000;)<br />
#menueLinks li a (color: #ff0000; background: transparent;)<br />
#menueRechts li a:hover (color: #fff; background: #ff0000;)</p>
<p>So kannst du nicht nur Men&#252;s sondern alle DIV-Container unterschiedlich auszeichnen. Wichtig ist dabei, dass du die gew&#252;nschte Umgebung (z.B. #kopfmenue) im CSS benennst. Dann brauchst du im Template nichts weiter anzugeben als den DIV-Bereich und den Listenpunkt mit Link. Die Unterschiedlichen Farben werden automatisch vom Stylesheet gesetzt.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Harald</title>
		<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/comment-page-1/#comment-10452</link>
		<dc:creator>Harald</dc:creator>
		<pubDate>Sun, 07 Jan 2007 22:00:47 +0000</pubDate>
		<guid isPermaLink="false">http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/#comment-10452</guid>
		<description>aller guten Dinge sind ja 3
Wir k&#246;nnen mit dem bislang Gesagten im Men&#252; z.B. &lt;a href=&quot;....&quot;&gt;mein Link&lt;/a&gt;
und &lt;a href=&quot;...&quot;&gt;mein Link&gt;&lt;/a&gt; realisieren.

Jetzt fehlt nur noch eine Variante.
&lt;a&gt;mein Link&lt;/a&gt;

Hat jemand eine Idee, wie das geht?
Das w&#252;rde z.B die M&#246;glichkeit er&#246;ffnen die Links in den einzelnen Leveln eines Men&#252;s unterschiedlich zu stylen.
W&#228;re auch hilfreich, wenn mehrere Men&#252;s auf der Seite unterschiedlich gestaltet werden m&#252;ssen.</description>
		<content:encoded><![CDATA[<p>aller guten Dinge sind ja 3<br />
Wir k&#246;nnen mit dem bislang Gesagten im Men&#252; z.B. <a href="....">mein Link</a><br />
und <a href="...">mein Link&gt;</a> realisieren.</p>
<p>Jetzt fehlt nur noch eine Variante.<br />
<a>mein Link</a></p>
<p>Hat jemand eine Idee, wie das geht?<br />
Das w&#252;rde z.B die M&#246;glichkeit er&#246;ffnen die Links in den einzelnen Leveln eines Men&#252;s unterschiedlich zu stylen.<br />
W&#228;re auch hilfreich, wenn mehrere Men&#252;s auf der Seite unterschiedlich gestaltet werden m&#252;ssen.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Renate</title>
		<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/comment-page-1/#comment-7808</link>
		<dc:creator>Renate</dc:creator>
		<pubDate>Tue, 03 Oct 2006 11:09:41 +0000</pubDate>
		<guid isPermaLink="false">http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/#comment-7808</guid>
		<description>Vielen Dank, gut zu wissen. Ich hatte es wie oben versucht, aber mir hat es dann nicht funktioniert. Das liegt aber vermutlich an meinem Gesamtkonstrukt. Deine L&#246;sung ist sch&#246;n einfach und sicher f&#252;r andere Anwendungen gut zu gebrauchen.</description>
		<content:encoded><![CDATA[<p>Vielen Dank, gut zu wissen. Ich hatte es wie oben versucht, aber mir hat es dann nicht funktioniert. Das liegt aber vermutlich an meinem Gesamtkonstrukt. Deine L&#246;sung ist sch&#246;n einfach und sicher f&#252;r andere Anwendungen gut zu gebrauchen.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Kai Laborenz</title>
		<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/comment-page-1/#comment-7806</link>
		<dc:creator>Kai Laborenz</dc:creator>
		<pubDate>Mon, 02 Oct 2006 18:13:55 +0000</pubDate>
		<guid isPermaLink="false">http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/#comment-7806</guid>
		<description>Runde Klammern durch spitze ersetzen:

ACT.linkWrap = (strong)&#124;(/strong)
ACT.ATagBeforeWrap = 1

Mit Deinem Konstrukt hat das nat&#252;rlich nicht viel zu tun. Entscheidend ist die zweite Zeile - damit l&#228;sst sich das normale Verhalten - linkWrap wird UM das a-Element gelegt - umgedreht: der linkWrap landet innerhalb des a-Elements (um den verlinkten Text).

Wenn Du gar keinen Link hast, brauchst Du das nat&#252;rlich auch nicht.</description>
		<content:encoded><![CDATA[<p>Runde Klammern durch spitze ersetzen:</p>
<p>ACT.linkWrap = (strong)|(/strong)<br />
ACT.ATagBeforeWrap = 1</p>
<p>Mit Deinem Konstrukt hat das nat&#252;rlich nicht viel zu tun. Entscheidend ist die zweite Zeile &#8211; damit l&#228;sst sich das normale Verhalten &#8211; linkWrap wird UM das a-Element gelegt &#8211; umgedreht: der linkWrap landet innerhalb des a-Elements (um den verlinkten Text).</p>
<p>Wenn Du gar keinen Link hast, brauchst Du das nat&#252;rlich auch nicht.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Anonymous</title>
		<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/comment-page-1/#comment-7805</link>
		<dc:creator>Anonymous</dc:creator>
		<pubDate>Mon, 02 Oct 2006 10:12:49 +0000</pubDate>
		<guid isPermaLink="false">http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/#comment-7805</guid>
		<description>sorry, aber unser Blog hat seine Probleme mit der Angabe von Quellcode. Ich verwende:

CUR = 1
CUR.doNotLinkIt = 1
CUR.wrapItemAndSub = li.span&#124;/span./li

(die Tagklammern muss ich leider weglassen)</description>
		<content:encoded><![CDATA[<p>sorry, aber unser Blog hat seine Probleme mit der Angabe von Quellcode. Ich verwende:</p>
<p>CUR = 1<br />
CUR.doNotLinkIt = 1<br />
CUR.wrapItemAndSub = li.span|/span./li</p>
<p>(die Tagklammern muss ich leider weglassen)</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Renate</title>
		<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/comment-page-1/#comment-7807</link>
		<dc:creator>Renate</dc:creator>
		<pubDate>Mon, 02 Oct 2006 10:00:49 +0000</pubDate>
		<guid isPermaLink="false">http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/#comment-7807</guid>
		<description>Vielen Dank f&#252;r den Hinweis.

Aber kannst du mich gerade von der Leitung holen, auf der ich zu stehen scheine :-):
Wo bringe ich dann das \&quot;&lt;strong&gt;strong&lt;/strong&gt;\&quot; unter? Ich habe deine 2 Zeilen nach der o.g. wrap-Angabe getestet. Hat aber nicht funktioniert. Dann habe ich andere Variationen ausprobiert. Ging auch nicht. Vielleicht liegt es auch an den Grundeinstellungen f&#252;r meine Testseite, auf der ich eigentlich ein anderes Konstrukt verwende, n&#228;mlich
&lt;code&gt;
CUR = 1
CUR.doNotLinkIt = 1
CUR.wrapItemAndSub = &#124;
&lt;/code&gt;

damit die aktive Seite eben keinen Link hat. Und das \&quot;&lt;strong&gt;span&lt;/strong&gt;\&quot; ist &#252;ber CSS gestylt.

Nochmal Danke
Renate</description>
		<content:encoded><![CDATA[<p>Vielen Dank f&#252;r den Hinweis.</p>
<p>Aber kannst du mich gerade von der Leitung holen, auf der ich zu stehen scheine <img src='http://expertinnen-web.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> :<br />
Wo bringe ich dann das \&#8221;<strong>strong</strong>\&#8221; unter? Ich habe deine 2 Zeilen nach der o.g. wrap-Angabe getestet. Hat aber nicht funktioniert. Dann habe ich andere Variationen ausprobiert. Ging auch nicht. Vielleicht liegt es auch an den Grundeinstellungen f&#252;r meine Testseite, auf der ich eigentlich ein anderes Konstrukt verwende, n&#228;mlich<br />
<code><br />
CUR = 1<br />
CUR.doNotLinkIt = 1<br />
CUR.wrapItemAndSub = |<br />
</code></p>
<p>damit die aktive Seite eben keinen Link hat. Und das \&#8221;<strong>span</strong>\&#8221; ist &#252;ber CSS gestylt.</p>
<p>Nochmal Danke<br />
Renate</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Kai Laborenz</title>
		<link>http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/comment-page-1/#comment-7804</link>
		<dc:creator>Kai Laborenz</dc:creator>
		<pubDate>Sat, 30 Sep 2006 18:47:45 +0000</pubDate>
		<guid isPermaLink="false">http://expertinnen-web.de/2006-126/typo3-links-mit-css-formatieren/#comment-7804</guid>
		<description>Um den im Innern des Links befindlichen Text zu wrappen, hilft dieses TypoScript:
&lt;code&gt;
ACT.linkWrap = &lt;strong&gt;&#124;&lt;/strong&gt;
ACT.ATagBeforeWrap = 1
&lt;/code&gt;
</description>
		<content:encoded><![CDATA[<p>Um den im Innern des Links befindlichen Text zu wrappen, hilft dieses TypoScript:<br />
<code><br />
ACT.linkWrap = <strong>|</strong><br />
ACT.ATagBeforeWrap = 1<br />
</code></p>
]]></content:encoded>
	</item>
</channel>
</rss>
