<?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>WP Station &#187; CSS</title>
	<atom:link href="http://wpstation.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://wpstation.com</link>
	<description>A WordPress powered blog about, WordPress</description>
	<lastBuildDate>Mon, 04 Jul 2011 23:42:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Create a â€˜Calendar styleâ€™ WordPress date format</title>
		<link>http://wpstation.com/2007/wp-tips-and-tricks/create-a-%e2%80%98calendar-style%e2%80%99-wordpress-date-format/</link>
		<comments>http://wpstation.com/2007/wp-tips-and-tricks/create-a-%e2%80%98calendar-style%e2%80%99-wordpress-date-format/#comments</comments>
		<pubDate>Wed, 04 Apr 2007 02:12:10 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[WP Tips and Tricks]]></category>
		<category><![CDATA[calendar]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[post-date]]></category>

		<guid isPermaLink="false">http://wpstation.com/2007/wp-tips-and-tricks/create-a-%e2%80%98calendar-style%e2%80%99-wordpress-date-format/</guid>
		<description><![CDATA[m@hu_D A nice little tutorial for adding calendar style post dates to your theme, including a graphic to use.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mahudsblog.ourgardenpath.com/?p=737">m@hu_D</a><br />
A nice little tutorial for adding calendar style post dates to your theme, including a graphic to use.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2007/wp-tips-and-tricks/create-a-%e2%80%98calendar-style%e2%80%99-wordpress-date-format/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS AJAX Switch</title>
		<link>http://wpstation.com/2007/site-news/css-ajax-switch/</link>
		<comments>http://wpstation.com/2007/site-news/css-ajax-switch/#comments</comments>
		<pubDate>Thu, 08 Mar 2007 16:50:15 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wpstation.com/2007/site-news/css-ajax-switch/</guid>
		<description><![CDATA[Dan Cameron Dan is at it again, offering up another great plugin. This one allows for user switching of CSS without reloading the page, and it stores the info for future visits.]]></description>
			<content:encoded><![CDATA[<p><a href="http://dancameron.org/wordpress/wordpress-plugins/css-ajax-switch/">Dan Cameron</a><br />
Dan is at it again, offering up another great plugin.  This one allows for user switching of CSS without reloading the page, and it stores the info for future visits.  </p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2007/site-news/css-ajax-switch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Template Monster Themes</title>
		<link>http://wpstation.com/2006/themes/template-monster-themes/</link>
		<comments>http://wpstation.com/2006/themes/template-monster-themes/#comments</comments>
		<pubDate>Thu, 06 Jul 2006 18:55:48 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[Themes]]></category>
		<category><![CDATA[commercial]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[tables]]></category>
		<category><![CDATA[Template-Monster]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wpstation.com/2006/themes/template-monster-themes/</guid>
		<description><![CDATA[Back in Feburary, I stumbled upon some free templates from Template monster. I made some comments here on this blog about how ironic I found it that they were table based. The irony was that one of the tables based &#8230; <a href="http://wpstation.com/2006/themes/template-monster-themes/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Back in Feburary, I stumbled upon some free templates from <a href=" http://blog.templatemonster.com/2006/02/17/word-press-themes/">Template monster</a>.  I made some <a href=" http://wpstation.com/2006/wordpress-news/oh-the-bitter-irony/">comments</a> here on this blog about how ironic I found it that they were table based.  The irony  was that one of the tables based designs were based on Cameron Moll&#8217;s design.  The same Cameron Moll who expounds on the virtues of CSS and XHTML.  I summed up with a snide comment, &#8220;get with the program&#8221;.  Little did I know, that they came across my comment, and have indeed attempted to step up to the plate and make their WP designs CSS and XHTML based.  Before I get into the details and observations about that aspect of things, a little more about the themes, and how I came about them.<br />
<span id="more-383"></span><br />
I was contacted by their marketing department to gauge my interest in reviewing the new designs.  I was given the opportunity to browse their catalog, and choose one, which then I would be given a key to download and use.  I&#8217;ve done so, and since then it appears several other nice looking themes have been added.  All the themes range right around $50 for the off the shelf price.  If you want the unique design for yourself, that is, no one else can download it after you, the price jumps to around $720.  The $50 price, isn&#8217;t bad, considering you get the photoshop files that were used to produce the theme, which all are very graphics based.  I&#8217;m assuming you can alter those files for your own, which means you can tweak the $50 design to not look exactly like an another.  The caveat being you can not redistribute the theme or files.</p>
<p>For the most part, all the themes are the standard two column design, with either a left or right hand sidebar.  So far nothing jumps out as being in the vein of the newer, no sidebar, big footer designs.  One thing I&#8217;d suggest to Template Monster is to incorporate the use of the widgets plugin if you are going to produce those type of designs.  The big thing all bloggers want is the ability to customize their blog, add content to the sidebar, etc.  All the designs I looked at, including the the one I downloaded, simply have a list of categories, archives, and links.  The widgets system would give the most basic user the ability to easily customize their blog, and would be a good selling point in my opinion.  Would also help cut down on support help, I&#8217;m sure.</p>
<p>Now, onto the the move from tables to CSS/XHTML.  On the surface, it does appear they have created valid XHTML designs.  But upon closer inspection, the style sheet rings of tables still, with the main wrapper a class called .table, with a resulting class .table_row.  In addition, all the wrapper divs are classes, despite being unique divs (which, from my understanding of CSS, should make them #ids, not .classes).  Not to mention, from my inspection, all the containing divs do a display:table, which, does validate, but for an end user trying to customize their theme, will be confusing, IMO, and smacks of a short cut.  I have coded enough WP themes myself without the use of display:table to think it&#8217;s not a necessary part of the design.<br />
Another missing element of the designs is the use of style for heading tags.  For instance all headings are using inline style fonts sizes, as well as the strong tag, vs setting h2 tags around post titles and sidebar headings. Not to mention, there&#8217;s no h1 tag for the title, which, again, in my understanding, is a bad thing when it comes to search engines. Ultimately, the end user is being forced into using the style as is, or editing the template pages, versus the style  sheet where it&#8217;s meant to be.  It also is limiting in the content, as one persons blog is not another&#8217;s.   In general, I think much more effort could be made to separate the style from the templates, and give the end user a little more control over fine tuning how their content is displayed, especially the posts themselves.  I short study of either the default or classic theme that comes packaged with all WordPress downloads would easily expose the many options WP offers in post output and style.<br />
Let me be clear, I&#8217;m not a CSS expert, I have honestly only been using it on a regular basis for about a year and half, and have not learned the intricacies of proper semantic mark-up and separation of style.  But I have spent a generous amount of time studying the argument, and believe I have a firm grasp of where the WordPress community generally is taking such design.  Not to mention, I&#8217;ve seen time and time again in the support forums request for help for such issues with other, similar type themes.  So in summation, I believe the Template Monster team will continue to develop their WordPress designs to fit the needs of the community, and in the mean time, if you are looking for a basic, well done, graphic oriented theme, and haven&#8217;t found one of the multitude of free themes to fit your eye, they are a very good choice.  Particularly if you are starting a blog with a theme in mind, they have quite a few designs meant specifically for DJs, bands, and other niche topics</p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2006/themes/template-monster-themes/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Shuttle</title>
		<link>http://wpstation.com/2006/wordpress-news/shuttle/</link>
		<comments>http://wpstation.com/2006/wordpress-news/shuttle/#comments</comments>
		<pubDate>Fri, 19 May 2006 23:17:24 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[WordPress News]]></category>
		<category><![CDATA[admin]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Shuttle]]></category>

		<guid isPermaLink="false">http://wpstation.com/2006/wordpress-news/shuttle/</guid>
		<description><![CDATA[Broken Kode Announced last week that Shuttle was &#8220;launched&#8221;, and subsequently the WP community was in a sea of posts recanting the &#8220;launch&#8221; of a new admin interface for WP. The truth of the matter is, there isn&#8217;t any code, &#8230; <a href="http://wpstation.com/2006/wordpress-news/shuttle/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.brokenkode.com/archives/shuttle-launched/">Broken Kode</a><br />
Announced last week that Shuttle was &#8220;launched&#8221;, and subsequently the WP community was in a sea of posts recanting the &#8220;launch&#8221; of a new admin interface for WP.  The truth of the matter is, there isn&#8217;t any code, from what I&#8217;ve read, purely some images, and some Photoshop files.  There also seems to be <a href="http://binarybonsai.com/archives/2006/05/17/the-shuttle-that-wasnt/">mulitiple versions</a>, and a split within the team that developed it.  So the truth of the matter is yes, a lot of time and energy was put into mocking up a better interface, but much more work will be required before it truly is launched.  I wouldn&#8217;t expect to see any of this in 2.1, and I&#8217;m not even sure what the roadmap looks like from there.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2006/wordpress-news/shuttle/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Image Replacement WordPress Plugin</title>
		<link>http://wpstation.com/2006/plugins/image-replacement-wordpress-plugin/</link>
		<comments>http://wpstation.com/2006/plugins/image-replacement-wordpress-plugin/#comments</comments>
		<pubDate>Wed, 22 Feb 2006 23:24:05 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[image-headlines]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wpstation.com/2006/plugins/image-replacement-wordpress-plugin/</guid>
		<description><![CDATA[Development on a Shoestring Building on the Cold Forged&#8217;s Image Headline plugin, this plugin allows a tag to be marked for replacement, including tags specific to classes, thus not requiring the theme to be edited. All this is done through &#8230; <a href="http://wpstation.com/2006/plugins/image-replacement-wordpress-plugin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.slaven.net.au/wordpress-plugins/image-replacement-wordpress-plugin/">Development on a Shoestring</a></p>
<p>Building on the Cold Forged&#8217;s Image Headline plugin, this plugin allows a tag to be marked for replacement, including tags specific to classes, thus not requiring the theme to be edited.  All this is done through an options pane in admin panel.  A nifty way to incorporate fonts that otherwise your viewer may not have, and well worth the look.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2006/plugins/image-replacement-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Oh, the Bitter Irony</title>
		<link>http://wpstation.com/2006/wordpress-news/oh-the-bitter-irony/</link>
		<comments>http://wpstation.com/2006/wordpress-news/oh-the-bitter-irony/#comments</comments>
		<pubDate>Mon, 20 Feb 2006 06:08:05 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[WordPress News]]></category>
		<category><![CDATA[Cameron-Moll]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress_News]]></category>

		<guid isPermaLink="false">http://wpstation.com/2006/wordpress-news/oh-the-bitter-irony/</guid>
		<description><![CDATA[Template Monster Blog » Blog Archive » Free WordPress Themes How pathetic. Template Monster, testing the blog theme waters, is offering up 5 new themes free for download, the only caveat is a 5 question survey before downloading. But here&#8217;s &#8230; <a href="http://wpstation.com/2006/wordpress-news/oh-the-bitter-irony/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.templatemonster.com/2006/02/17/word-press-themes/">Template Monster Blog » Blog Archive » Free WordPress Themes</a></p>
<p>How pathetic.  Template Monster, testing the blog theme waters, is offering up 5 new themes free for download, the only caveat is a 5 question survey before downloading.<br />
But here&#8217;s the kicker.  One theme, is &#8220;inspired&#8221; by <a href="http://www.cameronmoll.com/">CSS Guru Cameron Moll</a>, alas the design is in tables, <strong>TABLES!?!?</strong><br />
Point of suggestion Template Monster, get with the program.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2006/wordpress-news/oh-the-bitter-irony/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Indication Plugin</title>
		<link>http://wpstation.com/2006/site-news/indication-plugin/</link>
		<comments>http://wpstation.com/2006/site-news/indication-plugin/#comments</comments>
		<pubDate>Fri, 13 Jan 2006 02:45:13 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wpstation.com/2006/site-news/indication-plugin/</guid>
		<description><![CDATA[Software Guide Nifty plugin that adds class attributes to links, including mailto, FTP, Wiki,and external. Configuration via admin and CSS.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sw-guide.de/projekte/wordpress-projekte/link-indication-plugin/">Software Guide</a></p>
<p>Nifty plugin that adds class attributes to links, including mailto, FTP, Wiki,and external.  Configuration via admin and CSS.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2006/site-news/indication-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drunkey Love</title>
		<link>http://wpstation.com/2005/themes/drunkey-love/</link>
		<comments>http://wpstation.com/2005/themes/drunkey-love/#comments</comments>
		<pubDate>Mon, 21 Nov 2005 22:39:03 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[Themes]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wpstation.com/2005/themes/drunkey-love/</guid>
		<description><![CDATA[Drunkey Love A new and updated WordPress theme. Simple, clean two column, right hand sidebar with some CSS fun for the header. Looks easily modifiable for that &#8220;unique&#8221; look without all the work.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.el73.be/drunkey-love/">Drunkey Love</a><br />
A new and updated WordPress theme.  Simple, clean two column, right hand sidebar with some CSS fun for the header.  Looks easily modifiable for that &#8220;unique&#8221; look without all the work. </p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2005/themes/drunkey-love/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Left Sidebars and Optimal Code</title>
		<link>http://wpstation.com/2005/css-tips-and-tricks/left-sidebars-and-optimal-code/</link>
		<comments>http://wpstation.com/2005/css-tips-and-tricks/left-sidebars-and-optimal-code/#comments</comments>
		<pubDate>Sat, 10 Sep 2005 08:33:36 +0000</pubDate>
		<dc:creator>miklb</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[position_relative]]></category>
		<category><![CDATA[sidebar]]></category>

		<guid isPermaLink="false">http://wpstation.com/blog/2005/themes/left-sidebars-and-optimal-code/</guid>
		<description><![CDATA[There&#8217;s much discussion regarding SEO (search engine optimization), which I&#8217;ll leave to those who want to &#8220;specialize&#8221; in it. I&#8217;ll trust the consensus, which makes sense, that content should come before sidebars, etc. Which can present a small dilemma when &#8230; <a href="http://wpstation.com/2005/css-tips-and-tricks/left-sidebars-and-optimal-code/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s much discussion regarding SEO (search engine optimization), which I&#8217;ll leave to those who want to &#8220;specialize&#8221; in it.  I&#8217;ll trust the consensus, which makes sense, that content should come before sidebars, etc.  Which can present a small dilemma when designing using CSS and PHP.  While porting the X blog theme, I entered my first foray into this.<br />
<span id="more-67"></span><br />
  My first attempt was to simply float the sidebar left, and the content right (I use a div &#8220;wrapper&#8221; to contain both, makes life <strong>real simple</strong>).  Didn&#8217;t work.  No matter how much I played with paddings and margins, the sidebar wanted to drop below the content, albeit to the left of it.  I did some reading , and found that order does come into factor when floating.  So I did a position:absolute to the sidebar.  Voile! It worked.  Great.  <strong>THEN</strong> I started looking at page views, where there was very little content.  Yuck.  No go.  The background image would only extend the length of the content, not the sidebar, despite the fact the sidebar was &#8220;longer&#8221;.  A lot more trial and error, I resorted to posting to the <a href="http://www.css-discuss.org/mailman/listinfo/css-d">CSS-discuss</a> mailing list.  A kind person said, &#8220;float left, float right&#8221;.  I replied I&#8217;d done that.  I guess the level of understanding of CSS 2 I have was showing, because he gave me a link to a site, with left hand navigation (sidebar).  I looked at the code, and sure enough, float right, float left with the navigation coming after the content.  What he left out, was the position:relative added to the navigation.  I quickly tried that out, and settled on position: relative for my sidebar, set some widths and margins to fit within the background image, and bingo! my small content page views work out, so the background extends the distance of the sidebar.   And I&#8217;m just slightly more understanding the intricacies of the box model.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpstation.com/2005/css-tips-and-tricks/left-sidebars-and-optimal-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

