Latest Theme Showcase
Site Additions


www.summerhilldental.com
www.wra.org.uk
www.bergfloh.de
www.powerprojection.net
www.mstuggu.no
www.bitsuk.net
www.3dgarage.com
www.geschiedenisleraar.nl
www.dake.com
www.dockhamdentalcare.com
www.morgenstern-kaes.net
www.godfarm.org
www.rotenon.se
www.coffeepodcanister.com
www.surfsidehouse.com
www.discoverpinpoint.com



Blueball Design now offers:


Rapidweaver Themes


Sandvox Designs

Watch our blog pages for details on upcoming new original Rapidweaver Theme and Sandvox Design releases!











What RW Users Are Saying About Our Rapidweaver Themes!

"I have used Frontpage, Contribute, and other graphical site creators, but Rapidweaver and your themes are the best!"

"Blueball - the first place you should look for RW themes!"

Another fabulous theme for RapidWeaver - I have previously purchased Ultima Colours 2 for my wife’s PhotoBlog Site – and can honestly say that this developer has a theme for just about any type of web site. In my experience they are well coded, well designed and the developer is well-integrated into the RapidWeaver community via the Forums. "Recommended – go here first for your RW themes!"

blueball_faqhead

Some of the most frequently asked questions we've received on our themes and Rapidweaver, and our responses.

My friends and customers only see code in their browser window in IE6 on their PCs when they go to my website. How do I fix this?
The reason your viewers are seeing just code in their browser window is because you have the XML Declaration box checked in your export settings in Rapidweaver. This causes the XML Declaration line of code to be placed at the very top of your exported page's code above the doctype line of code which causes IE6 to go into "quirks" mode with the end result being that just the page's code shows up in the browser window in IE6.

To fix this is easy to do. Open the Inspector panel click "Site" at the top then "Template" and select either Default or Tidied export settings and uncheck the XML Declaration box. Then click "Page" and "General" and select either Tidied or Default again and uncheck the XML Declaration box. You will have to do this step for each existing page in your site. After you have finished this, save your site with a new name. Then open the Site Inspector again, click Site then Publishing and check the "Use Optimized Publishing" and click on the clear publishing cache button. This will cause your entire site to be re-published again to your server directory. Then re-export your site to a new folder and re-publish it completely replacing your current site's files on your server.


There is a big white space above my images in the content area and they are moved down below the bottom of the sidebar in IE6. How do I fix this?
The reason your viewers are seeing this when they view your site in IE6 is that your image files are too wide for the content area. IE6 handles margin widths differently then other browsers do. To fix this problem, reduce the width of your images or thumbnail page images or flash slideshow file 20-30px in width. This should fix the problem for you. You may need to try several widths to get it to work right. Some themes come with ReadMe files that specify the width of the content area you have to work with. Re-export and re-publish the pages you were having problems with and you should be good to go with IE6.

How do I change the colors of my headline type in my theme?
Open your theme's styles.css file that is located in the theme's contents folder. Scroll down a little bit to the Global classes where you will find the h1 through h5 css divs. They will look something like this as an example (some themes may use ems for font sizing):
h1 {
font-size: 18px;
color: #1b5cbc;
text-align: left;
font-weight: normal;
}
Change the color to the 6 digit hex code you want to see. Save the file. Note: You may also have to adjust the variation color css file that is the same color as the default css file is that you just edited for your changes to show up in preview in RW.

How do I change the color of my body type in my theme?
Open your theme's styles.css file that is located in the theme's contents folder. At the top of the theme look for the body div block of code. This will vary some with each theme but you can adjust the font-family, font-size and background color all from this one block of code. The body div will look something like this as an example (Themes may vary):
body {
background: #000000 url(images/bb_bg3blgr.png) top left repeat-x;
text-align: center;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: normal;
color: #353535;
margin-top: 0px;
margin-bottom: 20px;
}
To change the color of your body font used throughout your site change the "color: #353535;" to the 6 digit hex code you want to use. To change the background color adjust the "Background" line of code. The above example positions an image to the top left of the layout and tiles (repeats) it going across the layout. If you want the image to repeat down use "repeat-y". The background color is black #000000. To just have a solid color with no image use:
background: #000000;
Save your file after your changes. Note: You may also have to adjust the variation color css file that is the same color as the default css file is that you just edited for your changes to show up in preview in RW.

How do I delete or add a border to my images in my theme?
Open your theme's styles.css file that is located in the theme's contents folder. Scroll down to the "img" div block of code usually in the Global class area. The img div will look something like this as an example (Themes may vary):
img {
border: 0px;
}
The example shown has a border width of 0px specified. You can change the width to whatever you want to see. Most use 1px as a width.
To add color to your border do this:
img {
border-width: 1px;
}
To add in color and the type/style of border do this:
a img {
border: 1px solid #cccccc;
}
This div example is for images that are links that you do not want a border to show around the linked image.
a img {
border: 0px;
}

How do I change the colors of my links in my theme?
Open your theme's styles.css file that is located in the theme's contents folder. Scroll down to the "a:link" div blocks of code. The div code will look something like this as an example (Themes may vary):
a:link, a:visited{
text-decoration: underline;
color: #1b5cbc;
}

a:hover, a:active{
text-decoration: underline;
color: #fc8300;
}
Change the colors in the 2 link divs to the 6 digit hex codes you want to see. Save the file. Note: You may also have to adjust the variation color css file that is the same color as the default css file is that you just edited for your changes to show up in preview in RW.