[HD] Dreamweaver CS4: CSS Pixy Style Rollovers

Rollovers are hot, and CSS rollovers are hot-ter. Creating rollovers using CSS prevents you from having issues as far as people not having JavaScript enabled and from having to worry about JavaScript and your rollovers.

The beauty of Pixy style rollovers is they are automatically preloaded due to the way we set them up so you will not have any flashing or issues showing up when people rollover your buttons. Learn how to build them in Dreamweaver here!
Be sure to check out http://www.tutvid.com
Check out the blog @ http://tutvid.wordpress.com

Category:

Education

Tags:

• HD
• Dreamweaver
• Tutorial
• CSS
• Rollovers
• buttons
• links
• basics
• help
• Training
• Adobe
• How
• to
• CS4

[avocadomilk2010]

amazing. ur a great teacher.

[MarcinEurope]

5 stars

[MarcinEurope]

thank you very much ur amazing!

[hihaatje]

@mastajaaku haha good luck ;) if i were you id go to google and ask them for a custom search.

[caweren222]

or you could simply go to the CSS code and type

.menubutton:hover{

background-image:url(x/xxxx.jp­eg);

}

Takes 2 seconds.

[mime225]

Clever!

[wizzofwater101]

Very hot...Thank you!! Really helped. :) All of the other ones I've seen were really complicated :/

[upfull0ne]

@dyquen85 you may just be experiencing a lag in the time it takes your server to update the css file.

[TrueLoveDesign]

Great Video Thank you.

[dyquen85]

Hey I followed everything and i tested it on firefox and everything looks great but in safari it still has that basic setup with the nav bar links, how come its not previewing correctly in safari?