<blockquote style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;" class="gmail_quote">See, images have sizes, in pixels. They aren't "fluid". They don't<br>
scale up well. So if somebody uploads a 50x20 pixel header, are you<br>
planning on scaling it across the whole screen? That might look like<br>
crap, eh?<br></blockquote><br><div class="gmail_quote">I was thinking of tiling. Basically I was planning on providing options to tile the image to span the entire width. Basically the image doesn't have to be loaded via an img tag, but via the background to a div. The div can still respect the height you provide to it and then span the width.<br>
<br>On Wed, Sep 7, 2011 at 3:25 PM, Otto <span dir="ltr"><<a href="mailto:otto@ottodestruct.com">otto@ottodestruct.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div class="im">On Wed, Sep 7, 2011 at 4:56 PM, Sayontan Sinha <<a href="mailto:sayontan@gmail.com">sayontan@gmail.com</a>> wrote:<br>
> Hi,<br>
> One of the comments on the last submission of my theme was that I should be<br>
> using add_custom_image_header() if I am providing Custom Header<br>
> functionality. So I started coding this into my theme. While doing so I<br>
> noticed that the Header admin page has some text that is printed:<br>
><br>
>> You can upload a custom header image to be shown at the top of your site<br>
>> instead of the default one. On the next screen you will be able to crop the<br>
>> image.<br>
>> Images of exactly 1000 × 55 pixels will be used as-is.<br>
><br>
> The part that says 1000 x 55 comes from the defined values of<br>
> HEADER_IMAGE_WIDTH and HEADER_IMAGE_HEIGHT. Now, while these functions can<br>
> be filtered, they don't respond to fluid widths. Also, a sentence such as<br>
> "Images of exactly 100% x 55 pixels will be used as-is" doesn't make sense.<br>
> This makes it a problem for fluid width layouts. While I am not concerned<br>
> about the actual generation of the CSS (since that is in my hands), the<br>
> above text can get misleading. On a related note, if you filter the<br>
> HEADER_IMAGE_WIDTH to make it pass a percentage, it trashes the "%".<br>
><br>
> Is there a way to change / hide this text, then? As per the code in the core<br>
> it is shown "if ( current_theme_supports( 'custom-header-uploads' ) )",<br>
> which is obviously true, and I couldn't find any filter to turn this off.<br>
><br>
> If anybody has other suggestions or if I have missed something please feel<br>
> free to respond.<br>
<br>
</div>What exactly would a "fluid-width" header image look like?<br>
<br>
See, images have sizes, in pixels. They aren't "fluid". They don't<br>
scale up well. So if somebody uploads a 50x20 pixel header, are you<br>
planning on scaling it across the whole screen? That might look like<br>
crap, eh?<br>
<br>
My suggestion would be to define a maximum size for the image to be<br>
(aka, pretty big), and then scale it down if you like. But images have<br>
fixed sizes, and the custom header function has to take that into<br>
account. The user needs to know the acceptable parameters of the<br>
header image they're trying to create. The function needs to know<br>
ratios for scaling.<br>
<br>
In short, you *must* define a valid width, and height, in pixels. No<br>
other option really makes any sense.<br>
<br>
Now, if you are displaying it centered, or on the left-side, or even<br>
on the right side, then that's fine. But if you're wanting it to<br>
display at 100% width regardless of the actual size of the image, then<br>
that's going to look pretty terrible on a lot of sites.<br>
<font color="#888888"><br>
-Otto<br>
_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
</font></blockquote></div><br><br clear="all"><br>-- <br>Sayontan Sinha<br><a href="http://mynethome.net" target="_blank">http://mynethome.net</a> | <a href="http://mynethome.net/blog" target="_blank">http://mynethome.net/blog</a><br>
--<br>Beating Australia in Cricket is like killing a celebrity. The death gets more coverage than the crime.<br><br>