<?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>Flukeit &#187; Coding</title>
	<atom:link href="http://www.flukeit.com/category/coding/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flukeit.com</link>
	<description>Weblog of a webmaster learning his trade</description>
	<lastBuildDate>Thu, 12 Aug 2010 20:10:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Floating an Image Outside a Container</title>
		<link>http://www.flukeit.com/floating-an-image-outside-a-container/</link>
		<comments>http://www.flukeit.com/floating-an-image-outside-a-container/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 13:52:46 +0000</pubDate>
		<dc:creator>Flukeit</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Lessons Learned]]></category>

		<guid isPermaLink="false">http://www.flukeit.com/?p=83</guid>
		<description><![CDATA[.
One of my recent issues was that I needed to extend an image outside a DIV container, and spill out into another one, like is shown in the picture. I was able to accomplish this by manipulating the margin values in CSS as such:

#div {
          margin-right:-60px;
 [...]]]></description>
			<content:encoded><![CDATA[<p>.<img src="http://www.flukeit.com/wp-content/uploads/2010/04/floating-image-300x198.jpg" alt="floating-image" title="floating-image" width="300" height="198" class="alignnone size-medium wp-image-84" /><br />
One of my recent issues was that I needed to extend an image outside a DIV container, and spill out into another one, like is shown in the picture. I was able to accomplish this by manipulating the margin values in CSS as such:<br />
<code><br />
#div {<br />
          margin-right:-60px;<br />
       }<br />
</code><br />
You may need to adjust the top/bottom to achieve what you want. In order for things to work right in Internet Explorer, you will need to add this in the image tags:<br />
  style=&#8221;float:right;&#8221; src&#8230;. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.flukeit.com/floating-an-image-outside-a-container/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Extending a Sidebar All The Way Down</title>
		<link>http://www.flukeit.com/extending-a-sidebar-all-the-way-down/</link>
		<comments>http://www.flukeit.com/extending-a-sidebar-all-the-way-down/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 21:46:54 +0000</pubDate>
		<dc:creator>Flukeit</dc:creator>
				<category><![CDATA[Coding]]></category>

		<guid isPermaLink="false">http://www.flukeit.com/?p=80</guid>
		<description><![CDATA[This is an issue I&#8217;ve had some trouble with, and finally spent some time to figure it out. 
The problem is, when trying to make a sidebar, the sidebar would not extend all the way to the footer unless there was content in it. In order to fix this, you need to do two things [...]]]></description>
			<content:encoded><![CDATA[<p>This is an issue I&#8217;ve had some trouble with, and finally spent some time to figure it out. </p>
<p>The problem is, when trying to make a sidebar, the sidebar would not extend all the way to the footer unless there was content in it. In order to fix this, you need to do two things in your CSS.</p>
<p>1st, you must define your body to have a height of 100%. Then, in your sidebar div you then define that with a height of 100%. YOU MUST BOTH OF THESE. Here is what it should look like:<br />
<code>body {<br />
	font-family: Verdana, Arial, Helvetica, sans-serif;<br />
	/* Allow IE/Win to resize the document */<br />
	font-size: 80%;<br />
	color: black;<br />
	background: #ffffff;<br />
	margin: 0;<br />
	padding: 0;<br />
	border: none;<br />
        <strong>height: 100%;</strong><br />
}<br />
#sidebar {<br />
	width: 340px;<br />
	float: left;<br />
	clear: both;<br />
	margin-bottom: 4em;<br />
        padding: 20px;<br />
        height: 100%;<br />
}</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flukeit.com/extending-a-sidebar-all-the-way-down/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Contact Form on Joomla&#8230;.ARGHHHH!!!</title>
		<link>http://www.flukeit.com/contact-form-on-joomlaarghhhh/</link>
		<comments>http://www.flukeit.com/contact-form-on-joomlaarghhhh/#comments</comments>
		<pubDate>Fri, 19 Jan 2007 01:55:13 +0000</pubDate>
		<dc:creator>Flukeit</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Lessons Learned]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://www.flukeit.com/contact-form-on-joomlaarghhhh/</guid>
		<description><![CDATA[On one of my sites, I decided to go with Joomla. I liked the idea of Joomla because of the ease of installation, plus it was an overall fit for the site theme.
One of the problems I am encountering is making the contact form functional. It seems as though no matter the functions I choose, [...]]]></description>
			<content:encoded><![CDATA[<p>On one of my sites, I decided to go with Joomla. I liked the idea of Joomla because of the ease of installation, plus it was an overall fit for the site theme.</p>
<p>One of the problems I am encountering is making the contact form functional. It seems as though no matter the functions I choose, nothing will work. I have to suspect that my host, Dreamhost has something to do with it.<br />
<img id="image62" src="http://www.flukeit.com/wp-content/uploads/2007/01/joomlamail.gif" alt="Joomla Email Contact Form" /><br />
I went to their wiki, and found some good examples. However, I set things up as shown in my image and the mail never get to me. I have tried several different email addresses on different servers, and nothing works. This will prove to be an ongoing dilemma and more than likely will be posting again on it!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flukeit.com/contact-form-on-joomlaarghhhh/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Adsense Code in Smarty</title>
		<link>http://www.flukeit.com/adsense-code-in-smarty/</link>
		<comments>http://www.flukeit.com/adsense-code-in-smarty/#comments</comments>
		<pubDate>Sat, 06 Jan 2007 13:30:16 +0000</pubDate>
		<dc:creator>Flukeit</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Lessons Learned]]></category>

		<guid isPermaLink="false">http://www.flukeit.com/adsense-code-in-smarty/</guid>
		<description><![CDATA[

I own several websites that are link directories. Most of them are run on the phpLD Link Directory script. One of the more challenging parts of maintaining and getting these directories going is dealing with Smarty. Before I knew any better, I would get frustrated when trying to add code, then not seeing the end [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://x.azjmp.com/0DWST"><img src="http://images.imgehost.com/2312/May2006/banners/web_468x60.gif" border="0" width="468" height="60"></a>
<div style="position:relative left:-1px; top:-1px;"><img src="http://i.azjmp.com/0DWSW" height="1" width="1"></div>
<p>I own several websites that are link directories. Most of them are run on the phpLD Link Directory script. One of the more challenging parts of maintaining and getting these directories going is dealing with <a href="http://smarty.php.net/crashcourse.php">Smarty</a>. Before I knew any better, I would get frustrated when trying to add code, then not seeing the end result on the page displayed.</p>
<p>Smarty does weird things, as I&#8217;m still learning and understanding.</p>
<p>A prime example of this is adding Adsense code to template files. I was attempting to add Adsense code to one of my templates, and I simply added my Adsense code.</p>
<p>The result was not what I planned. The ads displayed, but were not correct as shown here.(Image at 75% scale)</p>
<p><img id="image48" src="http://www.flukeit.com/wp-content/uploads/2007/01/withoutcode.gif" alt="Adsense Code with Smarty" /></p>
<p>The ad just didn&#8217;t look right, and it seems as though the &#8220;ads by Google&#8221; text was missing.</p>
<p>After doing some investigating, I learned that I had to add &#8220;literal&#8221; tags around the code as such:<br />
{literal}<br />
Adsense code<br />
{/literal}</p>
<p>This was much better, as it produced the desired ad:</p>
<p><img id="image49" src="http://www.flukeit.com/wp-content/uploads/2007/01/withcode.gif" alt="Adsense ads with code" /></p>
<p>I still run across confusion when I attempt to do other things similar, and still cannot figure them out. These are growing pains, I&#8217;m sure as I will eventually grow out of them.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flukeit.com/adsense-code-in-smarty/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Snap Preveiw</title>
		<link>http://www.flukeit.com/snap-preveiw/</link>
		<comments>http://www.flukeit.com/snap-preveiw/#comments</comments>
		<pubDate>Tue, 02 Jan 2007 23:51:44 +0000</pubDate>
		<dc:creator>Flukeit</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://www.flukeit.com/snap-preveiw/</guid>
		<description><![CDATA[
Several days ago, I came across a site (I don&#8217;t recall where) and noticed the new service by Snap. It&#8217;s a link preview box that opens when you hover over an active external link from a website.
I liked this feature. I think it adds something that benefits the viewer of your site. 
I was amazed [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image41" src="http://www.flukeit.com/wp-content/uploads/2007/01/snap.gif" alt="Snap Preview" /></p>
<p>Several days ago, I came across a site (I don&#8217;t recall where) and noticed the new service by Snap. It&#8217;s a link preview box that opens when you hover over an active external link from a website.</p>
<p>I liked this feature. I think it adds something that benefits the viewer of your site. </p>
<p>I was amazed at how simple this feature is to add to your site. </p>
<p>To get this working on your site, all you have to do is visit the <a href="http://www.snap.com/about/spa1B.php?source=www.bloglisting.net&#038;campaign=spa_link!www.bloglisting.net">Snap website</a>, enter your url and a valid email address then you are given a code to place before your /head tag.</p>
<p>I have since added this feature to several of my sites, including this one.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flukeit.com/snap-preveiw/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Changing Header Images Based on Date</title>
		<link>http://www.flukeit.com/changing-header-images-based-on-date/</link>
		<comments>http://www.flukeit.com/changing-header-images-based-on-date/#comments</comments>
		<pubDate>Mon, 25 Dec 2006 06:47:24 +0000</pubDate>
		<dc:creator>Flukeit</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Lessons Learned]]></category>

		<guid isPermaLink="false">http://www.flukeit.com/changing-header-images-based-on-date/</guid>
		<description><![CDATA[I wanted to &#8220;Christmas Up&#8221; my forums by changing my header image to something a bit more seasonal. I created a new logo and was curious about automating this change. Maybe I can have different logos for the different seasons, etc. 
I looked to the Digital Point Forums and found my answer. A big thanks [...]]]></description>
			<content:encoded><![CDATA[<p>I wanted to &#8220;Christmas Up&#8221; my forums by changing my header image to something a bit more seasonal. I created a new logo and was curious about automating this change. Maybe I can have different logos for the different seasons, etc. </p>
<p>I looked to the Digital Point Forums and found my answer. A big thanks to <a href="http://www.ad4business.com/designer/">JEET</a> who answered my dilemma with the following:</p>
<blockquote><p>Try this code:<br />
(Assuming your images are stored in a folder called &#8220;images&#8221;, 1 directory below where the code is executed.)<br />
<code><?php<br />
$mdarr= "18-25/12,13-20/05";<br />
$miarr= "christmas.jpg,happy_birthday_jeet.jpg";</code><br />
// Format explained below and why use this.</p>
<p><code>$jtd= date("d");<br />
$jtd= $jtd-7;// Minus 7 days to match above format.<br />
$jtd= $jtd . '-'. date("d"). '/' . date("m");<br />
$jc=0;<br />
$r= explode(",",$mdarr);<br />
foreach($r as $v)<br />
{<br />
if($jtd==$v)<br />
{<br />
++$jc;<br />
}<br />
}<br />
if($jc>0)<br />
{<br />
--$jc;<br />
$img= explode(",", $miarr);<br />
$img= $img[$jc];<br />
print '<br />
<img src="images/'. $img. '" alt="'. $img. '" /><br />
';<br />
}<br />
else<br />
{<br />
print '<br />
<img src="images/default_logo.jpg" alt="default logo" /><br />
';<br />
}<br />
?></code></p>
<p>About the date format.</p>
<p><code>$mdarr= "18-25/12,13-20/05";</code><br />
Here you can fit an array for all the dates you wish to change your image on.<br />
For example 25/12 (25 December.) Minus 7 days makes it:<br />
18-25/12, so your image starts appearing 7 days before the actual festival.<br />
Add a "," sign and enter another date in same format.<br />
(Minus 7 days)-(Actual date)/(month)<br />
Add as many as you like.</p>
<p>Which Image to use:<br />
<code>$miarr= "christmas.jpg,happy_birthday_jeet.jpg";</code></p>
<p>Just enter the full image file name for each date at the same "number" position as it appears in date array.<br />
Seperated by "," sign.</p>
<p>18-25/12 was first item, so "christmas.jpg" is first in this array.<br />
and so on.</p>
<p>Then replace the <code>img</code> tag for your logo with this code above.<br />
Fill the array once, and probably will never have to touch it again...</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.flukeit.com/changing-header-images-based-on-date/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hacked Again!</title>
		<link>http://www.flukeit.com/hacked-again/</link>
		<comments>http://www.flukeit.com/hacked-again/#comments</comments>
		<pubDate>Sat, 02 Dec 2006 18:35:03 +0000</pubDate>
		<dc:creator>Flukeit</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Lessons Learned]]></category>

		<guid isPermaLink="false">http://www.flukeit.com/hacked-again/</guid>
		<description><![CDATA[It seems as though my Blog-hints.com article site was hacked again. Several weeks ago, my database was hacked, and data was added so that visitors were redirected to another site. Now it seems as though it has happened again.
Here is a screenshot of a popup that occurs before redirect.

I am in the process of restoring [...]]]></description>
			<content:encoded><![CDATA[<p>It seems as though my Blog-hints.com article site was hacked again. Several weeks ago, my database was hacked, and data was added so that visitors were redirected to another site. Now it seems as though it has happened again.</p>
<p>Here is a screenshot of a popup that occurs before redirect.</p>
<p><a class="imagelink" href="http://www.flukeit.com/wp-content/uploads/2006/12/hacked.gif" title="blog-hints hacked"><img id="image22" src="http://www.flukeit.com/wp-content/uploads/2006/12/hacked.thumbnail.gif" alt="blog-hints hacked" /></a></p>
<p>I am in the process of restoring the database and making some more security attempts.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flukeit.com/hacked-again/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
