<?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>CodeJoust Blog &#187; hint</title>
	<atom:link href="http://iain.codejoust.com/tag/hint/feed/" rel="self" type="application/rss+xml" />
	<link>http://iain.codejoust.com</link>
	<description>Iain's thoughts, ideas, interests from CodeJoust</description>
	<lastBuildDate>Wed, 07 Jul 2010 21:05:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HTML Background Changer</title>
		<link>http://iain.codejoust.com/2009/05/html-background-changer/</link>
		<comments>http://iain.codejoust.com/2009/05/html-background-changer/#comments</comments>
		<pubDate>Mon, 04 May 2009 18:07:53 +0000</pubDate>
		<dc:creator>Iain</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[hint]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://iain.codejoust.com/?p=40</guid>
		<description><![CDATA[Hi Everyone!
I recently have had a few comments about the background image changer.
This post is for those who wish to do this on their blog etc.
The code is under a creative commons license (you need to keep in the comment by blah&#8230; etc)
&#8212;
&#8211; In this demo I will be using &#8220;-your image url-&#8221; as &#8220;http://img.wherever.com/image.jpg&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>Hi Everyone!</p>
<p>I recently have had a few comments about the background image changer.<br />
This post is for those who wish to do this on their blog etc.<br />
The code is under a creative commons license (you need to keep in the comment by blah&#8230; etc)<br />
&#8212;<br />
&#8211; In this demo I will be using &#8220;-your image url-&#8221; as &#8220;http://img.wherever.com/image.jpg&#8221; etc. and &#8221; /*-your color-*/ &#8221; as a hex color code (can get those here http://www.colorschemer.com/online.html) which are preceded by a # and are 6 digits, color names can work also. (get rid of /*- and the */ when inserting your value, repace it with the other string.</p>
<p>The code:</p>
<p>In your blogger edit layout tab there is another tab that says edit html.<br />
Put this code right before the in the blog html add :</p>
<p><code>background-color: /*-your defalt color here-*/ !important;<br />
background-position: /*-possible values here are top, bottom, and center, left, right-*/ !important;<br />
background-image: url(/*-your background url-*/) !important;</code><br />
<code>/*background code changer by JPN3 Consulting, (http://jpn3.blogspot.com/, http://jpn3.50webs.com/) /*<br />
</code></p>
<p>Then, create a module called HTML/Javascript:</p>
<p>In that paste this code (with your modifications) (if your want to make a different background link, just copy from the &lt;a&gt; to the &lt;/a&gt; and paste, you&#8217;ll have another link. if you want a line break inbetween the links, insert &lt;br /&gt; inbetween the &lt;/a&gt; and &lt;a&gt; tags.</p>
<blockquote><p>&lt;a href=&#8221;#&#8221; onclick=&#8221;document.body.style.backgroundImage = &#8216;url(/*-your background image url-*/)&#8217;;document.body.style.backgroundColor = &#8216;/*-background color-*/;&#8221;&gt; /*-link text-*/&lt;/a&gt; | &lt;br /&gt;</p>
<p>&lt;href=&#8221;#&#8221; onclick=&#8221;document.body.style.backgroundImage = &#8216;url(/*-your background image url-*/)&#8217;;document.body.style.backgroundColor = &#8216;/*-background color-*/;&#8221;&gt; /*-link text 2-*/&lt;/a&gt;&lt;!&#8211; code by JPN3 Consulting (http://jpn3.50webs.com/)(http://jpn3.blogspot.com/) &#8211;&gt;</p></blockquote>
<div style="text-align: left;"><span style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">And that should be all, </span>I probably made a typo ect, because I don&#8217;t have time to test this version, so, if you have any problems, post a comment with your problem and a link to what page your trying to implement it on. If you want any features and/or help, you can comment on this post also.</div>
<div style="text-align: left;">Iain Nash</div>
<p><span style="font-family: monospace;"> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://iain.codejoust.com/2009/05/html-background-changer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
