Video Tutorials and Learning for Rapidweaver Users
Using CSS3 to round corners on images varies in quality and it doesn’t work in all browsers. Add in a little help from jQuery and you get good looking corners and even shadows. In this video tutorial you will see now to do this easily.
Show Notes
Please Login or Register with SupportCasts to view the rest of this content.
A very nice horizontal accordion with no jquery, mootools or other scripts. Compatible with all modern browsers.
In this video tutorial we will show you have to make adjustments to colors and the size of the accordion to suit your site.
Link to Developers Site – Click Here
You can get all the CSS and the unordered list at the link above.
Please Login or Register with SupportCasts to view the rest of this content.
In this second cast on the Back to Top link we will see how adding an HTML “p” tag can help us better style the way our link looks.
You can grab the code I used in the cast and/or follow along to see how this is done.
I’ve also thrown in some CSS 3 to add a bit more style to the overall effect.
Enjoy the show and the code we have put together for you.
Please Login or Register with SupportCasts to view the rest of this content.
Awesome Buttons…
Here’s a short screencast on how you can use some scalable buttons in your RapidWeaver web project with some CSS3 coding. These buttons come in three sizes – small, medium and large – and the only image that’s required is an overlay image. even though we do use RapidWeaver the same tricks can be applied to any other web development tool that you may use ;)
Okay lets get on with the show :)
Please Login or Register with SupportCasts to view the rest of this content.
A look @font-face. How it works to make available fonts to the viewers browser that are not “web safe”.
This works well but is not a simple, one set of css for all browsers. We cover not only the css to make this work but some issues for the future.
In one part I try to target the Title of the site in the theme. I use #pageHeader and it should have been #title. Kept the “wart” in the cast.
Show Notes
Welcome back to another of our warehousing and images series for RapidWeaver.
Here’s a great way to display your images with that nostalgic look of a Polariod image. These polariods have a bit of a twist by incorporating some CSS3 into the layout for some added spice.
Please Login or Register with SupportCasts to view the rest of this content.
