Download e-book for kindle: DotNetNuke Skinning Tutorial by Darren Neese

Content Pane

Additional Pane

Footer

There are lots of

and

tags in there.

42 ] Chapter 4 7. While we're here, let's add a background color to this style so that the sides become a darker color than that of the main content in the center. This is done in web design to focus the web visitor's attention on the content. Add the following after the height: Background-color: #888888; 8. Now go back to the HTM document and take out the whole style attribute. 9. If we were to parse this skin right now, virtually all of our skin would have this dark color as a background, which is not what we want.

Congratulations! You just created the whole table structure for your skin. [ 31 ] Page Layout Just as we went from the source view of our HTM file to the designer before, we'll need to switch back now to the source view. Before we parse and view this skin, we need to make several modifications to our code to make it usable. 1. One thing the VWD designer does while creating tables, as it just did, is that it makes the table cells (or

's) have a width of 100 pixels. Let's change this. Look in our HTM file's markup code for our portion of a

tag that says style="width: 100px" (do not confuse this with 100%).

Download PDF sample