<?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>logon2 Blog &#187; tools</title>
	<atom:link href="http://www.logon2.com.au/blog/archive/category/tools/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.logon2.com.au/blog</link>
	<description>Better use of the web for everybody</description>
	<lastBuildDate>Tue, 13 Jul 2010 12:44:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Introducing the Lovely Caption Maker</title>
		<link>http://www.logon2.com.au/blog/archive/web-design/introducing-the-lovely-caption-maker/</link>
		<comments>http://www.logon2.com.au/blog/archive/web-design/introducing-the-lovely-caption-maker/#comments</comments>
		<pubDate>Wed, 18 Jun 2008 21:35:42 +0000</pubDate>
		<dc:creator>Tim</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[accessible]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[lovely]]></category>
		<category><![CDATA[overlay]]></category>
		<category><![CDATA[ribbon]]></category>
		<category><![CDATA[sematic]]></category>
		<category><![CDATA[valid]]></category>

		<guid isPermaLink="false">http://www.logon2.com.au/blog/?p=103</guid>
		<description><![CDATA[A recent trend I&#8217;ve noticed on some Australian media websites has been evoking my interest for a few months now. Sites like The Age and Fox FM have started overlaying a lovely coloured banner with a caption over feature images. The great thing is, they&#8217;re not rendered but glorious SEO-friendly and accessible HTML and CSS. [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/"><img align="right" title="Lovely Caption Maker - Valid Accessible SEO Friendly Transparent CSS Coloured Overlay Caption" src="http://www.logon2.com.au/blog/wp-content/lovely-caption-maker.png" alt="Lovely Caption Maker CSS Transparent Overlay" width="155" height="37" /></a>A recent trend I&#8217;ve noticed on some Australian media websites has been evoking my interest for a few months now. Sites like <a href="http://www.theage.com.au/" target="_blank">The Age</a> and <a href="http://www.foxfm.com.au/" target="_blank">Fox FM</a> have started overlaying a lovely coloured banner with a caption over feature images. The great thing is, they&#8217;re not rendered but glorious <em>SEO-friendly </em>and <em>accessible </em>HTML and CSS. I&#8217;m not surprised, however, since <a href="http://www.theage.com.au/" target="_blank">The Age</a> and <a href="http://www.foxfm.com.au/" target="_blank">Fox FM</a> have always been trend early adopters. <a href="http://www.abc.net.au/">The ABC </a>still beats them, though.
</p>

<p>
Unfortunately, this effect can&#8217;t be achieved without knowing and entering the width and height of an image &#8211; making it kind of tedious to implement. After deciding that I&#8217;d like to use it with wordpress posts, it was decided that a tool should be built. And then <a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/">The Lovely Caption Maker</a> was born. Here&#8217;s an example of Lovely Caption Maker&#8217;s glory:
</p>

<style type="text/css">
.feature {
		position:relative;
		width:360px;
		height:480px;
	}
	
	.feature img {
		position:relative;
	}
	
	.feature .caption h3 {
		margin-bottom:0.25em;
		margin-top:0.25em;
	}
	
	.feature .caption p {
		margin-bottom:0.5em;
		margin-left:0.25em;
	}
	
	.feature .caption {
		position:absolute;
		width:340px; 
		bottom:0;
		left:0;
		
		margin:5px;
		
		padding-left:5px;
		padding-right:5px;

		color:#FFFFFF;
		background:#f4489a;
		
		opacity: 0.82;
		-moz-opacity: 0.82;
		filter: alpha(opacity=82);
	}
</style>

	<div class="feature">
		<img src="http://www.logon2.com.au/blog/wp-content/dsc01092.jpg" alt="This Is How We Party" width="360" height="480">
		<div class="caption">
			<h3>This Is How We Party</h3>			<p>Expressing ourselves on the last day of year twelve in 2006. Very sexy stuff.</p>		</div>
	</div>
<h3>Related Posts:</h3><ul class="related_post"><li><a href="http://www.logon2.com.au/blog/archive/coding/pretty-smarties/pretty-smarties-05-pretty-urls-smarty-templates-and-faster-web-design/" title="Pretty Smarties 0.5 &#8211; Pretty URLs, Smarty Templates and Faster Web Design">Pretty Smarties 0.5 &#8211; Pretty URLs, Smarty Templates and Faster Web Design</a></li><li><a href="http://www.logon2.com.au/blog/archive/coding/coding-php/processing-php-code-in-css-files-to-improve-productivity-and-browser-cross-compatibility-using-apache/" title="Processing PHP Code in CSS files to Improve Productivity and Browser Cross-Compatibility (using Apache)">Processing PHP Code in CSS files to Improve Productivity and Browser Cross-Compatibility (using Apache)</a></li><li><a href="http://www.logon2.com.au/blog/archive/web-design/nicer-footer-navigation-with-pseudo-selectors/" title="Nicer Footer Navigation with pseudo-selectors">Nicer Footer Navigation with pseudo-selectors</a></li><li><a href="http://www.logon2.com.au/blog/archive/troubleshooting/accessible-valid-dropdown-menu-or-popup-menu-using-css-and-semantic-html/" title="Accessible, Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML">Accessible, Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML</a></li><li><a href="http://www.logon2.com.au/blog/archive/web-design/xhtml-and-html5-compliant-flash-stop-using-embed-and-invalid-xhtmlhtml5/" title="XHTML and HTML5 Compliant Flash &#8211; Stop Using Embed and Invalid XHTML/HTML5">XHTML and HTML5 Compliant Flash &#8211; Stop Using Embed and Invalid XHTML/HTML5</a></li><li><a href="http://www.logon2.com.au/blog/archive/web-design/pngs-have-different-colours-in-different-browsers/" title="PNGs Have Different Colours in Different Browsers?">PNGs Have Different Colours in Different Browsers?</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.logon2.com.au/blog/archive/web-design/introducing-the-lovely-caption-maker/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New Tool &#8211; YouTube Music on MySpace</title>
		<link>http://www.logon2.com.au/blog/archive/tools/new-tool-youtube-music-on-myspace/</link>
		<comments>http://www.logon2.com.au/blog/archive/tools/new-tool-youtube-music-on-myspace/#comments</comments>
		<pubDate>Wed, 19 Dec 2007 11:43:56 +0000</pubDate>
		<dc:creator>Tim</dc:creator>
				<category><![CDATA[MySpace]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[profile]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.logon2.com.au/blog/archive/tools/new-tool-youtube-music-on-myspace/</guid>
		<description><![CDATA[After being asked a number of times how to get YouTube music on peoples&#8217; MySpace profile, I made a tool that generates the code to: Put music from a YouTube video into your MySpace profile, bulletin, blog, comment or anywhere else you can post HTML. Just enter the URL of the page that the YouTube [...]]]></description>
			<content:encoded><![CDATA[<p>After being asked a number of times how to get YouTube music on peoples&#8217; MySpace profile, I made a tool that generates the code to:</p>
<ul>
<li><strong>Put music from a YouTube video into your MySpace profile, bulletin, blog, comment or anywhere else you can post HTML.<br />
</strong></li>
</ul>
<hr />
Just enter the URL of the page that the YouTube video is on and we&#8217;ll give you the code:</p>
<form action="/tools/myspace-hidden-music/" method="post" enctype="application/x-www-form-urlencoded" name="form1"> YouTube Video URL:<br />
<input name="url" id="URL" type="text" /> <span class="meta">(<a href="#">don&#8217;t know how to get the URL?</a>)<br />
<input name="generate" value="Generate YouTube Music  Code" type="submit" /> </span></form>
<p>
<hr /></p>
<h3>Related Posts:</h3><ul class="related_post"><li><a href="http://www.logon2.com.au/blog/archive/troubleshooting/download-soundtrack-from-youtube-videos/" title="Download Music From YouTube Videos &#8211; From YouTube to MP3">Download Music From YouTube Videos &#8211; From YouTube to MP3</a></li><li><a href="http://www.logon2.com.au/blog/archive/web-design/xhtml-and-html5-compliant-flash-stop-using-embed-and-invalid-xhtmlhtml5/" title="XHTML and HTML5 Compliant Flash &#8211; Stop Using Embed and Invalid XHTML/HTML5">XHTML and HTML5 Compliant Flash &#8211; Stop Using Embed and Invalid XHTML/HTML5</a></li><li><a href="http://www.logon2.com.au/blog/archive/tools/myspace-convert-text-to-html/" title="MySpace &#8211; Convert Text to HTML">MySpace &#8211; Convert Text to HTML</a></li><li><a href="http://www.logon2.com.au/blog/archive/myspace/choose-myspace-comment-colors-fonts-and-sizes/" title="Choose MySpace Comment Colors, Fonts and Sizes">Choose MySpace Comment Colors, Fonts and Sizes</a></li><li><a href="http://www.logon2.com.au/blog/archive/troubleshooting/youtube-videos-choppy-or-slow/" title="YouTube Videos Choppy or Slow">YouTube Videos Choppy or Slow</a></li><li><a href="http://www.logon2.com.au/blog/archive/troubleshooting/download-youtube-videos/" title="Download YouTube Videos &#8211; Also burn them to DVD">Download YouTube Videos &#8211; Also burn them to DVD</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.logon2.com.au/blog/archive/tools/new-tool-youtube-music-on-myspace/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>MySpace &#8211; Convert Text to HTML</title>
		<link>http://www.logon2.com.au/blog/archive/tools/myspace-convert-text-to-html/</link>
		<comments>http://www.logon2.com.au/blog/archive/tools/myspace-convert-text-to-html/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 08:31:37 +0000</pubDate>
		<dc:creator>Tim</dc:creator>
				<category><![CDATA[MySpace]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[size]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.logon2.com.au/blog/archive/tools/myspace-convert-text-to-html/</guid>
		<description><![CDATA[Put in your text, choose MySpace Comment Color, MySpace Comment Font and MySpace Comment Size, click &#34;Change to HTML&#34; and we will style it and convert it into HTML for you Color: aqua black blue gray green lime maroon navy olive purple red silver teal white yellow &#8230; Font: Arial Arial Black Comic Sans MS [...]]]></description>
			<content:encoded><![CDATA[<p><em>Put in your text, choose MySpace Comment Color, MySpace Comment Font and MySpace Comment Size, click &quot;Change to HTML&quot; and we will style it and convert it into HTML</em> for you <img src='http://www.logon2.com.au/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </p>
<form method="post" action="/tools/myspace-comment-styler-convert-text-to-html/">
<div> Color: </p>
<select name="color">
<option value="aqua">aqua</option>
<option selected="selected" value="black">black</option>
<option value="blue">blue</option>
<option value="gray">gray</option>
<option value="green">green</option>
<option value="lime">lime</option>
<option value="maroon">maroon</option>
<option value="navy">navy</option>
<option value="olive">olive</option>
<option value="purple">purple</option>
<option value="red">red</option>
<option value="silver">silver</option>
<option value="teal">teal</option>
<option value="white">white</option>
<option value="white">yellow</option>
</select>
<p>	&#8230; Font: </p>
<select name="face">
<option value="Arial" selected="selected">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier New">Courier New</option>
<option value="Georgia">Georgia</option>
<option value="Impact">Impact</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Trebuchet MS">Trebuchet MS</option>
<option value="aqua">Verdana</option>
</select>
<p>	&#8230; Size:</p>
<select name="size">
<option value="-3">-3</option>
<option value="-2">-2</option>
<option value="-1">-1</option>
<option value="0">0</option>
<option selected="selected" value="+1">+1</option>
<option value="+2">+2</option>
<option value="+3">+3</option>
</select></div>
<div>
	<textarea name="text" cols="50" rows="10" id="text"></textarea>
	</div>
<div>
<input type="submit" value="Change to HTML" /></div>
</form>
<h3>Related Posts:</h3><ul class="related_post"><li><a href="http://www.logon2.com.au/blog/archive/myspace/choose-myspace-comment-colors-fonts-and-sizes/" title="Choose MySpace Comment Colors, Fonts and Sizes">Choose MySpace Comment Colors, Fonts and Sizes</a></li><li><a href="http://www.logon2.com.au/blog/archive/coding/coding-php/processing-php-code-in-css-files-to-improve-productivity-and-browser-cross-compatibility-using-apache/" title="Processing PHP Code in CSS files to Improve Productivity and Browser Cross-Compatibility (using Apache)">Processing PHP Code in CSS files to Improve Productivity and Browser Cross-Compatibility (using Apache)</a></li><li><a href="http://www.logon2.com.au/blog/archive/coding/pretty-smarties/pretty-smarties-05-pretty-urls-smarty-templates-and-faster-web-design/" title="Pretty Smarties 0.5 &#8211; Pretty URLs, Smarty Templates and Faster Web Design">Pretty Smarties 0.5 &#8211; Pretty URLs, Smarty Templates and Faster Web Design</a></li><li><a href="http://www.logon2.com.au/blog/archive/web-design/introducing-the-lovely-caption-maker/" title="Introducing the Lovely Caption Maker">Introducing the Lovely Caption Maker</a></li><li><a href="http://www.logon2.com.au/blog/archive/web-design/adding-removing-and-editing-elements-dynamically-using-javascript/" title="Adding, Removing and Editing Elements Dynamically using JavaScript">Adding, Removing and Editing Elements Dynamically using JavaScript</a></li><li><a href="http://www.logon2.com.au/blog/archive/troubleshooting/accessible-valid-dropdown-menu-or-popup-menu-using-css-and-semantic-html/" title="Accessible, Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML">Accessible, Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.logon2.com.au/blog/archive/tools/myspace-convert-text-to-html/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
