Visual-Blast Media

Free web resources for designers and web developers | Tutorials, Scripts, Graphics, Photoshop, CSS

‘CSS’ Articles

Hip to Be Square: Attribute Selectors in CSS

Attribute selectors in CSS. Have you looked at other people’s style sheets lately? Were you baffled to find square brackets in the CSS code? If so, this article might be of interest to you.

Full Article

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

High Quality and Free CSS Layouts and Templates (0-38)

A list of high quality CSS – based layouts and templates you can use for your personal and commercial projects. License agreements are changing all the time, just check each layout and template for the copyright requirements before use.

CSS Layouts

  • Layout Gala- A set of 40 professional CSS layouts, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
    layout_gala.jpg
  • CSS Layouts - another great collection of CSS layouts.
  • Dynamic Drive CSS Layouts – two column, three column, fixed, liquid …
  • Nice and Free CSS Layouts – 12 free CSS layouts.
    niceandfreecsstemplates.jpg
  • Strictly CSS – 10 css layouts.
  • Maxdesign - a range of CSS page layouts, including 2 column and 3 column layouts - free to use and abuse as needed.
  • CSSplay - Stu Nicolls presents dozens of free professional layouts. Just check each page for the copyright requirements before use.
  • ThreeColumnLayouts, by CSS Discuss - Collection of 3-column-templates.
  • CSS Intensivstation - css layouts and templates for Flux CMS.
  • Code-Sucks - 5 web templates, 53 Fixed width CSS Layouts and 42 Faux Column CSS Layouts.
  • CSS Tinderbox - CSS/XHTML templates that web designers/developers can use as the foundation for their own projects.
  • Jimmy Lin - 8 simple CSS/XHTML templates.
  • Little Boxes - 16 Layouts
    little_boxes.jpg
  • Ruthsarian - Free CSS layouts and CSS-based drop-down menus.
  • Mitchbryson – 8 layouts.
  • TJK Design - 8 layouts.
  • Bluerobot - The Layout Reservoir.
  • csscreator - CSS Layout Generator. Generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.

CSS Templates

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

CSS Express Drop-Down Menus

A PVII solution that will help you produce a quick menu without some of the limitations found in some other “pure” CSS menus.

Example

Full article 

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

How z-index works!

Understanding CSS z-index Property

Six draggable color boxes you can use your mouse to position them anywhere in the page. You can set z-index and position values for each one of these six boxes. Using Firebug, you can monitor in real time how these elements get styled.

Definition
The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.
Note: Elements can have negative stack orders. Z-index only works on elements that have been positioned (eg. position:absolute; position:relative;)!
Inherited: No

CSS z-index demonstration

Digg it   Add to Del.icio.us  Stumble it   |  Subscribe to RSS

Page 3 of 3«123

Translations

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag