<?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>Jes.Gs v2.0 &#187; PHP</title>
	<atom:link href="http://www.jes.gs/tag/php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jes.gs</link>
	<description>The Portfolio and Blog of Minneapolis Web Designer Jessica C. Green</description>
	<lastBuildDate>Sat, 21 Jan 2012 19:56:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>WordPress: Using page_css_class</title>
		<link>http://www.jes.gs/php/wordpress-page-css-class/</link>
		<comments>http://www.jes.gs/php/wordpress-page-css-class/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 04:30:58 +0000</pubDate>
		<dc:creator>Jess G.</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Recommended]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Wordpress Resources]]></category>

		<guid isPermaLink="false">http://dumpster-fairy.com/?p=575</guid>
		<description><![CDATA[How to use WordPress hooks to change the pagenav class from page-item-# to page-item-pagename.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m pretty sure that I&#8217;m not the only person who is somewhat annoyed by the way WordPress handles the page-item classes for Page lists. Particularly if you&#8217;re like me and you use WordPress as a CMS. It would be a lot easier to deal with <code>page-item-pagename</code> than <code>page-item-1</code>. For one, <code>page-item-pagename</code> is easier to remember. Well, I bet you didn&#8217;t know that you can change that! Yep, that&#8217;s right. You can, and it&#8217;s all because of a relatively unknown hook that was introduced in WordPress 2.8 called <code>page_css_class</code>, and here is very quick and dirty way of changing the page item classes to match the pagename and <em>not</em> the page ID.</p>
<ol>
<li>Open or create a functions.php file in your theme directory.</li>
<li>Then paste the code below into your functions.php file:</li>
</ol>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'page_css_class'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'custom_page_css_class'</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">10</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009933; font-style: italic;">/**
 *	custom_page_css_class()
 *	Hooks into page_css_class and modifies the page item class so that
 *	it uses the name of the page instead of the id.
 *
 *	@global int $id.		The ID of the page being viewed. Needed to set current_page_item.
 *	@param array $class.	The page css class being modified, passed as an array from Walker_Page
 *	@param object $page.	The page object passed from Walker_Page
 *	@return array			Returns the new page css class.
 */</span>
<span style="color: #000000; font-weight: bold;">function</span> custom_page_css_class<span style="color: #009900;">&#40;</span><span style="color: #000088;">$class</span><span style="color: #339933;">,</span> <span style="color: #000088;">$page</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$id</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$page</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">ID</span> <span style="color: #339933;">==</span> <span style="color: #000088;">$id</span><span style="color: #009900;">&#41;</span>
		<span style="color: #666666; font-style: italic;">/* checks if the page ID matches the current page and if it does,
		    adds the current_page_item class
		*/</span>
		<span style="color: #000088;">$t</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'page_item'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'page-item-'</span><span style="color: #339933;">.</span><span style="color: #000088;">$page</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">post_name</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'current_page_item'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">else</span>
		<span style="color: #000088;">$t</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'page_item'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'page-item-'</span><span style="color: #339933;">.</span><span style="color: #000088;">$page</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">post_name</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$t</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>There you go! Yes, it&#8217;s that easy.</p>
<p>What the example does is it duplicates what&#8217;s happening in the WordPress source code but instead of using $page->ID, it&#8217;s using $page->post_name. It assembles the classes into an array and then returns it to be echo-ed out when the pagenav is generated. Note that $class isn&#8217;t used but it is necessary to have it as one of the parameters because WordPress passes it to the hook by default and we need the $page object in order to make the example work.</p>
<p>Happy coding!</p>
<ul>
<li><a href="http://adambrown.info/p/wp_hooks/hook/page_css_class" rel="external">WordPress hook directory page_css_class</a></li>
<li><a href="http://svn.automattic.com/wordpress/tags/2.9/wp-includes/classes.php" rel="external">WordPress Classes.php Source Reference</a></li>
<li><a href="http://wordpress.org/support/topic/243523" rel="external">WordPress Support: Add Link with Class to Page Menu</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.jes.gs/php/wordpress-page-css-class/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP and XML: LightGallery</title>
		<link>http://www.jes.gs/general/php-and-xml-lightgallery/</link>
		<comments>http://www.jes.gs/general/php-and-xml-lightgallery/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 03:47:00 +0000</pubDate>
		<dc:creator>Jess G.</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[scripts]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://dumpster-fairy.com/?p=247</guid>
		<description><![CDATA[Light-weight Image Gallery script powered by PHP and XML.]]></description>
			<content:encoded><![CDATA[<p>LightGallery is a new light-weight gallery script that I wrote as an answer to &#8220;weightier&#8221; scripts like Gallery and Coppermine. LightGallery does not require MySQL to run; however it <em>does</em> require <strong>PHP 5</strong> and the <strong>GD library</strong>.<span id="more-247"></span> A short example of LightGallery in action can be seen <a href="http://dumpster-fairy.com/gallery/">here</a>. You can also download the script <a href="http://www.jes.gs/wp-content/uploads/2009/03/gallery.zip">here</a>.</p>
<p>How to use LightGallery? First off, start by inserting this code at the top of any page you&#8217;d like to display your gallery:</p>
<p>Followed by:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$path</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'/path/to/my/images/folder'</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$thmb_size</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'thumb-height thumb-width'</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$gallery</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Gallery<span style="color: #009900;">&#40;</span><span style="color: #000088;">$path</span><span style="color: #339933;">,</span> <span style="color: #000088;">$thmb_size</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$gallery</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Output</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><code>$path</code> is obviously the full path pointing to the directory where your images reside. Replace <strong>thumb-height</strong> and <strong>thumb-width</strong> with the desired height and width of your thumbnail. The beauty of LightGallery is that it is one PHP Class that can be used as many times as need be. If you need to create a new gallery, all you have to do is create a new directory, upload your images to that directory and create a new Gallery object with <code>$path</code> set to that path.</p>
<p><strong>Some limitations include</strong>:<br />
The gallery directory has to be one level below the root directory where <code>gallery.php</code> resides. Another limitation is that LightGallery uses jQuery and ThickBox and ThickBox is hard-coded into LightGallery, though I plan to change that at a later date.</p>
<p><strong>Tips</strong>:<br />
If you want your thumbnails to display tool-tips and have captions in ThickBox, edit the <code>album.xml</code> file that is created in the directory where your images reside. Specifically edit the  and  tags so that they contain your desired title and description. Another planned edition to LightGallery is a single-user backend to allow easy editing of titles, descriptions and possibly deletion of images.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jes.gs/general/php-and-xml-lightgallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP and XML: A Quick Introduction</title>
		<link>http://www.jes.gs/htmlcss/php-and-xml-a-quick-introduction/</link>
		<comments>http://www.jes.gs/htmlcss/php-and-xml-a-quick-introduction/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 18:00:45 +0000</pubDate>
		<dc:creator>Jess G.</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web dev]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://dumpster-fairy.com/?p=236</guid>
		<description><![CDATA[A quick and dirty intro to using PHP to manipulate XML.]]></description>
			<content:encoded><![CDATA[<p>A quick and dirty intro to using PHP to manipulate XML. Very useful to know since there are probably situations where MySQL might be unavailable or just impractical and XML can make a great replacement, especially in small/light-weight applications.<br />
<span id="more-236"></span><br />
The first place we start is by looking at PHP&#8217;s <a href="http://us3.php.net/manual/en/book.dom.php">DOM extension</a>; read through the Introduction and Installation/Configuration sections before continuing.<br />
Now we&#8217;ll access the <a href="http://us3.php.net/manual/en/class.domdocument.php">DOMDocument</a> class. Starting out, this will probably be the class that gets used the most but as things progress, you&#8217;ll find yourself making use of the other classes available.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$xmldoc</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> DOMDocument<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// create a new DOMDocument object.</span></pre></div></div>

<p>Yep, it&#8217;s that simple. Now here comes the fun part. This scenario is going to assume that we&#8217;re just creating a new XML object.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">formatOutput</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">//Nicely formats output with indentation and extra space.</span>
&nbsp;
<span style="color: #000088;">$root</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">createElement</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'xml'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">//create a root element for your XML output</span>
<span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">appendChild</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$root</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// Now, we're going to create a few child elements to go with it</span>
<span style="color: #000088;">$child1</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">createElement</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'child_one'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'Child One'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$root</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">appendChild</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$child1</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$child2</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">createElement</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'child_two'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'Child Two'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$root</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">appendChild</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$child2</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">saveXML</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">//output to screen...</span></pre></div></div>

<p>Pretty simple and straightforward. Now, if we want to save to a file, we do this:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">save</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'my-xml-file.xml'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>If we want to open and write to a file:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$xmldoc</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> DOMDocument<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// create a new DOMDocument object.</span>
<span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">load</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'my-xml-file.xml'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">formatOutput</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$root</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">documentElement</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Conviently allows direct access to the root element.</span>
&nbsp;
<span style="color: #000088;">$b</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">createElement</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'another_one'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'another child'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$root</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">appendChild</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$b</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$xmldoc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">save</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'my-xml-file.xml'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Very quick and straightforward. I hope this helps anyone who was wondering how to use XML and PHP together.</p>
<p>For more information see:</p>
<ul>
<li><a href="http://us3.php.net/manual/en/refs.xml.php">PHP Manual: XML Manipulation</a></li>
<li><a href="http://www.kirupa.com/web/index.htm (scroll down for PHP section)">Kirupa.com: PHP and XML</a></li>
<li><a href="http://www.ibm.com/developerworks/library/x-xmlphp1.html">IBM.com: XML for PHP Developers, Part 1 (three-part series)</a></li>
<li><a href="http://www.dynamicdrive.com/forums/showthread.php?t=14165">DynamicDrive Forums: Read and Write XML with PHP</a> (forum-post, this is what got me started)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.jes.gs/htmlcss/php-and-xml-a-quick-introduction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Calendars II</title>
		<link>http://www.jes.gs/htmlcss/css-calendars-part-two-wordpress-integration/</link>
		<comments>http://www.jes.gs/htmlcss/css-calendars-part-two-wordpress-integration/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 08:28:53 +0000</pubDate>
		<dc:creator>Jess G.</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web dev]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://dumpster-fairy.com/?p=110</guid>
		<description><![CDATA[More tips and tricks for CSS calendar icons, but this time, for Wordpress!]]></description>
			<content:encoded><![CDATA[<p>The last tutorial on CSS Calendar Icons was pretty straightforward but lacked directions for integration with other blogging platforms. Here, I&#8217;m going to use WordPress as an example and I&#8217;ll work with my calendar book-style css icon.<br />
<span id="more-110"></span></p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #666666; font-style: italic;">// begin calendar icon code</span>
	<span style="color: #000088;">$year</span> <span style="color: #339933;">=</span> get_the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Y'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #990000;">list</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$y1</span><span style="color: #339933;">,</span><span style="color: #000088;">$y2</span><span style="color: #339933;">,</span><span style="color: #000088;">$y3</span><span style="color: #339933;">,</span><span style="color: #000088;">$y4</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_split</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$year</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;span class=&quot;cssCalendar book&quot; title=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'F jS, Y'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;
		&lt;span class=&quot;spine&quot;&gt;&lt;/span&gt;
		&lt;span class=&quot;year&quot;&gt;&lt;span&gt;<span style="color: #000000; font-weight: bold;">&lt;?=</span><span style="color: #000088;">$y1</span><span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt; &lt;span&gt;<span style="color: #000000; font-weight: bold;">&lt;?=</span><span style="color: #000088;">$y2</span><span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt; &lt;span&gt;<span style="color: #000000; font-weight: bold;">&lt;?=</span><span style="color: #000088;">$y3</span><span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt;&lt;span&gt;<span style="color: #000000; font-weight: bold;">&lt;?=</span><span style="color: #000088;">$y4</span><span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt; &lt;/span&gt;
		&lt;span class=&quot;cssCalInner&quot;&gt;
			&lt;span class=&quot;month&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?</span> the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'M'</span><span style="color: #009900;">&#41;</span><span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt;
			&lt;span class=&quot;date&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?</span> the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'j'</span><span style="color: #009900;">&#41;</span><span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt;
		&lt;/span&gt;
	&lt;/span&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #666666; font-style: italic;">// end calendar icon code ?&gt;</span></pre></div></div>

<p>Here, we&#8217;re using the WordPress function <a href="http://codex.wordpress.org/Template_Tags/get_the_time" rel="external wordpress" title="Wordpress Function: get_the_time()"><strong>get_the_time()</strong></a>, which works like <a href="http://codex.wordpress.org/Template_Tags/the_time" rel="external wordpress" title="Wordpress Function: the_time()"><strong>the_time()</strong></a>&#8212;which means that it uses the same <a href="http://us3.php.net/manual/en/function.date.php">PHP Date and Time formatting characters</a> as <strong>the_time()</strong>. Unlike <strong>the_time()</strong>, <strong>get_the_time()</strong> passes the result to a variable instead of echoing it, which is what we need here. We use <strong>get_the_date(&#8216;Y&#8217;)</strong> to grab just the year-part of the date, then we use <a href="http://us3.php.net/manual/en/function.str-split.php" rel="external php" title="Native PHP Function"><strong>str_split()</strong></a> and <a href="http://us3.php.net/manual/en/function.list.php" rel="external php" title="Native PHP Function"><strong>list()</strong></a> to parse the individual numbers of the year into separate variables.<br />
CSS Code:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* Default Calendar Styles */</span>
span<span style="color: #6666ff;">.cssCalendar</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;Trebuchet MS&quot;</span><span style="color: #00AA00;">,</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
span<span style="color: #6666ff;">.cssCalInner</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
span<span style="color: #6666ff;">.cssCalendar</span> <span style="color: #6666ff;">.day</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">uppercase</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
span<span style="color: #6666ff;">.cssCalendar</span> <span style="color: #6666ff;">.month</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">uppercase</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
span<span style="color: #6666ff;">.cssCalendar</span> <span style="color: #6666ff;">.date</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
span<span style="color: #6666ff;">.cssCalendar</span> <span style="color: #6666ff;">.year</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* Book-Style */</span>
<span style="color: #6666ff;">.book</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">57px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">12px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.book</span> <span style="color: #6666ff;">.cssCalInner</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">36px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#CCC</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#CCC</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.book</span> <span style="color: #6666ff;">.spine</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/calendar_book.png</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span> <span style="color: #993333;">scroll</span> <span style="color: #000000; font-weight: bold;">left</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">14px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">38px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.book</span> <span style="color: #6666ff;">.year</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">75%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">purple</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">38px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">15px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.book</span> <span style="color: #6666ff;">.year</span> span <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">8px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.book</span> <span style="color: #6666ff;">.month</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.book</span> <span style="color: #6666ff;">.date</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">120%</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Seems pretty straightforward, right?</p>
<p>Using WordPress? Go to the next page for a WordPress add-on to use in your own WordPress themes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jes.gs/htmlcss/css-calendars-part-two-wordpress-integration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New site finished!</title>
		<link>http://www.jes.gs/general/new-site-finished/</link>
		<comments>http://www.jes.gs/general/new-site-finished/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 05:06:34 +0000</pubDate>
		<dc:creator>Jess G.</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://dumpster-fairy.com/?p=86</guid>
		<description><![CDATA[New site is finished...and I hurt ;-)]]></description>
			<content:encoded><![CDATA[<p>Well, the new site is finally finished. Lots of changes to the site&#8217;s navigation and function. I added a few more pages, and decided to place new tutorials and resources on the front page. There is a new links page that will have links to other web design/graphic design sites that I come across in my surfing&#8230;come to think of it, I should probably add a link to my delicious account as well!<br />
<span id="more-86"></span>But whatever. I&#8217;m just happy I&#8217;m finally finished. The new site design must have comprised at least 40 hours&#8217; worth of work—judging from the strain on my mouse-hand. The design actually came about as a result of my Writing for Interactive Media class about a few weeks back. The objective was to create a content (or concept) script for any type of interactive media project like a Flash game, web site, interactive math lesson, etc. I decided to redesign my own website. If I work in the time I spent on the navigational flowchart, content script, the wire-frames, the Photoshop template, and <em>then</em> finally translating that template to html and css (no, I didn&#8217;t bother with the export-to-web feature—sometimes, that just creates more headaches), <strong><em>then</em></strong> *sighs* the WordPress/PHP work.</p>
<p>Yeah, 40 hours easily. And my shoulders and hands feel the strain. But hey, I had fun doing this though, and it allowed me an even greater in-depth view of WordPress&#8217;s API.</p>
<p>There are still a few things that need to be finished, like the portfolio, the links page and the contact page but those were things I really couldn&#8217;t do anything about until the site had been uploaded.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jes.gs/general/new-site-finished/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

