Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Is a "fluid" Header image possible?


  #1  
Old Jan 26, 2010, 06:17 PM
agentc0re
 
4 posts · Jan 2010
I searched the forums and found an old post from last year about this http://forum.bytesforall.com/showthread.php?t=301

However the code mentioned to be changed looks different now and i'm guessing that is because of updates and what not. Just want to make sure that the majority of it is still relevant. Or maybe there's a better/easier way to do this now.

I am currently using the style, "Overlayed Blog Title/Tagline Style" to display that info and then center it within the header(which is awesome!) and am hoping that doing the above would also keep this the same and center it non the less.
  #2  
Old Jan 27, 2010, 11:44 PM
agentc0re
 
4 posts · Jan 2010
Well i've tried adding the following in HTML INSERTS: HEADER
Code:
<script type="text/javascript"> 
//<![CDATA[
jQuery(document).ready(function(){  
	// Header image auto resize on views resolution
	var headerwidth = jQuery("td#header").width(); 
	jQuery("#imagecontainer").each(function() { 
		var maxwidth = headerwidth + 'px';
		var imgwidth = jQuery(this).width(); 
		var imgheight = jQuery(this).height(); 
		var newimgheight = (headerwidth / imgwidth * imgheight) + 'px';    
		if (imgwidth > headerwidth) { 
		   jQuery(this).css({width: maxwidth}); 
		   jQuery(this).css({height: newimgheight}); 
		}
	});
});
//]]>
</script>
And in CSS INSERTS
Code:
#imagecontainer { max-width: 100%; width: auto 100%; height: auto 100%; }
But the header image is not resizing when someone with a smaller resolution views my website. I have a netbook that i've been testing it out on. the image still gets cut off.

The code above is basically from the post i mentioned and after viewing the current code in the header.php i changed it accordingly to what i thought would make it work. I don't know how jQuery works either, but it appears to be checking for what was inputted in for the height/width for the image and the width of the overall layout but my layout is a percentage and not a number... and only the height of the image is a number that was defined within the configuration in HEADER IMAGE. I'm not sure if it is able to determine the actual size of the image or if it's looking for values that have defined it exactly.

Ultimately if i can get this sorted i'd love to do the same for the background image.

Any help is much appreciated. TIA.
  #3  
Old Jan 29, 2010, 10:10 AM
agentc0re
 
4 posts · Jan 2010
Was reading around and saw donations are required for more customized help, like my post. So i've happily donated, as i think this theme is well deserved for the amount i sent. Milk and cookies on me! :P
  #4  
Old Feb 3, 2010, 02:04 AM
agentc0re
 
4 posts · Jan 2010
bumpity bump.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to select "Only Exerpts"/"Full Posts" for certain post? shus Center area post/pages 4 Jan 19, 2010 01:41 PM
How to change the font of "1 comment to..." and "Leave a Reply" headers RHCdG Header configuration & styling 1 Nov 28, 2009 04:56 AM
How can I add an image to a post and have it "float" so the text wraps around it? scrubbs Excerpts, Read more, Pagination 17 Nov 25, 2009 01:35 PM
Background color "sub-pages" and "whole menu bar" gxxfy Page & Category Menu Bars 1 Nov 24, 2009 02:46 AM
Multiple image header with different alignments for fluid width? haenchensd Header configuration & styling 1 Aug 8, 2009 05:28 AM


All times are GMT -6. The time now is 03:22 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.