<?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>Jayj.dk &#187; Tips &amp; Tricks</title>
	<atom:link href="http://jayj.dk/category/tips-tricks/feed/" rel="self" type="application/rss+xml" />
	<link>http://jayj.dk</link>
	<description>WordPress, temaer og blog</description>
	<lastBuildDate>Wed, 11 Jan 2012 20:15:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>5 WordPress tricks</title>
		<link>http://jayj.dk/5-wordpress-tricks/</link>
		<comments>http://jayj.dk/5-wordpress-tricks/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 13:43:11 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=641</guid>
		<description><![CDATA[I denne uge har jeg gravet 5 WordPress tricks frem, som jeg vil dele med jer. Der er alt lige fra &#8220;shortcodes&#8221; til hvordan man gør sit tema oversættelse klar. Mastering WordPress Shortcodes WordPress Configuration Tricks Brug custom taxonomies til at lave en filmdatabase Fjern en kategori fra dit RSS Feed Gør dit tema oversættelse [...]]]></description>
			<content:encoded><![CDATA[<p>I denne uge har jeg gravet 5 WordPress tricks frem, som jeg vil dele med jer. Der er alt lige fra &#8220;shortcodes&#8221; til hvordan man gør sit tema oversættelse klar.</p>
<h3>Mastering WordPress Shortcodes</h3>
<p><a href="http://www.smashingmagazine.com/2009/02/02/mastering-wordpress-shortcodes"><img src="http://jayj.dk/wp-content/uploads/wordpress_shortcodes_3.jpg" alt="Wordpress Shortcodes" title="Wordpress Shortcodes" width="599" height="150" class="size-full wp-image-599" /></a></p>
<p><span id="more-641"></span></p>
<h3>WordPress Configuration Tricks</h3>
<p><a href="http://digwp.com/2009/06/wordpress-configuration-tricks"><img src="http://jayj.dk/wp-content/uploads/wp_config.jpg" alt="WP-Config" title="WP-Config" width="599" height="150" class="size-full wp-image-613" /></a></p>
<h3>Brug custom taxonomies til at lave en filmdatabase</h3>
<p><a href="http://justintadlock.com/archives/2009/06/04/using-custom-taxonomies-to-create-a-movie-database"><img src="http://jayj.dk/wp-content/uploads/movie_database.jpg" alt="Lav en filmdatabase" title="Lav en filmdatabase" width="599" height="150" class="size-full wp-image-615" /></a></p>
<h3>Fjern en kategori fra dit RSS Feed</h3>
<p><a href="http://yoast.com/exclude-category-feed/"><img src="http://jayj.dk/wp-content/uploads/remove_cat.jpg" alt="Fjern kategori fra RSS Feed" title="Fjern kategori fra RSS Feed" width="599" height="150" class="size-full wp-image-616" /></a></p>
<h3>Gør dit tema oversættelse klar</h3>
<p><a href="http://www.wprecipes.com/make-your-wordpress-theme-translatable"><img src="http://jayj.dk/wp-content/uploads/flags.jpg" alt="Gør dit tema oversættelse klar" title="Gør dit tema oversættelse klar" width="599" height="150" class="size-full wp-image-619" /></a></p>
<p>Kender du andre gode WordPress tutorials du vil dele med os andre? Så skriv en kommentar med linket til den <img src='http://jayj.dk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/5-wordpress-tricks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Lav en simpel hjemmeside på få minutter</title>
		<link>http://jayj.dk/lav-en-simpel-hjemmeside-pa-fa-minutter/</link>
		<comments>http://jayj.dk/lav-en-simpel-hjemmeside-pa-fa-minutter/#comments</comments>
		<pubDate>Mon, 01 Jun 2009 13:32:33 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[hjemmeside]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=629</guid>
		<description><![CDATA[Sad forleden og kiggede på nogle tutorials på Net.tutsplus.com og CSS-tricks.com om hvordan de lavede “screencasts”… Fik selv lyst til at lave en simpel, super nedern en &#8211; Så det har jeg gjort Det er nok en udmærket video for nye, da den hjemmeside er meget simpel. Selve videoen er på 8 minutter, og uden [...]]]></description>
			<content:encoded><![CDATA[<p>Sad forleden og kiggede på nogle tutorials på Net.tutsplus.com og CSS-tricks.com om hvordan de lavede “screencasts”… Fik selv lyst til at lave en simpel, super nedern en &#8211; Så det har jeg gjort <img src='http://jayj.dk/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Det er nok en udmærket video for nye, da den hjemmeside er meget simpel. Selve videoen er på 8 minutter, og uden lyd &#8211; Så forbred dig på 8 kedelige minutter xD</p>
<p><a href="http://s88.photobucket.com/albums/k189/JayJay_999/video/?action=view&#038;current=Createasimplewebsite.flv">Se i fuld størrelse</a></p>
<p><object type="application/x-shockwave-flash" width="448" height="361" data="http://s88.photobucket.com/flash/player.swf?file=http://vid88.photobucket.com/albums/k189/JayJay_999/video/Createasimplewebsite.flv"><param name="movie" value="http://s88.photobucket.com/flash/player.swf?file=http://vid88.photobucket.com/albums/k189/JayJay_999/video/Createasimplewebsite.flv"></param><param name="wmode" value="transparent"></param>
</object></p>
<p>Opdatering 01/11:</p>
<p>Du kan nu downloade en opdateret version her</p>
<div class="download single-download"><a href="http://jayj.dk/download/simpel-hjemmeside/"  title="Download Simpel hjemmeside (Downloaded 265 times)" class="download-link">Download</a></div>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/lav-en-simpel-hjemmeside-pa-fa-minutter/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>PHP gæstebog</title>
		<link>http://jayj.dk/php-g%c3%a6stebog/</link>
		<comments>http://jayj.dk/php-g%c3%a6stebog/#comments</comments>
		<pubDate>Mon, 04 May 2009 13:38:24 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[gæstebog]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=635</guid>
		<description><![CDATA[Dagens mandags tip er hvordan man kan lave en PHP gæstebog. Jeg vil ikke skrive et tutorial til hvordan man gør, men derimod anbefale Niels Gamborg&#8217;s tutorial. Scriptet er det samme som jeg bruger i min gæstebog, jeg har dog ændret lidt i den. Har blandt andet tilføjet muligheden for at bruge bbkode, og det [...]]]></description>
			<content:encoded><![CDATA[<p>Dagens mandags tip er hvordan man kan lave en PHP gæstebog. Jeg vil ikke skrive et tutorial til hvordan man gør, men derimod anbefale  Niels Gamborg&#8217;s tutorial. </p>
<p>Scriptet er det samme som jeg bruger i min gæstebog, jeg har dog ændret lidt i den. Har blandt andet tilføjet muligheden for at bruge bbkode, og det er så det næste uges mandags tip handler om. Så glæd dig til i næste uge <img src='http://jayj.dk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Gæstebog scriptet består af 4 dele.</p>
<ul>
<li>HTML-formular, hvor brugeren indtaster navn og gæsebogsindlæg</li>
<li>PHP script, der gemmer indholdet fra formularen i en database</li>
<li>PHP script, der der viser de tidligere indlæg på siden</li>
<li>MySQL script, der opretter den nødvendige tabel i din database</li>
</ul>
<p><a href="http://www.nielsgamborg.dk/?p=php&amp;u=gaestebog_script">Linket til Niels Gamborg&#8217;s gæstebog script findes her</a></p>
<p>Så var så dagens ret korte mandags tip, men husk at følg med i næste uge, hvor jeg fortæller hvordan du tilføjer bbkode til den (måske også hvordan man <em>næsten</em> spamsikrer den)</p>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/php-g%c3%a6stebog/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>&#8220;This video is not available in your country&#8221;</title>
		<link>http://jayj.dk/this-video-is-not-available-in-your-country/</link>
		<comments>http://jayj.dk/this-video-is-not-available-in-your-country/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 15:46:09 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[mandag]]></category>
		<category><![CDATA[spærring]]></category>
		<category><![CDATA[tip]]></category>
		<category><![CDATA[trick]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=421</guid>
		<description><![CDATA[Kender du det når du skal til at se en video på Youtube, og får beskeden: This video is not available in your country Der findes flere forskellige måder at omgå spærringen , og i dagens mandags tip vil jeg skrive om en af dem. Denne metode er faktisk utrolig simpel, det er bare at [...]]]></description>
			<content:encoded><![CDATA[<p>Kender du det når du skal til at se en video på <a href="http://youtube.com">Youtube</a>, og får beskeden:</p>
<p><span class="error"><strong>This video is not available in your country</strong></span></p>
<p>Der findes flere forskellige måder at omgå spærringen , og i dagens mandags tip vil jeg skrive om en af dem. Denne metode er faktisk utrolig simpel, det er bare at gå ind på hjemmesiden <a href="http://www.hidemyass.com/">Hide My Ass!</a>, tro det eller ej men Youtube.com står allerede skrevet i søgefelter <img src='http://jayj.dk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Tryk på knappen &#8220;Hide My Ass&#8221;, og så er der fuld drøn på videoerne <img src='http://jayj.dk/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Du kan også finde andre metoder ved hjælp af en <a href="http://www.google.dk/search?sourceid=navclient&#038;aq=0&#038;oq=this+vid&#038;hl=da&#038;ie=UTF-8&#038;rlz=1T4GGLL_daDK311DK311&#038;q=this+video+is+not+available+in+your+country.">hurtig Google søgning</a>.</p>
<p>Det var så dagens mandags tip. Hvis du har spørgsmål eller kommentarer, er du mere end velkommen til at skrive en kommentar. Du er mere end velkommen til at skrive idéer til andre tips!</p>
<p>Hvis du kunne lide tippet, og vil have flere så husk at <a href="http://feeds2.feedburner.com/jayjdk">Abonner på mit RSS Feed, hvor du også har mulighed for at få tippet leveret via mail.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/this-video-is-not-available-in-your-country/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Sæt lys på Facebook</title>
		<link>http://jayj.dk/lys-pa-facebook/</link>
		<comments>http://jayj.dk/lys-pa-facebook/#comments</comments>
		<pubDate>Sat, 18 Apr 2009 14:09:05 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Sjov]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[lys]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=652</guid>
		<description><![CDATA[p>Mandags tippet i dag er måske ikke så brugbart, men sjovt er det nu Faldte over en artikel på Noupe.com for nogle dage siden, hvor de fortalte om et fuldstændig ubrugeligt sjovt lille Facebook trick, der gør at når man klikker kommer der Lens Flare (lysglimt) I får lige et billede af det &#8211; et [...]]]></description>
			<content:encoded><![CDATA[<p>p>Mandags tippet i dag er måske ikke så brugbart, men sjovt er det nu <img src='http://jayj.dk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /><br />
Faldte over en artikel på Noupe.com for nogle dage siden, hvor de fortalte om et fuldstændig ubrugeligt sjovt lille Facebook trick, der gør at når man klikker kommer der Lens Flare (lysglimt)</p>
<p>I får lige et billede af det &#8211; et billede forklarer jo mere end 1000 ord<br />
<img src="http://jayj.dk/wp-content/uploads/facebook-lens-flare.png" alt="Facebook Lens Flare" title="Facebook Lens Flare" width="574" height="307" class="size-full wp-image-530" /></p>
<p>For at få det til at virke skal du trykke:<br />
<strong>Op, Op, Ned, Ned, Venstre, Højre, Venste, Højre, b, a, enter og klik </strong></p>
<p>Ubrugeligt? Sjovt? Helt sikkert!</p>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/lys-pa-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mandags tippet: Send en stor fil super nemt</title>
		<link>http://jayj.dk/mandags-tippet-stor-fil-nemt/</link>
		<comments>http://jayj.dk/mandags-tippet-stor-fil-nemt/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 18:07:18 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[drop]]></category>
		<category><![CDATA[drop.io]]></category>
		<category><![CDATA[filer]]></category>
		<category><![CDATA[mandag]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[tippet]]></category>
		<category><![CDATA[trick]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=418</guid>
		<description><![CDATA[<div><a href="http://jayj.dk/mandags-tippet-stor-fil-nemt/" title="Mandags tippet: Send en stor fil super nemt"><img width="100" height="100" src="http://jayj.dk/wp-content/uploads/dropio.jpg" class="attachment-post-thumbnail wp-post-image" alt="dropio" title="dropio" /></a></div>Denne uges Mandags tip handler om, hvordan man kan sende en stor fil over nettet utroligt nemt. Hjemmesiden Drop.io giver dig mulighed for at gemme store filer online i et år. Den er fulstændig gratis, og man behøver ikke engang at oprette en bruger Opdatering: Den 29. oktober 2010 blev firmaet bag købt af Facebook, [...]]]></description>
			<content:encoded><![CDATA[<div><a href="http://jayj.dk/mandags-tippet-stor-fil-nemt/" title="Mandags tippet: Send en stor fil super nemt"><img width="100" height="100" src="http://jayj.dk/wp-content/uploads/dropio.jpg" class="attachment-post-thumbnail wp-post-image" alt="dropio" title="dropio" /></a></div><p>Denne uges Mandags tip handler om, hvordan man kan sende en stor fil over nettet utroligt nemt.<br />
Hjemmesiden Drop.io giver dig mulighed for at gemme store filer online i et år. Den er fulstændig gratis, og man behøver ikke engang at oprette en bruger <img src='http://jayj.dk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p class="warning noicon"><strong>Opdatering:</strong> Den 29. oktober 2010 blev firmaet bag købt af Facebook, hvilket betyder siden nu er lukket. </p>
<p>Når man kommer ind på siden, er der en boks hvor man kan vælge &#8220;Drop name&#8221;, som er adressen hvor alle ens uploadet filer er. Man har også mulighed for at uploade en fil med det samme, som kan fylde helt op til <strong>100 mb</strong>! Man har også mulighed for at vælge kodeord, og hvornår filen skal slettes igen. </p>
<p>Det var så dagens mandags tip. Hvis du har spørgsmål eller kommentarer, er du mere end velkommen til at skrive en kommentar. Du er mere end velkommen til at skrive idéer til andre tips!</p>
<p>Hvis du kunne lide tippet, og vil have flere så husk at <a href="http://feeds2.feedburner.com/jayjdk">Abonner på mit RSS Feed, hvor du også har mulighed for at få tippet leveret via mail.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/mandags-tippet-stor-fil-nemt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mandags tippet: Flyt javascript ned til footeren</title>
		<link>http://jayj.dk/javascript-ned-til-footer/</link>
		<comments>http://jayj.dk/javascript-ned-til-footer/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 13:28:17 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[mandag]]></category>
		<category><![CDATA[mandags]]></category>
		<category><![CDATA[tip]]></category>
		<category><![CDATA[tippet]]></category>
		<category><![CDATA[trick]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=406</guid>
		<description><![CDATA[Så er mandags tippet tilbage, godt nok lidt forsinket. Tippet i dag, er igen et tip man kan bruge, hvis man har en hjemmeside. Det handler om at man kan mindske loadtiderne på sine sider, ved at flytte sit javascript ned til footeren, istedet for i toppen. Du kan læse mere om det på Yahoo&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>Så er mandags tippet tilbage, godt nok lidt forsinket. Tippet i dag, er igen et tip man kan bruge, hvis man har en hjemmeside. Det handler om at man kan mindske loadtiderne på sine sider, ved at flytte sit javascript ned til footeren, istedet for i toppen. Du kan læse mere om det på <a href="http://developer.yahoo.com/performance/rules.html#js_bottom">Yahoo&#8217;s &#8220;Best Practices for Speeding Up Your Web Site&#8221;</a></p>
<p><span id="more-406"></span></p>
<p>Her er et eksempel på en side med javascriptet i toppen</p>
<pre class="prettyprint lang-html">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Titel&lt;/title&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/javascript.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Lorem Ipsum&lt;/h1&gt;
&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Så flytter vi ganske simpelt javascriptet ned til bunden. Det vil ikke gøre alverdens lige i dette eksempel, men hvis du bruger meget javascript, kan det gøre en forskel.</p>
<pre class="prettyprint lang-html">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Titel&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Lorem Ipsum&lt;/h1&gt;
&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;js/javascript.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Hvis du bruger WordPress, kan du også sænke loadtiderne ved at lade vær med at loade et bestemt javascript, på sider der ikke behøver det. Det gør du med <a href="http://codex.wordpress.org/Conditional_Tags">Conditional Tags</a></p>
<p>Hvis du kun vil loade et javascript på forsiden kan du bruge is_home() </p>
<pre class="prettyprint lang-php">
&lt;?php if(is_home()) { ?&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;/js/forsidejavascript.js&quot;&gt;&lt;/script&gt;
&lt;?php }?&gt;
</pre>
<p>Du kan se flere Conditional Tags på <a href="http://codex.wordpress.org/Conditional_Tags" title="Conditional Tags">WordPress Codex siden, der handler om det.</a></p>
<p>Det var så dagens mandags tip, godt nok lidt forsinket. Hvis du har spørgsmål eller kommentarer, er du mere end velkommen til at skrive en kommentar. Du er mere end velkommen til at skrive idéer til andre tips!</p>
<p>Det var altså mandags tippet for denne gang. Hvis du kunne lide tippet, og vil have flere så husk at <a href="http://feeds2.feedburner.com/jayjdk">Abonner på mit RSS Feed, hvor du også har mulighed for at få tippet leveret via mail.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/javascript-ned-til-footer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mandags tippet: Centrer din hjemmeside</title>
		<link>http://jayj.dk/centrer-din-hjemmeside/</link>
		<comments>http://jayj.dk/centrer-din-hjemmeside/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 13:26:47 +0000</pubDate>
		<dc:creator>Jesper</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[mandag]]></category>
		<category><![CDATA[mandags]]></category>
		<category><![CDATA[tippet]]></category>
		<category><![CDATA[trick]]></category>

		<guid isPermaLink="false">http://jayj.dk/?p=363</guid>
		<description><![CDATA[I dag starter en ny &#8220;serie&#8221; her på Jayj.dk. Nemlig Mandags tippet. Hver mandag vil der komme et tip af mulige slags. Dagens tip er til hvordan man får centreret sin hjemmeside. Det er en ganske simpel metode der bruges. Lad os starte med en simpel side &#60;!DOCTYPE html&#62; &#60;html&#62; &#60;head&#62; &#60;title&#62;Min hjemmeside&#60;/title&#62; &#60;/head&#62; &#60;body&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>I dag starter en ny &#8220;serie&#8221; her på Jayj.dk. Nemlig Mandags tippet. Hver mandag vil der komme et tip af mulige slags.</p>
<p>Dagens tip er til hvordan man får centreret sin hjemmeside. Det er en ganske simpel metode der bruges.</p>
<p><span id="more-363"></span></p>
<p>Lad os starte med en simpel side</p>
<pre class="prettyprint lang-html">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Min hjemmeside&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Min overskrift&lt;/h1&gt;
&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Hvor vi så har dette i vores css:</p>
<pre class="prettyprint lang-css">
body {
	background: #ccc;
}
</pre>
<p>For at kunne få hjemmesiden centreret, skal vi have &#8220;rammet den ind&#8221;, som gøres ved at vi opretter en div rundt om indholdet.</p>
<p>Nu ser vores HTML sådan her ud:</p>
<pre class="prettyprint lang-html">
&lt;div id=&quot;ramme&quot;&gt;
&lt;h1&gt;Min overskrift&lt;/h1&gt;
&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. &lt;/p&gt;
&lt;/div&gt;
</pre>
<p>Det vi har gjort, er at vi har lavet en div, hvor side indholdet er. Den behøver selvfølgelig ikke at hedde ramme, men hvis du skifter ID navnet, skal du også huske at rette navnet i css&#8217;en.</p>
<p>Men siden er ikke centreret endnu. Det gør vi ved at tilføje følgende til vores css style</p>
<pre class="prettyprint lang-css">
#ramme {
        width: 800px;
        margin: 0 auto;
}
</pre>
<p>Den første linje er det vi har kaldt vores ramme div. Width er bredden på siden, det skal du selvfølgelig rette til efter hvor bred din side skal være.<br />
Margin: 0 auto; betyder at den er 0 px fra toppen og bunden og auto px fra venstre og højre.</p>
<p>I stedet kunne vi også bruge denne kode, men den første er mere simpel</p>
<pre class="prettyprint lang-css">
#ramme {
	width: 800px;
        margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
</pre>
<p>Så skulle din side gerne være centreret. Hvis du har spørgsmål eller kommentarer, er du mere end velkommen til at skrive en kommentar. Du er også velkommen til at skrive idéer til andre tips!</p>
<p>Det var altså mandags tippet for denne gang. Hvis du kunne lide tippet, og vil have flere så husk at <a href="http://feeds2.feedburner.com/jayjdk">Abonner på mit RSS Feed, hvor du også har mulighed for at få tippet leveret via mail</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jayj.dk/centrer-din-hjemmeside/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 16/23 queries in 0.026 seconds using disk: basic

Served from: jayj.dk @ 2012-02-05 01:21:27 -->
