<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Nicolas Kuttler &#187; yaml</title>
	<atom:link href="http://www.nkuttler.de/tag/yaml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nkuttler.de</link>
	<description>WordPress Services, IT Services</description>
	<lastBuildDate>Tue, 07 Sep 2010 21:36:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Typo3 and the YAML vertical navigation</title>
		<link>http://www.nkuttler.de/2008/09/21/typo3-and-the-yaml-vertical-navigation/</link>
		<comments>http://www.nkuttler.de/2008/09/21/typo3-and-the-yaml-vertical-navigation/#comments</comments>
		<pubDate>Sun, 21 Sep 2008 08:55:55 +0000</pubDate>
		<dc:creator>nicolas</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[Typo3]]></category>
		<category><![CDATA[typoscript]]></category>
		<category><![CDATA[yaml]]></category>

		<guid isPermaLink="false">http://www.nkuttler.de//?p=54</guid>
		<description><![CDATA[Using the YAML CSS framework to build TYPO3 templates is relatively easy if you have some experience with TYPO3. The only thing that wasn&#8217;t obvious to me was how to integrate one of their navigation components, the vertical list navigation. But it turned out to be easy, you just need to represent the navigation levels [...]]]></description>
			<content:encoded><![CDATA[<p>Using the <a href="http://www.yaml.de/en/">YAML CSS framework</a> to build <a href="http://www.typo3.com">TYPO3</a> templates is relatively easy if you have some experience with TYPO3. The only thing that wasn&#8217;t obvious to me was how to integrate one of their <a href="http://www.yaml.de/en/documentation/css-components/components-for-navigation.html">navigation components</a>, the vertical list navigation.<span id="more-54"></span></p>
<p>But it turned out to be easy, you just need to represent the navigation levels correctly in your HTML. Then apply the CSS formats and you&#8217;re done. Here&#8217;s one way to configure the vertical navigation for YAML:</p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;">foo <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">HMENU</span>
foo <span style="color: #009900;">&#123;</span>
    <span style="color: #cc0000;">1</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">TMENU</span>
    <span style="color: #cc0000;">1</span> <span style="color: #009900;">&#123;</span>
        expAll <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #cc0000;">1</span>
        wrap <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;ul&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/ul&gt;</span>
        <span style="color: #990000; font-weight: bold;">NO</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #cc0000;">1</span>
        <span style="color: #990000; font-weight: bold;">NO</span> <span style="color: #009900;">&#123;</span>
            wrapItemAndSub <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;li&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/li&gt;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #990000; font-weight: bold;">CUR</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #cc0000;">1</span>
        <span style="color: #990000; font-weight: bold;">CUR</span> <span style="color: #009900;">&#123;</span>
            wrapItemAndSub <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;li&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/li&gt;</span>
            ATagParams<span style="color: #339933; font-weight: bold;">=</span> id<span style="color: #339933; font-weight: bold;">=</span>&quot;active&quot;
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #cc0000;">2</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #339933; font-weight: bold;">.</span>1
    2<span style="color: #339933; font-weight: bold;">.</span>wrap <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;ul&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/ul&gt;</span>
    <span style="color: #cc0000;">3</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #339933; font-weight: bold;">.</span>2
    <span style="color: #aaa; font-style: italic;"># [...]</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.nkuttler.de/2008/09/21/typo3-and-the-yaml-vertical-navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
