Join Joseph Lowery for an in-depth discussion in this video Fine-tuning Spry tabs, part of Layouts with CSS in Dreamweaver.
Now we are ready to fine tune this bright tabbed panel CSS.…I will say that right now it actually doesn't look bad in terms of the basic…colors, but I think I want to do some things to really make this standout.…And the first thing I want to do is add in some rounded corners for our tabs.…So let's go ahead and switch over to the All mode, and as I've mentioned in…other videos, I do find it often a lot easier to work in All mode with the Spry…CSS files, because they are so logically laid out.…
So the first thing we want to change is TabbedpanelsTab.…Now I am going to right-click and Go to Code.…So I can address this.…As you can see, let me switch to Code View, so you can see it all directly.…If you lose it in Code View, if you just press your arrow keys left or right,…Dreamweaver will reposition the window, so you can find it again.…So there are quite a few properties here, but let's go ahead and add in some new…ones right at the bottom.…I will put my cursor right after the last one, and hit Return or Enter.…
- Exploring HTML5 templates in Dreamweaver
- Understanding document flow
- Using floats properly
- Resetting CSS styles
- Creating a 1-, 2-, or 3-column layout
- Deciding on a fixed width versus variable width design
- Coding layouts for HTML5 and CSS 3
- Incorporating floated elements
- Applying the faux column technique
- Using Spry widgets
- Using Multiscreen Preview
- Modifying desktop layout for tablets
- Developing smart phone layouts
Skill Level Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
Dreamweaver CS5 Essential Trainingwith James Williamson15h 22m Beginner
1. Dreamweaver Example Layouts
2. Layout Concepts
3. Basic Layouts
4. Interior Layouts
5. Alternative Screen Layouts
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.