Easy Cascading Style Sheets
Make a Fixed-width Variable-height Round Cornered Box You have undoubtedly seen websites that display text within round cornered boxes, and,
since there is no round cornered html element, you wondered how that was done. In this
article, you'll learn precisely how to create such a round cornered box. More ... Easy Text Drop Shadows A text drop shadow is a nice effect, but it used to require you to use a graphics
editor to create a image text. CSS3 introduces the text-shadow property which makes
it easy to create text drop shadows without using graphics. More ... How to Style a List Lists are a very common structure found on Web pages. Many lists use the default styles,
which makes them somewhat boring. In this article, I show you how to get control of your
lists and how to use style rules to make them more interesting. More ... How to Use a Starburst on Your Web Page A starburst is a useful advertising graphic that draws the viewers attention to
exclamatory advertising message. It can be entirely graphic, that is, the starbust
and the text are all in one graphic image. In this article, I show you how to use a
starburst graphic with text that you type in. This has the advantage that you can
change the text without editing the graphic. More ... How to Change the Mouse Pointer Internet Explorer provides a selection of standard mouse pointers. Which standard pointer
is being displayed depends upon the location and context of the mouse. Using Cascading
Style Sheets (CSS) rules, it's easy to change the mouse pointer. More ... Understanding CSS Positioning One of the most important CSS webpage layout concepts to understand how to position
webpage elements. In this article you'll learn how a web browser places elements on
the webpage as it renders the display, and you'll learn about the five different
methods of positioning: static, relative, absolute, fixed, and float. More ... Spice Up Your Web Forms with Color and Graphics You've used color and graphics to create a visually exciting Web site. Then you add
a web form with the default font and gray and white colors. You don't have to have
dull Web forms. In this article I show you a few tricks that you can use to spice up
your Web forms. More ... Easier Expanding Menu Code This article provides you with easier expanding menu code than a previous article did
by losing automatic menu unexpand feature and added some easy CSS code to provide nice
mouse over effects. More ... The CSS Box Model One of the most important CSS webpage layout concepts to understand is the box model.
Every element on a webpage is actually a rectangular box. Exactly how a box will display
depends upon the positioning method used, which other CSS properties you set for the box
and how you select the box. More ... Easy Visual Effects to Spice Up Your Webpage This article demonstrates how easy it is to use Internet Explorer's built-in functions
to create interesting visual effects to spice up your webpage. Add only a few simple
lines of Java Script code and you can create very impressive dynamic effects. More ... Easy Three-level Expanding Menu Code In a previous article, I described an easy method to create an
expanding menu similar to Windows Explorer, but with only one level of sub-menus. This
article provides code for a similar expanding menu, except with two levels of sub-menus. More ... Easy Scrollable Area Code In this article you'll learn how to create a scrollable area. Then you'll learn how
to use Style code to customize the appearance of your scrollable area. Next you'll
learn how to layout your webpage with scrollable areas. And last, you'll learn how
to load your scrollable area's from external files so you never need to edit your
front page again. More ...
|