<?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; typoscript</title>
	<atom:link href="http://www.nkuttler.de/tag/typoscript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nkuttler.de</link>
	<description>WordPress Services, IT Services</description>
	<lastBuildDate>Wed, 28 Jul 2010 23:49:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Typo3, mount points and realurl</title>
		<link>http://www.nkuttler.de/2009/09/20/typo3-mount-points-and-realurl/</link>
		<comments>http://www.nkuttler.de/2009/09/20/typo3-mount-points-and-realurl/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 10:27:55 +0000</pubDate>
		<dc:creator>nicolas</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[realurl]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[SQL]]></category>
		<category><![CDATA[Typo3]]></category>
		<category><![CDATA[typoscript]]></category>

		<guid isPermaLink="false">http://www.nkuttler.de/?p=943</guid>
		<description><![CDATA[Are you having problems with mount points in Typo3? Do you get errors like Illegal Mount Point found in rootline or The requested page didn&#8217;t have a proper connection to the tree-root!, especially when you select the Substitute Mount Point (this page) with Mounted page option? Assuming you did read the fine realurl manual and [...]]]></description>
			<content:encoded><![CDATA[<p>Are you having problems with mount points in Typo3? Do you get errors like <strong>Illegal Mount Point found in rootline</strong> or <strong>The requested page didn&#8217;t have a proper connection to the tree-root!</strong>, especially when you select the <strong>Substitute Mount Point (this page) with Mounted page</strong> option?<span id="more-943"></span></p>
<p>Assuming you did read the <a href="http://wiki.typo3.org/index.php/Realurl/manual">fine realurl manual</a> and have done everything mentioned there, your errors probably originate from an outdated realurl pathcache. You can turn off realurl to confirm this.</p>
<p>If realurl is causing the errors, use your favorite (my)sql client and delete the contents of the <tt>tx_realurl_pathcache</tt> table:</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">DELETE</span> <span style="color: #993333; font-weight: bold;">FROM</span> tx_realurl_pathcache;</pre></div></div>

<p>This should allow you to have mount points with nice, SEO-friendly URLs across multiple domains.</p>
<p><strong>Edit</strong>: If you don&#8217;t want to mess with the database, see the <a href="http://typo3.org/documentation/document-library/extension-manuals/realurl/current/">fine manual</a> for ways to disable and clear the cache.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nkuttler.de/2009/09/20/typo3-mount-points-and-realurl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change Typo3 template depending on column content</title>
		<link>http://www.nkuttler.de/2009/09/05/change-typo3-template-depending-on-column-content/</link>
		<comments>http://www.nkuttler.de/2009/09/05/change-typo3-template-depending-on-column-content/#comments</comments>
		<pubDate>Sat, 05 Sep 2009 07:33:02 +0000</pubDate>
		<dc:creator>nicolas</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[Typo3]]></category>
		<category><![CDATA[typoscript]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.nkuttler.de//?p=852</guid>
		<description><![CDATA[Let&#8217;s assume you don&#8217;t just want to inject some HTML if there is content in a column, but you want to use a completely different layout. This isn&#8217;t hard to accomplish, see the example: tmp.templateFile = COA tmp.templateFile &#123; 10 = COA 10 &#123; if.isFalse.numRows &#60; styles.content.getRight 10 = FILE 10 &#123; file = fileadmin/template/1col.html [...]]]></description>
			<content:encoded><![CDATA[<p>Let&#8217;s assume you don&#8217;t just want to <a href="http://www.nkuttler.de//2009/05/24/change-template-if-content-exists-in-typo3/">inject some HTML</a> if there is content in a column, but you want to use a completely different layout. This isn&#8217;t hard to accomplish, see the example:<span id="more-852"></span></p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;">tmp<span style="color: #339933; font-weight: bold;">.</span>templateFile <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">COA</span>
tmp<span style="color: #339933; font-weight: bold;">.</span>templateFile <span style="color: #009900;">&#123;</span>
	<span style="color: #cc0000;">10</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">COA</span>
	<span style="color: #cc0000;">10</span> <span style="color: #009900;">&#123;</span>
		<span style="font-weight: bold;">if</span><span style="color: #339933; font-weight: bold;">.</span>isFalse<span style="color: #339933; font-weight: bold;">.</span><span style="font-weight: bold;">numRows</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #000066; font-weight: bold;">styles</span><span style="color: #339933; font-weight: bold;">.</span>content<span style="color: #339933; font-weight: bold;">.</span>getRight
		<span style="color: #cc0000;">10</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">FILE</span>
		<span style="color: #cc0000;">10</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">file</span> <span style="color: #339933; font-weight: bold;">=</span> fileadmin<span style="color: #339933; font-weight: bold;">/</span>template<span style="color: #339933; font-weight: bold;">/</span>1col<span style="color: #339933; font-weight: bold;">.</span>html
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #cc0000;">20</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">COA</span>
	<span style="color: #cc0000;">20</span> <span style="color: #009900;">&#123;</span>
		<span style="font-weight: bold;">if</span><span style="color: #339933; font-weight: bold;">.</span>isTrue<span style="color: #339933; font-weight: bold;">.</span><span style="font-weight: bold;">numRows</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #000066; font-weight: bold;">styles</span><span style="color: #339933; font-weight: bold;">.</span>content<span style="color: #339933; font-weight: bold;">.</span>getRight
		<span style="color: #cc0000;">10</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">FILE</span>
		<span style="color: #cc0000;">10</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">file</span> <span style="color: #339933; font-weight: bold;">=</span> fileadmin<span style="color: #339933; font-weight: bold;">/</span>template<span style="color: #339933; font-weight: bold;">/</span>2col<span style="color: #339933; font-weight: bold;">.</span>html
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>The <tt>if</tt>s check if there is or isn&#8217;t content in the right column and the <tt>COA</tt> returns the correct cObject, FILE in this case.</p>
<p>And then in your main typoscript something like:</p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">page</span><span style="color: #339933; font-weight: bold;">.</span>10<span style="color: #339933; font-weight: bold;">.</span>template <span style="color: #339933; font-weight: bold;">&lt;</span> tmp<span style="color: #339933; font-weight: bold;">.</span>templateFile</pre></div></div>

<p>instead of the more usual</p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">page</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #cc0000;">10</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">TEMPLATE</span>
	<span style="color: #cc0000;">10</span> <span style="color: #009900;">&#123;</span>
		template <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">FILE</span>
		template <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">file</span> <span style="color: #339933; font-weight: bold;">=</span> fileadmin<span style="color: #339933; font-weight: bold;">/</span>template<span style="color: #339933; font-weight: bold;">/</span>1col<span style="color: #339933; font-weight: bold;">.</span>html
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>That&#8217;s all.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nkuttler.de/2009/09/05/change-typo3-template-depending-on-column-content/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Change template if content exists in Typo3</title>
		<link>http://www.nkuttler.de/2009/05/24/change-template-if-content-exists-in-typo3/</link>
		<comments>http://www.nkuttler.de/2009/05/24/change-template-if-content-exists-in-typo3/#comments</comments>
		<pubDate>Sun, 24 May 2009 19:23:41 +0000</pubDate>
		<dc:creator>nicolas</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[Typo3]]></category>
		<category><![CDATA[typoscript]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.nkuttler.de//?p=729</guid>
		<description><![CDATA[If you build sites with Typo3 you might want to use a smart template that uses different markup for different pages. Of course you can define as many templates as you like in Typo3. But what if you want to use a two and a three-column layout, depending on if content in one column exists, [...]]]></description>
			<content:encoded><![CDATA[<p>If you build sites with Typo3 you might want to use a smart template that uses different markup for different pages. Of course you can define as many templates as you like in Typo3. But what if you want to use a two and a three-column layout, depending on if content in one column exists, and if you don&#8217;t know in advance if there is content in that column? The solution is rather easy, do something like in this example:<span id="more-729"></span></p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #aaa; font-style: italic;"># Add a float if we have content in column 2</span>
foo <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">COA</span>
foo <span style="color: #009900;">&#123;</span>
	wrap <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;div&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/div&gt;</span>
	<span style="color: #cc0000;">200</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">CONTENT</span>
	<span style="color: #cc0000;">200</span> <span style="color: #009900;">&#123;</span>
		table <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #000066; font-weight: bold;">tt_content</span>
		<span style="font-weight: bold;">select</span> <span style="color: #009900;">&#123;</span>
			where <span style="color: #339933; font-weight: bold;">=</span> colPos <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #cc0000;">2</span>
			orderBy <span style="color: #339933; font-weight: bold;">=</span> sorting
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #aaa; font-style: italic;"># conditional to test if content exists in column</span>
	<span style="font-weight: bold;">if</span><span style="color: #339933; font-weight: bold;">.</span>isTrue<span style="color: #339933; font-weight: bold;">.</span><span style="font-weight: bold;">numRows</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #aaa; font-style: italic;"># check current page page</span>
		pidInList <span style="color: #339933; font-weight: bold;">=</span> this
		<span style="color: #aaa; font-style: italic;"># in the table tt_content</span>
		table <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #000066; font-weight: bold;">tt_content</span>
		<span style="color: #aaa; font-style: italic;"># colPos = 2 (right)</span>
		<span style="font-weight: bold;">select</span><span style="color: #339933; font-weight: bold;">.</span>where <span style="color: #339933; font-weight: bold;">=</span> colPos<span style="color: #339933; font-weight: bold;">=</span><span style="color: #cc0000;">2</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>This example shows a very simple flexible template using a float.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nkuttler.de/2009/05/24/change-template-if-content-exists-in-typo3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Include typo3 content elements on every page</title>
		<link>http://www.nkuttler.de/2009/01/22/include-typo3-content-on-every-page/</link>
		<comments>http://www.nkuttler.de/2009/01/22/include-typo3-content-on-every-page/#comments</comments>
		<pubDate>Thu, 22 Jan 2009 15:56:55 +0000</pubDate>
		<dc:creator>nicolas</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Typo3]]></category>
		<category><![CDATA[typoscript]]></category>

		<guid isPermaLink="false">http://www.nkuttler.de//?p=536</guid>
		<description><![CDATA[You often want to include some content on every page of your website. There are a lot of different ways to accomplish this with typo3. Here&#8217;s one quick solution: You create a hidden page or a page outside of your site tree, so that it doesn&#8217;t show up in your menu. Then you simply add [...]]]></description>
			<content:encoded><![CDATA[<p>You often want to include some content on every page of your website. There are a lot of different ways to accomplish this with typo3. Here&#8217;s one quick solution: You create a hidden page or a page outside of your site tree, so that it doesn&#8217;t show up in your menu. Then you simply add the content you want displayed on all pages to that page. When you hover over the icon next to the title of the content element (the one that lets you copy, cut etc) you see the object&#8217;s ID.<span id="more-536"></span><br />
If you want to include that element on every page, simply add it to your template using something similar to this:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">temp</span><span style="color: #339933; font-weight: bold;">.</span>foo <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">RECORDS</span>
<span style="color: #000066; font-weight: bold;">temp</span><span style="color: #339933; font-weight: bold;">.</span>foo <span style="color: #009900;">&#123;</span>
	tables <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #000066; font-weight: bold;">tt_content</span>
	source <span style="color: #339933; font-weight: bold;">=</span> ID <span style="color: #aaa; font-style: italic;"># Enter the object's ID here</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>That&#8217;s all.<br />
You can also do this with all kind of plugins, many of them offer some kind of <tt>temp.foo &lt; plugin.tx_extension_pi1</tt> mechanism. It&#8217;s usually documented in the extension manual.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nkuttler.de/2009/01/22/include-typo3-content-on-every-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typo3 in 15 minutes</title>
		<link>http://www.nkuttler.de/2008/10/18/typo3-in-15-minutes/</link>
		<comments>http://www.nkuttler.de/2008/10/18/typo3-in-15-minutes/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 08:03:56 +0000</pubDate>
		<dc:creator>nicolas</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[Typo3]]></category>
		<category><![CDATA[typoscript]]></category>

		<guid isPermaLink="false">http://www.nkuttler.de//?p=232</guid>
		<description><![CDATA[Ok, the title is a little exaggerated. You&#8217;ll need to install Typo3 yourself and I assume that you can log into the backend. But if those are given, you&#8217;re pretty close to creating your first Typo3 site. In the backend, go into the Web-&#62;Page view. Click on the small world icon in the tree view [...]]]></description>
			<content:encoded><![CDATA[<p>Ok, the title is a little exaggerated. You&#8217;ll need to install Typo3 yourself and I assume that you can log into the backend. But if those are given, you&#8217;re pretty close to creating your first Typo3 site.<span id="more-232"></span></p>
<p>In the backend, go into the <tt>Web-&gt;Page</tt> view. Click on the small world icon in the tree view (the second column). Click on <tt>New</tt>. The main column will give you a few choices, you want to create a <tt>Page (inside)</tt>.</p>
<p>After that you will see the page information for your new page in the main column at the right. Uncheck the <tt>Hide page</tt> box. Fill in some <tt>Pagetitle</tt>, I like to call my first page siteroot for various reasons I won&#8217;t be going into right now. That&#8217;s it, click on the save &amp; close icon (a floppy with an x). Great! You have created your first page.</p>
<p>The new page should appear in the tree view (click on the small plus next to the world icon). Then click on your new page, this time click on the name, not the icon. The main colum will show various columns for page content. Click on <tt>Create page content</tt> of the column <tt>Normal</tt>. Now you get a list of possible content elements, for now take a <tt>Regular text element</tt>.</p>
<p>Ok, now it&#8217;s time to fill your text content element with some text. In 4.2 you need to click on the <tt>Text</tt> tab, and the visual editor opens. Just type some random text in there. Click on save &amp; close. That&#8217;s it! You have created your first content!</p>
<p>This was all easy I hope. Now comes the harder part of Typo3, working with templates. I&#8217;ll take a simplistic approach. I use it in real life as well, but many people prefer using lots of markers or TemplaVoila. Ok, let&#8217;s go to the <tt>Web-&gt;Template</tt> section of the main navigation to the left. When you click on the link you should see the option <tt>Create template file for a new site</tt>. Choose that. If you don&#8217;t see it you may not be viewing the template for your first page but for the site.</p>
<p>Typo3 will ask you if you are sure you want to do this, and you&#8217;ll tell it &#8216;Hell yeah!&#8217;. You probably are in the <tt>Constant Editor</tt> now. Select <tt>Info/Modify</tt> from the dropdown menu. Then click on <tt>Click here to edit whole template record</tt>.</p>
<p>Here, you see some form fields. One of the is labeled <tt>Setup</tt>. Delete it&#8217;s useless content and paste this code into it:</p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">page</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">PAGE</span>
<span style="color: #000066; font-weight: bold;">page</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #cc0000;">10</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">HMENU</span>
	<span style="color: #cc0000;">10</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #aaa; font-style: italic;"># Throw in some primitive navigation</span>
		<span style="color: #aaa; font-style: italic;"># This is the first level</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: #009900;">&#125;</span>
		<span style="color: #aaa; font-style: italic;"># Copy the first level to display a maximum of three levels</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
        	<span style="color: #cc0000;">3</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #339933; font-weight: bold;">.</span>1
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #aaa; font-style: italic;"># Insert the content from the Normal column</span>
	<span style="color: #cc0000;">20</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">CONTENT</span>
	<span style="color: #cc0000;">20</span> <span style="color: #009900;">&#123;</span>
		table <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #000066; font-weight: bold;">tt_content</span>
		<span style="font-weight: bold;">select</span> <span style="color: #009900;">&#123;</span>
			where <span style="color: #339933; font-weight: bold;">=</span> colPos <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #cc0000;">0</span>
			orderBy <span style="color: #339933; font-weight: bold;">=</span> sorting
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Then click on the <tt>Includes</tt> tab. There&#8217;s an select field labeled <tt>Include static (from extensions):</tt> that contains an entry <tt>CSS Styled Content (css_styled_content)</tt>. Click on that entry.</p>
<p>That&#8217;s it, save your template! You can go to your site main URL now (not the backend) and see your first content page. One final note before you proceed: When you create new pages, make them all subpages of your first page. You should change your first page to be a shortcut to a page one level deeper that will act as your homepage.</p>
<p>Your next steps should be to read the docs at <a href="http://www.typo3.org">typo3.org</a>, <a href="http://typo3.org/documentation/document-library/references/doc_core_tsref/4.1.0/view/">TSref</a> and the <a href="http://wiki.typo3.org/">wiki</a>. There&#8217;s a lot more to learn.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nkuttler.de/2008/10/18/typo3-in-15-minutes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Very simple Typo3 navigation</title>
		<link>http://www.nkuttler.de/2008/10/08/very-simple-typo3-navigation/</link>
		<comments>http://www.nkuttler.de/2008/10/08/very-simple-typo3-navigation/#comments</comments>
		<pubDate>Wed, 08 Oct 2008 11:57:19 +0000</pubDate>
		<dc:creator>nicolas</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[Typo3]]></category>
		<category><![CDATA[typoscript]]></category>

		<guid isPermaLink="false">http://www.nkuttler.de//?p=211</guid>
		<description><![CDATA[Sometimes I get asked how to build a menu in Typo3. It&#8217;s really easy, but TSref isn&#8217;t very verbose. So here&#8217;s how to build a basic, valid Typo3 navigation: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 [...]]]></description>
			<content:encoded><![CDATA[<p>Sometimes I get asked how to build a menu in Typo3. It&#8217;s really easy, but <a href="http://typo3.org/documentation/document-library/references/doc_core_tsref/4.1.0/view/">TSref</a> isn&#8217;t very verbose. So here&#8217;s how to build a basic, valid Typo3 navigation: <span id="more-211"></span></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td 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: #aaa; font-style: italic;"># I use this because I like to have one root page</span>
	<span style="color: #aaa; font-style: italic;"># that links to the first content page. All my</span>
	<span style="color: #aaa; font-style: italic;"># level 1 Pages are subpages of that page.</span>
	entryLevel <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #cc0000;">1</span>
	<span style="color: #aaa; font-style: italic;"># define the first level</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>
		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: #aaa; font-style: italic;"># Normal Style</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: #aaa; font-style: italic;"># Style, if menu page is current page</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> class<span style="color: #339933; font-weight: bold;">=</span>&quot;cur&quot;
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #aaa; font-style: italic;"># Define one more level, create a copy of level 1</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
	<span style="color: #aaa; font-style: italic;"># add as many more levels as you need</span>
	<span style="color: #aaa; font-style: italic;"># 3 &lt; .1 etc.</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Replace foo with whatever marker or position in your TS array you want. If you want to do anything more fancy, you should really read <a href="http://typo3.org/documentation/document-library/references/doc_core_tsref/4.1.0/view/10/1/">the fine manual</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nkuttler.de/2008/10/08/very-simple-typo3-navigation/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<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>
