<?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>Design Gala &#187; IFrame</title>
	<atom:link href="http://designgala.com/tag/iframe/feed/" rel="self" type="application/rss+xml" />
	<link>http://designgala.com</link>
	<description>Web Usability, Web Technology, User Experience</description>
	<lastBuildDate>Sat, 11 Jun 2011 02:38:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Creating an Iframe in CSS</title>
		<link>http://designgala.com/creating-an-iframe-in-css/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=creating-an-iframe-in-css</link>
		<comments>http://designgala.com/creating-an-iframe-in-css/#comments</comments>
		<pubDate>Thu, 17 Aug 2006 20:10:56 +0000</pubDate>
		<dc:creator>Design Gala</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[IFrame]]></category>

		<guid isPermaLink="false">http://www.designgala.com/?p=4</guid>
		<description><![CDATA[Creating Iframe with help of CSS is an easy task. This article demonstrate how Iframe can be built within few minutes.]]></description>
			<content:encoded><![CDATA[<p><span class="firstletter"><span>C</span></span>reating Iframe with help of CSS is an easy task. We will take help of CSS selector.</p>
<div class="wp_syntax">
<div class="code">
<pre class="css" style="font-family:monospace;">&lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
.iframe_class<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">300px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#369</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#33a</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span></pre>
</div>
</div>
<p><!--adsense#longbottom--></p>
<p>Somewhere in body, we can use above created iframe_class selector in following way.</p>
<div class="wp_syntax">
<div class="code">
<pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">span</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;iframe_class&quot;</span>&gt;</span>Some Text Goes Here.. Dummy Text.<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">span</span>&gt;</span></pre>
</div>
</div>
<p><strong>Download Example: </strong><br />
<a href="http://www.designgala.com/wp-content/uploads/2008/03/iframe.zip" title="Example of Creating Iframe in CSS">Example of Creating Iframe in CSS</a>
<div id="fb-root"></div>
<p><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><!-- Do not remove --></p>
]]></content:encoded>
			<wfw:commentRss>http://designgala.com/creating-an-iframe-in-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

