<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.1-alpha-2539" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
		>
	<channel>
		<title>WordPress.com Forums &#187; Topic: Chanding Flickr widget layout</title>
		<link>http://en.forums.wordpress.com/topic/chanding-flickr-widget-layout</link>
		<description>WordPress.com Forums &#187; Topic: Chanding Flickr widget layout</description>
		<language>en</language>
		<pubDate>Wed, 19 Jun 2013 10:43:21 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1-alpha-2539</generator>
				<atom:link href="http://en.forums.wordpress.com/rss/topic/chanding-flickr-widget-layout" rel="self" type="application/rss+xml" />

		<item>
			<title>sunburntkamel on "Chanding Flickr widget layout"</title>
			<link>http://en.forums.wordpress.com/topic/chanding-flickr-widget-layout#post-159843</link>
			<pubDate>Fri, 25 Jan 2008 14:02:34 +0000</pubDate>
			<dc:creator>sunburntkamel</dc:creator>
			<guid isPermaLink="false">159843@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>the widget will be as tall as the photos inside it.  you can add more photos, but you can't make it "the full length of all posts"<br />
here's why:<br />
<a href="http://www.alistapart.com/articles/fauxcolumns/" rel="nofollow">http://www.alistapart.com/articles/fauxcolumns/</a>
</p>
]]></description>
					</item>
		<item>
			<title>fastrax on "Chanding Flickr widget layout"</title>
			<link>http://en.forums.wordpress.com/topic/chanding-flickr-widget-layout#post-159346</link>
			<pubDate>Thu, 24 Jan 2008 09:45:44 +0000</pubDate>
			<dc:creator>fastrax</dc:creator>
			<guid isPermaLink="false">159346@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>how do you make the widget longer to show mreo photos - the full vertical length of all posts?
</p>
]]></description>
					</item>
		<item>
			<title>drmike on "Chanding Flickr widget layout"</title>
			<link>http://en.forums.wordpress.com/topic/chanding-flickr-widget-layout#post-45219</link>
			<pubDate>Fri, 19 Jan 2007 17:11:08 +0000</pubDate>
			<dc:creator>drmike</dc:creator>
			<guid isPermaLink="false">45219@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Thanks for posting that. :)
</p>
]]></description>
					</item>
		<item>
			<title>sunburntkamel on "Chanding Flickr widget layout"</title>
			<link>http://en.forums.wordpress.com/topic/chanding-flickr-widget-layout#post-45190</link>
			<pubDate>Fri, 19 Jan 2007 13:24:14 +0000</pubDate>
			<dc:creator>sunburntkamel</dc:creator>
			<guid isPermaLink="false">45190@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>ok, you can hack the thing up a bit with the Custom CSS.  it's a bit tricky because the CSS for the white background and black border loads after your custom CSS (i've submitted a bug, we'll see where that winds up).</p>
<p>so you'll have to use different attributes and classes to get at the thing.  i used:</p>
<p><code>#flickr_badge_uber_wrapper {&lt;br /&gt;
width:100% !important;&lt;br /&gt;
border:0;&lt;br /&gt;
}</code><br />
to set the width (you can also use px, if you know the width of your sidebar)</p>
<p><code>&lt;br /&gt;
#flickr_badge_uber_wrapper * {&lt;br /&gt;
background:#ddd;&lt;br /&gt;
display:inline;&lt;br /&gt;
float:left;&lt;br /&gt;
}</code><br />
the asterisk means "everything inside of".  that's how i get the images to wrap, instead of stacking vertically.<br />
<code>#flickr_badge_uber_wrapper br {&lt;br /&gt;
display:none;&lt;br /&gt;
}</code></p>
<p>turns off the line breaks in IE.</p>
<p><code>#flickr_badge_uber_wrapper td {&lt;br /&gt;
background:#ddd;&lt;br /&gt;
margin:0 !important;&lt;br /&gt;
padding:0 !important;&lt;br /&gt;
}</code><br />
changes the background to something other than white.</p>
<p><code>#flickr_badge_uber_wrapper a {&lt;br /&gt;
display:block;&lt;br /&gt;
width:65px;&lt;br /&gt;
height:65px;&lt;br /&gt;
float:left;&lt;br /&gt;
text-align:center;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111 !important;&lt;br /&gt;
font-size:1.5em;&lt;br /&gt;
line-height:2em;&lt;br /&gt;
margin:2px;&lt;br /&gt;
padding:3px;&lt;br /&gt;
}</code></p>
<p>i wanted square images.  i can't change what images get fetched, but all the images are wrapped in link tags (<code>a</code>), so i set the size of the link tag to the smallest side of the image, and then made the link tag cut off any extra.  unfortunately, this means the link at the bottom of the badge is affected as well, so i also styled the text to be appropriate for a square link.</p>
<p><code>.widget_flickr table {&lt;br /&gt;
background:#ddd;&lt;br /&gt;
text-align:center;&lt;br /&gt;
border:0 !important;&lt;br /&gt;
width:100% !important;&lt;br /&gt;
margin:0 !important;&lt;br /&gt;
padding:0 !important;&lt;br /&gt;
}&lt;br /&gt;
</code><br />
this is where i really beat the thing into submission. <code>.widget_flickr</code> is the div that's created by the widget, whereas <code>#flickr_badge_uber_wrapper</code> is the id of the table inside it.  they both affect the same stuff, but this way i can override the default styling.  if i left it to the id, it would be overridden by the <code>!important</code>s in the default styling.
</p>
]]></description>
					</item>
		<item>
			<title>sunburntkamel on "Chanding Flickr widget layout"</title>
			<link>http://en.forums.wordpress.com/topic/chanding-flickr-widget-layout#post-44725</link>
			<pubDate>Wed, 17 Jan 2007 15:49:53 +0000</pubDate>
			<dc:creator>sunburntkamel</dc:creator>
			<guid isPermaLink="false">44725@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>the flickr badge is currently a bug.</p>
<p>the style for the badge is loaded after any page stylesheets, including the CSS upgrade stylesheet.  the background color and border cannot be changed.  </p>
<p>i will let you know if this changes.  i'm currently abusing the thing on my blog (click my name)
</p>
]]></description>
					</item>
		<item>
			<title>promdelicious on "Chanding Flickr widget layout"</title>
			<link>http://en.forums.wordpress.com/topic/chanding-flickr-widget-layout#post-44695</link>
			<pubDate>Wed, 17 Jan 2007 08:21:33 +0000</pubDate>
			<dc:creator>promdelicious</dc:creator>
			<guid isPermaLink="false">44695@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>how can i chage the dimensions, border and background color of the flickr stream in my sidebar?<br />
help pls
</p>
]]></description>
					</item>

	</channel>
</rss>
