Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Fluid Resizing of %Image Area in header


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Jun 11, 2011, 10:11 PM
awcguy
 
34 posts · Feb 2011
West Virginia
Send a message via AIM to awcguy
Fluid Resizing of %Image Area in header

Please forgive me if the answer is already posted: (if so please provide link)

I am still learning to look at code and stuff..

In CSS3 the usage of background-size is just being recognized by Internet Explorer 9 but I believe that other browsers recognize it.

Surfing through the docs.. and using firebug I did not find the imagecontainer file in the CSS docs.

But in the bfa_header_config.php file: ( I found )

// Header Image
if ( strpos($header_items,'%image') !== FALSE ) {

ob_start();
$bfa_header_images = bfa_rotating_header_images();

echo '<div id="imagecontainer" class="header-image-container" style="background: url(' .
$bfa_header_images[array_rand($bfa_header_images)] . ') ' . $bfa_ata['headerimage_alignment'] .
' no-repeat;">';

if ( $bfa_ata['header_image_clickable'] == "Yes" ) {
echo '<div class="clickable"><a class="divclick" title="';
bloginfo('name'); echo '" href ="' . $homeURL . '/">&nbsp;</a></div>';
}



Can the no-repeat;

be Substituted with background-size: 100%;



Thus concluding we can have a fluid images that rotate?



---- Found some other data: (for other older browsers )
-moz-background-size: 100% 100%; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100% 100%; /* Opera 9.5 */
-webkit-background-size: 100% 100%; /* Safari 3.0 */
-background-size: 100% 100%; /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

Internet Explorer still at IE 9 Support

Last edited by awcguy; Jun 11, 2011 at 10:23 PM. Reason: Added more info
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Header Area Widget Table auto resizing holyyakker Sidebars & Widgets 1 Feb 2, 2011 01:42 PM
[SOLVED] Automatic resizing of the header image yiorgos Header configuration & styling 50 Jan 12, 2011 04:59 PM
[SOLVED] Correct CSS to set maximum width of center area, yet retain fluid header ima Wimbledon Center area post/pages 2 Dec 22, 2010 08:36 AM
[SOLVED] Creating a Fluid Image Header TerryEsh Header configuration & styling 2 Oct 13, 2010 06:03 PM
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 02:40 AM.


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