You are here: Forum Home / RapidWeaver User Forum / Announcements / Thread
New Theme: OUT OF THE BOX
I would like to introduce a new Rapidweaver theme (click on the mage below):
With this new RapidWeaver theme you can add a fast loading full page background image to your webpage. The image expands when you increase your browser window.
This theme has up to 6 ExtraContent areas and comes with a downloadlink for 100 Extra background images, but you can add your own too of course!
Some theme styles of OUT-OF-THE-BOX:
â?¢ 11 different widths with different positions of Title and Slogan.
â?¢ Wide or Small Title Stroke.
â?¢ Option for a backgroundimage or color and a transparant film over the Content in any color.
â?¢ 5 different top stroke heights.
â?¢ Different Title and Slogan looks.
â?¢ Different fonts.
â?¢ Many color picker features.
â?¢ and much more: have a look at all Theme Styles.
Go to the demosite and have a look at all options.
Demosite of Out of the Box
All themes
All subscribers to my newsletter have receieved a newsletter with a 25% off discountcode for this theme.
Best,
Henk
BTW, thanks to Brian Morgan and Norman Todman for testing this theme.
This really looks great and a challenge to individual creativity because of the endless possibilities. Beautiful work, Henk!
Best, Rob
Great looking theme.
It seems much more workable than previous full screen RW themes. I took a look at your test site home page in Adobe Browserlab, though, and it looks like even the static headers and header fonts aren’t working in any version of IE, and the animated header doesn’t show up in Firefox 3 on Windoze and requires Firefox 3.6.
I could live without the animated banner in IE (although it is pretty sweet) and solve the font issue with using an image for the site title and Google WebFonts for the rest, but would like to hear how robust the dropdown menus are. Without a PC, that is the hardest thing to test with test site screenshots, and it is something that has been a problem with some other dropdown themes for me. Is there any flakiness with the menu behavior in IE?
Aloha,
Ron
Colorwave Imaging
Great looking theme.
I totally agree. You’ve done a great job Henk !
Without a PC, that is the hardest thing to test with test site screenshots, and it is something that has been a problem with some other dropdown themes for me. Is there any flakiness with the menu behavior in IE?
You have several options to run Windows on your mac so that you can perform those tests
http://www.apple.com/macosx/compatibility/
http://www.virtualbox.org/
Thanks for the nice comments.
The extra Header fonts (I’ve added 3 in the downloadfile) are made with CSS3. CSS3 is not supported by IE6, 7 and 8. Probably IE9 will support this. It’s a wellknown issue.
Here‘s a post about it, but these solutions are not all very nice.
These Title fonts (example1, example2, example3) are added by me as a kind of “joke”: you do’t have to use them, it’s more to show you the possibilities of CSS3. Here’s a link about this and you can use it in any theme!
All other build-in fonts in OUT OF THE BOX are supported by any browser.
So when you forget the extra fonts for IE the theme works fine with any browser. And the jquery dropdownmenu works fine with IE (any version above 6) just as with Safari, FireFox, Chrome, Camino and Opera! I’ve used this menu in some other themes too.
Without a PC, that is the hardest thing to test with test site screenshots, and it is something that has been a problem with some other dropdown themes for me. Is there any flakiness with the menu behavior in IE?
I always test themes on REAL PC’s: with all versions of IE (even the outdated IE6!) the theme looks great, the menu works fine and the slideshow is displaying correctly
Youâ??ve done another great job Henk !
I like this one ...
Best regards
JM
Henk all I can say is WOW this is one of the best themes I have ever seen…
It is what it is
I am hosted on Little Oak Hosting the worst hosting service I have ever used! Old post count 3740
MBP 2.66 Ghz Intel Core 2 Duo 8 GB Snow Leopard RW 5.x
Wow Henk, what a great, versatile theme! I have only one question regarding the background picture. As you can see in the attached Screenshot, the background picture is distorted when scaling the browser window. While this will look just fine with “surreal” background patterns, it doesn’t look nice when “real” pictures are used (just like the squeezed face in the attached screenshot). Is there any option to fix the aspect ratio of the background picture to avoid this distortion?
Best, Matthias
Image Attachments
Click thumbnail to see full-size image
FichtMedia // Print- & Web-Dienstleistungen
Schulungen & Workshops für RapidWeaver!
RapidBase // Das RapidWeaver Info-Portal
Wow Henk, what a great, versatile theme! I have only one question regarding the background picture. As you can see in the attached Screenshot, the background picture is distorted when scaling the browser window. While this will look just fine with “surreal” background patterns, it doesn’t look nice when “real” pictures are used (just like the squeezed face in the attached screenshot). Is there any option to fix the aspect ratio of the background picture to avoid this distortion?
Best, Matthias
Hi Matthias,
Thanks! BTW, there’s no screenshot in your previous post.
Yes, there’s a minor distortion of the background image when you scale the browser window. You can hardly see it with landscapes or abstract background images. But with a person or a city you can see this indeed. But for every problem is a solution…
When your image is for example 1024px wide and 768px tall paste this in the Custom CSS (Page-Inspector > Header > CSS):
img.bg {
min-height: 768px;
min-height: 100%;
min-width: 1024px;
width: 100%;
}
BTW, I’ve send you an email 
Wow Henk, what a great, versatile theme! I have only one question regarding the background picture. As you can see in the attached Screenshot, the background picture is distorted when scaling the browser window. While this will look just fine with “surreal” background patterns, it doesn’t look nice when “real” pictures are used (just like the squeezed face in the attached screenshot). Is there any option to fix the aspect ratio of the background picture to avoid this distortion?
Best, Matthias
Hi Matthias,
Thanks! BTW, there’s no screenshot in your previous post.Yes, there’s a minor distortion of the background image when you scale the browser window. You can hardly see it with landscapes or abstract background images. But with a person or a city you can see this indeed. But for every problem is a solution…
When your image is for example 1024px wide and 768px tall paste this in the Custom CSS (Page-Inspector > Header > CSS):
img.bg {
min-height: 768px;
min-height: 100%;
min-width: 1024px;
width: 100%;
}BTW, I’ve send you an email
Hi Henk,
thanks a lot for your e-mail! 
I now have attached the screenshot to my last posting, so that you can have a look at it. I’ve taken it from your current OutOfTheBox contact demo page. Hm, the code doesn’t work for me, so the picture still gets distorted. Any further hints ...?
Best, Matthias
FichtMedia // Print- & Web-Dienstleistungen
Schulungen & Workshops für RapidWeaver!
RapidBase // Das RapidWeaver Info-Portal
Hmm, now I see. It’s clear with a big computer screen. There’s another fix, but it doesn’t work fine with Safari and Chrome (and IE will not be happy with it) because the min-height isnâ??t catching and doesnâ??t resize vertically to fit:
Paste this in the Custom CSS:
#bg, #bg table, #bg td {height:100%;width:100%;overflow:hidden;}
#bg {position: fixed;}
#bg div {height:200%;left:-50%;position:absolute;top:-50%;width:200%;}
#bg td {text-align:center;vertical-align:middle;}
#bg img {margin:0 auto;min-height:50%;min-width:50%;}
And this in the Custom Header (so this replaces the snippet for the bg image) when you use for example img1.jpg:
<div id="bg"><div><table cellspacing="0" cellpadding="0"><tr><td>
<img src="assets/img1.jpg" alt=""/>
</td> </tr></table></div></div>
I would prefer the original method and the distortion? Well who cares And it works fine with all browsers!
Awesome work Henk!
-Greg
Rapidweaver plugins for file uploads and photo slideshows.
weaverFM @ http://www.barchard.net/projects/weaverfm/
weaverBox @ http://barchard.net/projects/weaverbox/
weaverPix @ http://barchard.net/projects/weaverpix/
Javabeanhosting @ https://www.javabeanhosting.com/
Image Magnifier [Stack] @ http://barchard.net/projects/stacks/image-magnifier/
Image Expander [Stack] @ http://barchard.net/projects/stacks/image-expander/
Google Group @ http://groups.google.com/group/weaver-plugins
This theme really looks incredible… the openness stye is so…. well, sexy!
I gonna have to get it!
Grow your business with AIMS (Advanced Internet Marketing Systems)
http://www.doublePLUSmarketing.com
I LOVE it Henk - this theme rocks! I’ve changed my homepage - it looks fantastic (well, except for the picture of me, but there’s only so much a theme can do!). Plus, you’ve given us a bunch of options like partially filling in the content area to make it stand out better, nice options for the header & footer…and the menu looks great as well.
Many, many thanks for yet another fantastic theme! I don’t know how you have time to crank the out, but I’m glad you do!
All the best,
Dave
Indeed your page is very impressive now, David!
I’ve added a few lines to the Readme file: all images in the downloadfile are 1024px x 768px but any height or width is possible! When you’ve for example a height of 500px and a width of 1100px the bottom part of the image will be more visible with larger computer screens. It’s all up to you.
But there’s more: I’ve added a downloadlink for extra (160!) images, all 1024px x 683px. So there are now 260 images…
Henk
Fantastic Theme, keep up the Fantastic work, you are a credit to the community
JnC