<?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>DesignBash &#187; Inspiration</title>
	<atom:link href="http://www.designbash.com/tag/inspiration/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designbash.com</link>
	<description>web magazine and more...</description>
	<lastBuildDate>Fri, 25 Nov 2011 01:00:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>CSS Link Style &#8211; A Quick Look</title>
		<link>http://www.designbash.com/inspiration/css-link-style-a-quick-look/</link>
		<comments>http://www.designbash.com/inspiration/css-link-style-a-quick-look/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 02:42:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Beginner]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Polls]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.designbash.com/?p=55</guid>
		<description><![CDATA[Without links the internet would be nothing. It's quite literally the fabric that holds the net together. So I thought I would write this quick post with the idea of looking at some various link styles.]]></description>
			<content:encoded><![CDATA[<p>Without links the internet would be nothing. It&#8217;s quite literally the fabric that holds the net together. So I thought I would write this quick post with the idea of looking at some various <strong>link styles</strong>. I often find myself looking to others for inspiration, especially when it comes to link styling. For some reason I&#8217;ve always had a hard time coming up with different styles and I always seem to end up with a really boring look. So here are some various link styles that I&#8217;ve found scattered around the internet&#8230;</p>
<p><span id="more-55"></span></p>
<h3><a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a> Footer Links</h3>
<div id="attachment_56" class="wp-caption aligncenter" style="width: 564px"><a href="http://www.smashingmagazine.com/"><img class="size-full wp-image-56 " title="smashing-magazine-link-style" src="http://www.designbash.com/wp-content/uploads/2010/01/smashing-magazine-link-style.png" alt="Smashing Magazine Link Style" width="554" height="177" /></a><p class="wp-caption-text">Taken from the footer of Smashing Magazine</p></div>
<p><a href="http://www.smashingmagazine.com/">Smashing Magazine&#8217;s current site</a> (<em>Jan 2010</em>) has some really classic links located in the footer. They are clean, subdued, and are missing their text-decoration (<em>the underline</em>).</p>
<h3><a href="http://www.nettuts.com" target="_blank">Nettuts</a> and the Block Link</h3>
<p><a href="http://www.nettuts.com"><img class="alignleft size-full wp-image-59" title="nettuts-block-links" src="http://www.designbash.com/wp-content/uploads/2010/01/nettuts-block-links.png" alt="Nettuts Block Links" width="188" height="124" /></a> Looking at another footer, we can see an example of some stylish block links. I initially did not enjoy these links, but for some reason they&#8217;ve really grown on me over the last few months. I&#8217;ve even come to enjoy how they are all different widths, something that I would have hated in my earlier days.</p>
<div style="clear: both;">&nbsp;</div>
<h3>The <a href="http://www.happycog.com">Happy Cog</a> Header</h3>
<p style="text-align: center;"><a href="http://www.happycog.com"><img class="aligncenter size-full wp-image-62" title="happy-cog-link-style" src="http://www.designbash.com/wp-content/uploads/2010/01/happy-cog-link-style.png" alt="Header Links Styles" width="466" height="101" /></a></p>
<p style="text-align: left;">One of my favorite sites, so I couldn&#8217;t leave them out. <a href="http://www.happycog.com" target="_blank">Happy Cog</a> uses the traditional underlined link in their main navigation, with a block link hover effect. While it seems that underlines have become less popular lately, I think they provide users with instant recognizable links.</p>
<h3 style="text-align: left;"><a href="http://www.alistapart.com" target="_blank">A List Apart</a> General Links</h3>
<p style="text-align: left;"><a href="http://www.alistapart.com"><img class="aligncenter size-full wp-image-69" title="a-list-apart-links" src="http://www.designbash.com/wp-content/uploads/2010/01/a-list-apart-links.png" alt="List Apart Links" width="506" height="139" /></a></p>
<p style="text-align: left;">I wanted to throw this in here because I really enjoy the hover effect on <a href="http://www.alistapart.com" target="_blank">A List Apart</a>. They use a background color AND an underline.</p>
<p style="text-align: left;">Anyways, I&#8217;ll be adding to this list as I find more interesting links. I know it&#8217;s a little trivial, but things like this are the bread and butter of a well crafted site. In the meantime, answer this scientific poll:</p>
<p style="text-align: left;">[poll id="2"]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designbash.com/inspiration/css-link-style-a-quick-look/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

