background preloader

CSS2

Facebook Twitter

CSS Tinderbox. WordPress Tinder A small collection of very simple WordPress template frames that can be easily customized and adpated to suit your needs.

CSS Tinderbox

They’re built for WordPress 3.8 or later and set up to use widgets in multiple locations. CSST Simple Orange Another three column design but with the “heavy” column to the left and the other two narrow columns on the right. If orange is your thing, check it out. Screenshot / Download Zip CSST Simple Red To be totally honest, this one looks a hell of a lot like Simple Orange but with a cherry flavor though. Screenshot / Download Zip Installing A Template To install one of these WordPress templates: 1. 2. 3. As with any WordPress template, you’ll more than likely need to adjust the styles a bit to mesh with your current settings. (NOTE: Web geek tested and approved in Firefox 3.0 (Win), Firefox 2.0 (Mac), IE7 (Win), Opera 9.6 (Win), Safari 3.2 (Mac). Fixed-Width Templates Centered Box 1-Column 1-Column (2) 3-Over-4 Columns 3-Column 4-Column Now we’re talking!

2-Column. Nice and Free CSS Templates. Font. CSS gives you great control over the way your text is displayed.

Font

You can change the text size, color, style, and more. You probably already knew how to make text bold or underlined, but did you know you could resize your font using percentages? Let us begin the lesson with an easy and important font attribute, color! Although the color of the text seems like it would be part of CSS Font, it actually is a standalone attribute in CSS.

This could be for many reasons, including the fact that it will be used a great deal, so why make the coder type out "font-color", when they could just type out "color" instead? CSS Code: Display: This is a red h4 header. This is a hexadecimal #9000A1 h5 header. This is an rgb(0, 220, 98) h6 header. In the above example we used three different formats for defining a color: a color name, hexadecimal values, and RGB. Example form: rgb(Red, Green, Blue); with the range of 0-255 for each value. Font families can be divided into two groups: serif and sans-serif. CSS2 Reference. CSS Layout Generator. About the CSS Layout Generator The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated.

CSS Layout Generator

Updated in November 2010, HTML5 doctype can now be selected and a simple HTML5 template with appropriate tags will be created. Other HTML and XHTML doctypes are still available. The generator helps you create the structure of your website template using valid HTML and CSS. You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. The generator requires a modern DOM capable browser with JavaScript enabled. Instructions To create your layout select the structural elements your site requires (header, footer, columns). Info popups are available where you see InfoMore info example :) icon, just hover over it for more information.

Join the CSS Forum to suggest changes or ask for help where needed. Author: Tony Aslett.