<?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>Photo Book Blog &#124; Photo Book Tips &#187; page layout</title>
	<atom:link href="http://www.smilebooks.com/blog/tag/page-layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.smilebooks.com/blog</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 11 Nov 2011 14:07:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Spreading images across multiple frames (Desktop)</title>
		<link>http://www.smilebooks.com/blog/spread-an-image-across-multiple-frames/</link>
		<comments>http://www.smilebooks.com/blog/spread-an-image-across-multiple-frames/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 08:12:46 +0000</pubDate>
		<dc:creator>Tracy</dc:creator>
				<category><![CDATA[Desktop tips]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[elongating image fields]]></category>
		<category><![CDATA[page layout]]></category>
		<category><![CDATA[zoom]]></category>

		<guid isPermaLink="false">http://www.smilebooks.com/blog/?p=13</guid>
		<description><![CDATA[Tweet This effect is easy to produce and has a great impact. Simply select a page layout which has as many frames aligned to the edge of the page that you need for your effect. In this example I took &#8230; <a href="http://www.smilebooks.com/blog/spread-an-image-across-multiple-frames/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"><div class="socialize-in-button socialize-in-button-left"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.smilebooks.com/blog/spread-an-image-across-multiple-frames/" data-text="Spreading images across multiple frames (Desktop)" data-count="vertical" data-via="socializeWP" >Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="socialize-in-button socialize-in-button-left"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.smilebooks.com/blog/spread-an-image-across-multiple-frames/&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div></div><p><img class="aligncenter size-full wp-image-28" title="smileblog_tips_lightbox_spreadimage" src="http://www.smilebooks.com/blog/wp-content/uploads/smileblog_tips_lightbox_spreadimage.jpg" alt="smileblog_tips_lightbox_spreadimage" width="784" height="358" /></p>
<p>This effect is easy to produce and has a great impact. Simply select a page layout which has as many frames aligned to the edge of the page that you need for your effect. In this example I took a layout intended for 6 images, where 3 images were aligned to the top of the page.</p>
<p><img class="aligncenter size-full wp-image-33" title="smileblog_tips_spreadimage01" src="http://www.smilebooks.com/blog/wp-content/uploads/smileblog_tips_spreadimage01.jpg" alt="smileblog_tips_spreadimage01" width="315" height="255" /><br />
Delete the unwanted frames on the page.</p>
<p><img class="aligncenter size-full wp-image-34" title="smileblog_tips_spreadimage02" src="http://www.smilebooks.com/blog/wp-content/uploads/smileblog_tips_spreadimage02.jpg" alt="smileblog_tips_spreadimage02" width="315" height="255" /></p>
<p>Then click on one frame and, keeping the control key pressed, click on the remaining frames. The yellow „active image“ frame should now surround all your image fields. This ensures that all image fields end up being exactly the same size.</p>
<p><img class="aligncenter size-full wp-image-35" title="smileblog_tips_spreadimage03" src="http://www.smilebooks.com/blog/wp-content/uploads/smileblog_tips_spreadimage03.jpg" alt="smileblog_tips_spreadimage03" width="315" height="255" /></p>
<p>In this example, I now clicked onto the red square at the bottom of the frame and pulled it to the bottom of the page, elongating the image fields.</p>
<p><img class="aligncenter size-full wp-image-36" title="smileblog_tips_spreadimage04" src="http://www.smilebooks.com/blog/wp-content/uploads/smileblog_tips_spreadimage04.jpg" alt="smileblog_tips_spreadimage04" width="315" height="255" /></p>
<p>Now take your image and drag it into each of the image fields.</p>
<p><img class="aligncenter size-full wp-image-38" title="smileblog_tips_spreadimage05" src="http://www.smilebooks.com/blog/wp-content/uploads/smileblog_tips_spreadimage051.jpg" alt="smileblog_tips_spreadimage05" width="315" height="255" /></p>
<p>Move each image around in it‘s frame until you get the effect you are looking for. Sometimes you need to use the zoom tool (4th from the right on the tool bar). Just remember to enlarge each image the same number of times.</p>
<p><img class="aligncenter size-full wp-image-39" title="smileblog_tips_spreadimage06" src="http://www.smilebooks.com/blog/wp-content/uploads/smileblog_tips_spreadimage06.jpg" alt="smileblog_tips_spreadimage06" width="315" height="255" /></p>
<p>If you move the entire image field by mistake (this can happen if your mouse moves onto the frame surrounding the image), just let go of the mouse and click on the „undo last action “button. It‘s the 3rd from the left on the tool bar.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smilebooks.com/blog/spread-an-image-across-multiple-frames/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

