onload=function(){
Nifty('div#header','top br transparent small');
Nifty('div#footer','transparent small');
AddCss ("nifty_corners/css/niftyCorners.css");
}
Note how you can specify which corners are rounded in the Nifty
Corners JavaScript code (highlighted)??”in this case, the top edge
corners and the bottom right. This leaves the bottom-left corner
with the usual squared-off corner. The transparency setting ensures
the background graphic is visible.
And that??™s it??“??”our page is complete (Figure 7.20).
FIGURE 7.20 The ?¬? nished page.
small rounded top and bottomright
corners with transparency for
header
small rounded corners with transparency
for footer
location of Nifty CSS ?¬? le relative to
this page
BUILDING WEB PAGES 271
Conclusion
CSS is a powerful mechanism for styling Web pages. Having a deep
understanding of its workings gives you, the designer, the best
chance of having your designs render accurately on the largest possible
number of browsers. I have tried to include in this book the most
useful techniques and insights that I know, and I encourage you to
build on the Stylib library and the book??™s sample ?¬? les here to create
your own collection of page layouts and interface components.
As you can probably tell, I love working in CSS, and I hope this book
has given you that same enthusiasm for its wonderful capabilities
and provides you with the knowledge you need to realize your creative
visions.
Pages:
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310