<?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>Luktsudd &#187; Artikel</title>
	<atom:link href="http://www.luktsudd.se/category/artikel/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.luktsudd.se</link>
	<description>En WordPressblogg till</description>
	<lastBuildDate>Sun, 29 Jan 2012 17:44:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Kategoribaserade style sheets</title>
		<link>http://www.luktsudd.se/2010/kategoribaserade-style-sheets/</link>
		<comments>http://www.luktsudd.se/2010/kategoribaserade-style-sheets/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 23:17:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Artikel]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Hemsidor]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.luktsudd.se/?p=169</guid>
		<description><![CDATA[<p>Ibland kanske man vill att olika kategorier skall avgöra hur posten ser ut. Jag vet att det ibland kan vara nödvändigt och därför tog  jag reda på hur man gjorde.</p> <p>Jag kommer inte fördjupa mig hur och varför, utan bara snabbt visa hur man gör. Läs mer för hela artikeln.</p> <p>Då kör vi<br /> Först [...]]]></description>
			<content:encoded><![CDATA[<p>Ibland kanske man vill att olika kategorier skall avgöra hur posten ser ut. Jag vet att det ibland kan vara nödvändigt och därför tog  jag reda på hur man gjorde.</p>
<p>Jag kommer inte fördjupa mig hur och varför, utan bara snabbt visa hur man gör. Läs mer för hela artikeln.</p>
<p><span id="more-169"></span><strong>Då kör vi</strong><br />
Först lägger du in detta stycke i din <strong><em>functions.php</em></strong></p>
<pre>&lt;?php
function the_category_unlinked($separator = ' ') {
$categories = (array) get_the_category();

$thelist = '';
foreach($categories as $category) {    // concate
$thelist .= $separator . $category-&gt;category_nicename;
}

echo $thelist;
}
?&gt;
</pre>
<p>Nu tänker vi att du har denna tagg runt din post.</p>
<pre>&lt;div class="post"&gt;
</pre>
<p>Nu lägger vi till koden som kontrollerar och skriver in din/dina kategorier.</p>
<pre>&lt;div class="post&lt;?php the_category_unlinked(' '); ?&gt;"&gt;</pre>
<p>Om vi nu tar som exempel att dina kategorier är <em><strong>banan </strong></em>och <em><strong>kaffe</strong></em>. Kommer då klassen bli så här.</p>
<pre>&lt;div class="post banan kaffe"&gt;</pre>
<p>Så här kan ett exempel i din CSS-fil se ut.</p>
<pre>.post {
  padding: 5px
}  

.banan {
    background-color: #f0f0f0;
}

.kaffe{
   font-size: 1.1em;
   background-image: url(images/kaffe.png) no-repeat top right;
}</pre>
<p>Vill du veta mer ingående följ denna länk.<br />
<a title="http://lorelle.wordpress.com" onclick="return TrackClick('http%3A%2F%2Florelle.wordpress.com','http%3A%2F%2Florelle.wordpress.com%2F2007%2F09%2F06%2Fusing-wordpress-categories-to-style-posts%2F')" href="http://lorelle.wordpress.com/2007/09/06/using-wordpress-categories-to-style-posts/" target="_blank">Using WordPress Categories To Style Posts</a></p>
<p>Fler tips hittar du på sidan <a href="http://www.luktsudd.se/2010/lat-dina-kategorier-avgora-hur-posten-skall-se-ut/" onclick="return TrackClick('http%3A%2F%2Fwww.luktsudd.se%2F2010%2Flat-dina-kategorier-avgora-hur-posten-skall-se-ut%2F','Informationsk%C3%A4llan')" target="_self">Informationskällan</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.luktsudd.se/2010/kategoribaserade-style-sheets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

