<?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>Webmaster-Source &#187; Overlay</title>
	<atom:link href="https://www.webmaster-source.com/tag/overlay/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.webmaster-source.com</link>
	<description>Useful Resources For Webmasters</description>
	<lastBuildDate>Thu, 24 Aug 2017 02:01:18 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.42</generator>
	<item>
		<title>FaceBox: Facebook-Style JavaScript Overlays</title>
		<link>https://www.webmaster-source.com/2008/03/31/facebox-facebook-style-javascript-overlays/</link>
		<comments>https://www.webmaster-source.com/2008/03/31/facebox-facebook-style-javascript-overlays/#comments</comments>
		<pubDate>Mon, 31 Mar 2008 12:31:51 +0000</pubDate>
		<dc:creator><![CDATA[Matt]]></dc:creator>
				<category><![CDATA[Software & Scripts]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[Overlay]]></category>

		<guid isPermaLink="false">http://www.webmaster-source.com/?p=477</guid>
		<description><![CDATA[Lightbox-type DIV overlays have a multitude of uses. If you&#8217;re building a web app, or if you are just looking for a way to declutter your blog, you can just sweep elements under the proverbial rug until they&#8217;re needed, and then call them back in a &#8220;almost-window.&#8221; FaceBox, is yet another way of implementing this [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><img src="http://i28.tinypic.com/28kpt9x.jpg" alt="FaceBox Dialog" hspace="5" vspace="5" align="right" /><a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox</a>-type DIV overlays have a multitude of uses. If you&#8217;re building a web app, or if you are just looking for a way to declutter your blog, you can just sweep elements under the proverbial rug until they&#8217;re needed, and then call them back in a &#8220;almost-window.&#8221;</p>
<p><a href="http://famspam.com/facebox/">FaceBox</a>, is yet another way of implementing this functionality, but styled in a similar manner to FaceBook&#8217;s pop-up boxes.</p>
<p>FaceBox can display DIVs, images, AJAX-loaded pages, or you can just write content in dynamically via JavaScript. It&#8217;s fairly easy to implement the script, though it took me a little bit of tweaking to get all of the images to display correctly (I just had to change a few paths throughout the code).</p>
<p>The JavaScript file is just 6KB, and the 1KB worth of CSS can easily be pasted into your existing stylesheet, or referenced separately. There are also a few assorted images that are required, though they&#8217;re mainly under 1K. Also note that FaceBox requires jQuery to function, so you may not want it if you&#8217;re a Prototype aficionado.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.webmaster-source.com/2008/03/31/facebox-facebook-style-javascript-overlays/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/


Served from: www.webmaster-source.com @ 2026-06-09 03:28:58 by W3 Total Cache
-->