September 2, 2010

CSS010 – Custom Stylesheet

Have you ever wanted to take all the custom css and consolidate it? In this video tutorial we show you have to take all the css common to all pages of the Rapidweaver web site and place it in an external stylesheet. One change to that sheet will effect all pages of the site you specify.

Please Login or Register with SupportCasts to view the rest of this content.

CSS3 – Pure Horizontal Accordion

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.

Tooltip Tuesday #6 – Styling your qTip (RW070)

In our members Tooltip Tuesday special we look at how to create our own custom styles for our tooltips.

You will want to download the Show Notes so you have a copy of the code I use during the cast. I’ve also included the full qTip script so you can take a peek under the hood and see the built in styles.

So let’s get started and get creative…

Please Login or Register with SupportCasts to view the rest of this content.

CSS009 – CSS Positioning #2

cssIn this follow-up tutorial we look at positioning without a theme applied. This helps in understanding the process. It can get confusing knowing how and when to use which one. Static, Relative, Absolute and Fixed explained, shown and a great site to go to for more.

Please Login or Register with SupportCasts to view the rest of this content.

CSS008 – Positioning Elements

cssIt can get confusing knowing how and when to use which one. Static, Relative, Absolute and Fixed explained, shown and a great site to go to for more.

Please Login or Register with SupportCasts to view the rest of this content.

RW065 – Awesome Buttons

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.

CSS007 – Font-Face – Public Cast

cssA 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

Show Notes

RW063 – LetterPress CSS3

Letterpress Technique in RapidWeaver

Letterpress is an industrial print that made its way into web design using images to accomplish the same effect.

Now with CSS3 we no longer need the images…Yay. Enjoy the show.
Please Login or Register with SupportCasts to view the rest of this content.

  • Page 1 of 2
  • 1
  • 2
  • >