<?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>Tiitun blogi &#187; css</title>
	<atom:link href="http://www.tiitula.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tiitula.com</link>
	<description>Ajatuksia maailmasta ja palasia elämästä</description>
	<lastBuildDate>Sat, 28 Jan 2012 17:41:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Uusi ulkoasu</title>
		<link>http://www.tiitula.com/uusi-ulkoasu/</link>
		<comments>http://www.tiitula.com/uusi-ulkoasu/#comments</comments>
		<pubDate>Wed, 17 Dec 2008 19:58:14 +0000</pubDate>
		<dc:creator>Tiitu</dc:creator>
				<category><![CDATA[Blogin teko]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[sandbox]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.tiitula.com/?p=440</guid>
		<description><![CDATA[Sivujen uusi ulkoasu alkaa olla valmis. Olisihan siinä vielä jotain viilattavaa, esim. tuo yläpalkin ja taustan saumojen häivyttäminen jne. En sittenkään tehnyt ulkoasua aiemman suunnitelmani mukaan. Kubrick-teeman sijaan käytin Sandbox-teemaa pohjalla, koska siihen oli valmis suomennoskin olemassa. Koodissa muutin muutamien elementtien paikkaa, mutta muuten tein työn lähinnä pelkästään muokkaamalla css-tyylitiedostoa, mikä on hyvä juttu. Samalla [...]]]></description>
			<content:encoded><![CDATA[<p>Sivujen uusi ulkoasu alkaa olla valmis. Olisihan siinä vielä jotain viilattavaa, esim. tuo yläpalkin ja taustan saumojen häivyttäminen jne. En sittenkään tehnyt ulkoasua <a href="http://www.tiitula.com/suunnittele-oma-wordpress-teema/">aiemman suunnitelmani</a> mukaan. Kubrick-teeman sijaan käytin <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox-teemaa</a> pohjalla, koska siihen oli valmis <a href="http://raulihaverinen.fi/wordpress/suomeksi/">suomennoskin</a> olemassa. Koodissa muutin muutamien elementtien paikkaa, mutta muuten tein työn lähinnä pelkästään muokkaamalla css-tyylitiedostoa, mikä on hyvä juttu.</p>
<p>Samalla uusin myös osoitteiston rakenteen. Nyt kaikkien postausten ja sivujen osoite on tiitula.com/postauksen_nimi. Googelssi voi olla hetken aikaa hieman sekaisin.</p>
<p>Ja nyt on muuten validi koodi, sekä xhtml strict että css. <img src='http://www.tiitula.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tiitula.com">Kokeile vaikka</a>!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tiitula.com/uusi-ulkoasu/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Jos et tykkää retrosta, niin vaihda tyyliä</title>
		<link>http://www.tiitula.com/jos-et-tykkaa-retrosta-niin-vaihda-tyylia/</link>
		<comments>http://www.tiitula.com/jos-et-tykkaa-retrosta-niin-vaihda-tyylia/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 16:49:38 +0000</pubDate>
		<dc:creator>Tiitu</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[blogit]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.tiitula.com/?p=293</guid>
		<description><![CDATA[Olen löytänyt hyviä Web Design -blogeja (Smashing Magazine ja Web Designer Wall). Niiden inspiroimana ajattelin, että voisin luoda blogille jossain vaiheessa uusia grafiikoita. Koska kaikkea ei kuitenkaan voi änkeä samaan ulkoasuun ja jatkuvassa ulkoasun vaihtelussa ei ole järkeä, niin olen puukottanut blogin php-koodia niin, että blogini lukija voi nyt itse vaihtaa tyyliä linkkiä klikkaamalla. Tällä [...]]]></description>
			<content:encoded><![CDATA[<p>Olen löytänyt hyviä Web Design -blogeja (<a href="http://www.smashingmagazine.com/">Smashing Magazine</a> ja <a href="http://www.webdesignerwall.com/">Web Designer Wall</a>). Niiden inspiroimana ajattelin, että voisin luoda blogille jossain vaiheessa uusia grafiikoita. Koska kaikkea ei kuitenkaan voi änkeä samaan ulkoasuun ja jatkuvassa ulkoasun vaihtelussa ei ole järkeä, niin olen puukottanut blogin php-koodia niin, että blogini lukija voi nyt itse vaihtaa tyyliä linkkiä klikkaamalla.</p>
<p>Tällä hetkellä ei ole olemassa kuin tämä tyyli ja &#8220;ei tyyliä ollenkaan&#8221;. Tuo &#8220;ei tyyliä ollenkaan&#8221; vaihtoehto on tosin varmaan erilaisia graafisia tyylejä arvokkaampi saavutettavuuden kannalta. Esimerkiksi kännykällä ja PDA-laitteilla blogia voi olla mukavampi lukea ilman tyylitiedostoa, koska ei joudu lataamaan ulkoasuun liittyviä grafiikoita, eikä sivua ole pakotettu tietyn levyiseksi, jolloin käyttäjä ei joudu seilamaan ylös ja alas -suunnan lisäksi myös oikealle ja vasemmalle. (Tosin ymmärtääkseni PDA-laitteille voi myös antaa käskyn olla huomioimatta CSS-tyylitiedostoja ilman, että sivuston tekijä tarjoaa siihen tarkoitetun linkin.)</p>
<p>Ja tässä ne ovat (klikkaa linkistä tyyli pois ja toisesta takaisin päälle):</p>
<p><a href="?style=2">Ei tyyliä ollenkaan</a></p>
<p><a href="?style=1">Tyyli takaisin päälle</a></p>
<p>Toteutuksesta sen verran, että monesti tyylinvaihtaja kai tehdään JavaScriptin avulla, mutta itse käytin tuohon PHP:tä. Käyttäjän valitsema tyyli otetaan suoraan linkistä yleisesti lomakkeissa käytetyn GET-metodin avulla. If-loopin avulla valitaan oikea tyylitiedosto. Selain muistaa valitun tyylin istunnon (session) avulla sivuja vaihdettaessakin.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tiitula.com/jos-et-tykkaa-retrosta-niin-vaihda-tyylia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

