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 ...
Flat Design and Ghost Buttons
One of the latest web design trends is flat design, and one of the expressions of this trend is the ghost button. This article provides easy code to create ghost buttons. 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 ...
Code for Horizontal Drop-down Menu Bar
One of the most popular website navigation elements used today is the horizontal drop-down menu bar. Using the code provided in this article, you'll be able to create a menu bar that meets your requirements. You'll be able to easily change the number of main menu and sub-menu items, and to style the menu as you desire. More ...
CSS to Use an Image as a Mask
Here is an easy way to create nice image text effects. A mask is an image with one color that is transparent, allowing an image behind it to show through, while a different color is used to block the parts of the image behind it. More ...
Easy Rollover Menu Code
CSS menus with rollover effects are the standard for today's Web sites. In this article, you learn how to create a single-level CSS rollover menu. With this information and example code, you should be able to design your own menus. More ...
How to Use a Pull Quote
A pull quote is a sentence or two extracted from an article and placed in quotes. The extracted text is used as a "teaser" to entice the reader to continue reading. By using quotation mark and background images along with choice of fonts, font size and color, you have infinite opportunities for creativity in the design of pull quotes. More ...
How to Color Alternating Rows or Columns in a Table
It can be difficult for your eyes to follow a row or column across a large table. In this article, I show you some easy CSS techniques to to add a background color to alternating rows or columns of a table to make it easier to read. More ...
Easy CSS 3D Mouse-over Pressed Text Effect
I provide easy CSS code for 3d text when you move your mouse pointer over the 3D text shown above, the text will appear to be pressed. In this example, I configured the 3d text in a link. More ...
Setting a Larger First Letter
Long ago printing was much more stylish than it is today. The first letter of the first paragraph was much larger than the rest of the text. If you want to publish fictional content on the Web, you can give your story an extra touch of class. Use the information in this article to set a larger first letter for the first paragraph. More ...
Easy CSS Tabbed Navigation
Tabbed navigation depicts file folder tabs as a metaphor to navigate a website. In this article I'll provide the code for tabbed navigation based on a list that uses only CSS, and one that uses CSS combined with graphic images. More ...
Create a Cool Picture Frame Effect with CSS
By setting the CSS border-color property to a transparent color, and setting the background-origin property to border-box you can create a cool picture frame effect. More ...
