Lab: Enhancing navigation with CSS


show more Lab: Enhancing navigation with CSS provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Lab: Enhancing navigation with CSS

In our final lab, we are going to enhance our Roux Academy site by adding a pure CSS button and utilizing CSS Sprites. So let's take a look at what we're going to be building. All right, so the first thing that you are going to be doing is working on a button, and here I am on the Information Request form. This is the page you are going to be working on. Down at the bottom where you have Submit button-- and I want you to style that anyway that you want to make a pure CSS button out of that-- I'll go into the particulars in just a moment. And then the next thing you're going to be doing is we have this little section over here that says Connect with us that has some of the social media icons on it.

If you hover over those, you can see that they have a hover state on them as well, and those are all one single image. So they are Sprite image that you can work with. So we are going to be using CSS Sprites and CSS only buttons in this particular lab. Now I'm going to switch over to ...

Lab: Enhancing navigation with CSS
Video duration: 5m 26s 5h 14m Beginner

Viewers:

Lab: Enhancing navigation with CSS provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...