Join Chris Converse for an in-depth discussion in this video Saving web graphics from Photoshop, part of Creating Navigation Menus with jQuery and Dreamweaver.
Now to create the graphics for our layout, let's come up to the folder 2, Art…Templates inside of the exercise files. Let's open up template_items.psd.…Now inside of the Layers Panel, I have a layer at the bottom called fpo.…This is simply just a gray layer, but since we have some semi-transparent…artwork on the stage here, this is going to make it easier for us to see that artwork.…So I am going to zoom up here on the individual slices.…Now to get to the Slice tool, we are going to come over here to the Cropping…tool, click and hold, and we will see two Slice Tools here, the Slice Creation…tool, and the Slice Selection tool.…
I am going to select the Slice Selection tool, double-click on logo.…And here we can see the slice settings, the Name is logo, the Width is 120, the Height is 70.…This is the semi-transparent ping file that's used inside of the IE7 and 8 CSS file.…We'd use a semi-transparent ping here since IE7 and 8 don't support…semi-transparency with CSS 3, and this is set to 15 x 15.…And if I zoom up even further, we can see the two small arrows, we are going to…
To preview the finished project, visit: http://codifydesign.com/chris/lynda/samples/course-0015
This course was created and produced by Chris Converse. We are honored to host his material in the Lynda.com online training library.
Skill Level Intermediate
Q: Where can I find more menu information and plug-ins from menu systems?
A: There is a great article from 1stwebdesigner, "38 jQuery And CSS Drop Down Multi Level Menu Solutions", where they list and explain thirty-eight different plug-ins and techniques.