<?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>More Than Scratch The Surface &#187; colour selector</title>
	<atom:link href="http://www.scratch99.com/tag/colour-selector/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.scratch99.com</link>
	<description>A Journey In Web Development</description>
	<lastBuildDate>Mon, 30 Aug 2010 23:52:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>WordPress &#8211; Colour Selector For Text Boxes in Posts</title>
		<link>http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/</link>
		<comments>http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/#comments</comments>
		<pubDate>Mon, 25 Jun 2007 15:52:58 +0000</pubDate>
		<dc:creator>Stephen Cronin</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[colour selector]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/</guid>
		<description><![CDATA[Copyright © 2010 Stephen Cronin. Visit the original article at http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/.You do not have Javascript Enabled. This page will not display properly. In recent posts, I outlined how to create both simple and rounded text boxes within a post. I&#8217;ve now created a Colour Selector for both types of text boxes, which allows you to [...]]]></description>
			<content:encoded><![CDATA[Copyright © 2010 <a href="http://www.scratch99.com">Stephen Cronin</a>. Visit the original article at <a href="http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/">http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/</a>.<br /><p><script src="http://www.scratch99.com/colorselector/script.js" type="text/javascript"></script><noscript><strong>You do not have Javascript Enabled. This page will not display properly.</strong></noscript></p>
<p>In recent posts, I outlined how to create both <a href="http://www.scratch99.com/2007/06/wordpress-simple-css-text-boxes-in-posts/" title="My previous blog outlining how to create simple text boxes in posts, using CSS.">simple</a> and <a href="http://www.scratch99.com/2007/06/wordpress-rounded-text-boxes-in-posts/" title="My post on creating rounded text boxes within a post">rounded</a> text boxes within a post.  I&#8217;ve now created a Colour Selector for both types of text boxes, which allows you to select colours you want, see a preview of the text box, then gives you the code for it.  Try it below! (may take some time to load the image)</p>
<h3>Colour Selector</h3>
<form id="typeofbox" name="typeofbox" style="text-align:left" action="http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/"><strong>Type Of Box</strong><br />
<input type="radio" name="tob" value="rounded" checked="checked" onclick='changeboxtype("rounded")' />Rounded TextBox<br />
<input type="radio" name="tob" value="external" onclick='changeboxtype("external")' />Simple TextBox &#8211; External CSS<br />
<input type="radio" name="tob" value="inline" onclick='changeboxtype("inline")' />Simple TextBox &#8211; Inline CSS</form>
<input class="color" value="#EEEEEE" style="visibility:hidden" />
<form id="colourtype" name="userinput" style="text-align:left" action="http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/"><strong>Area To Colour</strong><br />
<input type="radio" name="r1" value="background" checked="checked" onclick='changewhat("background")' />Background Colour<br />
<input type="radio" name="r1" value="font" onclick='changewhat("font")' />Font Colour<span id="borderradio" style="visibility:hidden"><br />
<input type="radio" name="r1" value="border" onclick='changewhat("border")' />Border Colour</span></form>
<h3>Preview:</h3>
<div id="egbox">
<div class="rtextbox"><span class="rtop"><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span>
<div class="rtextboxinside">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<p><span class="rbottom"><span class="r4"></span><span class="r3"></span><span class="r2"></span><span class="r1"></span></span></div>
</div>
<h3>Code:</h3>
<div id="instructions" style="font-size:.9em">Copy the following code to the end of your external CSS file.  See my <a href="http://www.scratch99.com/2007/06/wordpress-rounded-text-boxes-in-posts/#setupstyle" title="How to setup rounded text boxes within a post">rounded text boxes</a> post for information on this and on calling the style.</div>
<div id="egcode" style="margin-left:20px; text-align:left; font-size:.9em; border: #dddddd 1px solid; width:420px; padding:10px">Code will go here when generated</div>
<p>Note: If your background is not white, you will need to replace the #FFF with the appropriate hex code for your background colour.  If you are unsure what your background colour is, I&#8217;d suggest using a Firefox extension, such as <a href="http://www.iosart.com/firefox/colorzilla/" title="The ColorZilla Firefox Extension which tells you the color of elements on your page">ColorZilla</a> or <a href="https://addons.mozilla.org/en-US/firefox/addon/60" title="The Web Developer Firefox Extension which includes many useful functions, including one which displays all the colours on your page">Web Developer</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.scratch99.com/2007/06/wordpress-colour-selector-for-text-boxes-in-posts/feed/</wfw:commentRss>
		<slash:comments>11</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 using disk
Object Caching 378/406 objects using disk

Served from: www.scratch99.com @ 2010-09-10 19:25:25 -->