A nice clean way to have a different looking bullet list with triangles made without an image.
This set of pseudo classes only work in the latest browsers versions of Safart, Firefox, Opera, Google Chrome and IE9.
They won’t work in IE6, IE7 or IE8.
Getting a background image to scale to 100% of the viewer’s browser window width and height is tricky. Pure CSS or even CSS3 do a good job in many browser but fail in IE6, IE7 and even IE8. Opera and others fail depending on how you do it with CSS.
jQuery steps up to the plate and solves it. Well, almost. Just one little niggle. If you can live with it then this is the solution for you in all browser except IE6.
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.
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.
In this video tutorial you will learn how to get all the elements in place. I’ll also show you that you can use both styles on one Rapidweaver page.
Grab the downloads and lets get started…
Don’t forget to grab the icon sets from DryIcons.
Those links are on the Codrop tutorial page below.
Now that you’ve added a “back to top” anchor link on your page, let’s make the trip a pleasurable one.
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.