CSSmania gadget
Friends

 
Choose your language!
Bookmarking
Main » Tutorials » Website Details
  
Creating a CSS layout from scratch
Submitted by:host at: 6/26/2007 under: "Tutorials".
Introduction Note: This tutorial assumes you have a basic knowledge of how to use CSS, but only have a very basic understanding of how it works. If you have NEVER used CSS before, you will want to start with the w3schools introduction to CSS. This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout. I will try my best to explain the concepts behind each step, but a lot of the time other people have already covered these things better than I can. Because of this there will sometimes be links to more information on external sites. Note: Please use a modern browser such as Opera, Firefox, or Safari for this exercise. Don't worry though, your site should work in IE at the end of it.
RSS: Latest website's posts
Loading
Related tags:css, tutorials, layout, fluid, fixed, columns
This page was viewed: 69 times.
Click to tag: post<li>
Comments
Post Comment
Post Comment
Loading...
Search for a website

Search

About

This site is a project of:

NukeDesigners | W3C valid skins for dotnetnuke portal.

Developer of the "webskingraft" multi valid skins package:

Demo website:

Nukedesigners/webskingraft

How to participate

Welcome to Nuke notes! (Beta).

You're invited to submit, share and view others bookmarking.

In order to do that all you have to do is join as a member to this web site. (Here).

If you're already a member you can log in here.

After short registration process you will have a role to submit your bookmarking.

Submitting is very simple: you will need to fill a few fields:

The Url of the web site, a title (anchor), description ( as long as you wish) and the url of a RSS from that website.

Please do not use the "update and upload images" option , since we do not use images in the template. (We're using "snap" for that; move your mouth hover a link and you'll see the website's image "live".)

you're welcome to suggest any new web site "type" or "sub type". Also if you have any other idea please let us know.

you can use the form at the contact tab for that.

Thanks.

20 Most popular/viewed
Rss SlideShow gadget for Flickr, Picasa and photobucket feeds.
This page was viewed: 2068 times.
submitted under "Announcements" At:1/31/2008.
The gadget lets you turn your Album's RSS into a beautiful slideshow within seconds. All you have to
CSS gallery, code samples, tutorials, and more.
This page was viewed: 1520 times.
submitted under "Portfolio" At:6/25/2007.
CSS gallery, code samples, tutorials, and more.
Property Agent 01.04.01 Released!
This page was viewed: 1456 times.
submitted under "Forums" At:1/5/2008.
You should be able to now use this 3rd party module that adds image profile capability to dotnetnuke
Airtight Interactive
This page was viewed: 1212 times.
submitted under "Tutorials" At:6/24/2007.
Airtight Interactive is the personal showcase site of Felix Turner. Felix Turner is a freelance mult
Inspector IT FREE Icon Library for DNN DockMenu
This page was viewed: 1124 times.
submitted under "DotNetNuke" At:1/5/2008.
A set of FREE icons provided my Inspector IT for use on the DNN DockMenu module
Gallery of Css Design Website. 63 design websites already present. Submit your site
This page was viewed: 1103 times.
submitted under "Portfolio" At:7/16/2007.
CSS Gallery | Website Design
Go2Web20.net - The complete Web 2.0 directory
This page was viewed: 1050 times.
submitted under "Portfolio" At:6/29/2007.
A comprehansive index of logos of the latest web 2.0 applications and services. Find what you need.
Online Tamil Songs
This page was viewed: 1049 times.
submitted under "Blogs" At:9/26/2007.
This blog consists of the websites that providing online streaming of Tamil songs and Tamil FM.
Clearspring - Services for Building, Deploying and Tracking Widgets
This page was viewed: 1020 times.
submitted under "Online Tools" At:7/17/2007.
Clearspring - Services for Building, Deploying and Tracking Widgets
CSS Structure and Rules
This page was viewed: 1013 times.
submitted under "CSS" At:6/25/2007.
The structure and rules of Cascading Style Sheets, including an introduction to the various kinds of
MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts
This page was viewed: 1004 times.
submitted under "Ajax" At:6/27/2007.
MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts
Rajesh Satyarthi a freelance web/graphic designer
This page was viewed: 992 times.
submitted under "Designers" At:6/28/2007.
Hi! I’m Rajesh Satyarthi, a freelance web/graphic designer in JBP, India. I design Websites that res
CSS Import | The CSS Gallery
This page was viewed: 987 times.
submitted under "Portfolio" At:7/16/2007.
CSS Import | The CSS Gallery
Dynamic Drive- Award winning DHTML and JavaScript
This page was viewed: 980 times.
submitted under "Ajax" At:6/27/2007.
ote: Updated Nov 8th, 06. Ability to select a tab dynamically, by calling a method (ie: via a link).
Contact forms creator.
This page was viewed: 980 times.
submitted under "Online Tools" At:7/18/2007.
Kontactr is a one-click free contact form service. With Kontactr, you can fight against the amount o
csstux - The best dressed sites on the web
This page was viewed: 977 times.
submitted under "Portfolio" At:7/16/2007.
A gallery of inspiring web site design and resources, focused primarily on sites using cascading sty
Eskimo
This page was viewed: 968 times.
submitted under "Designers" At:6/25/2007.
Websites, E-Cards, Animated Invites, Interactive Media, Eyecandy, Screensavers, Animations, Games, B
CSS Tools soxiam Wiki
This page was viewed: 943 times.
submitted under "Online Tools" At:7/1/2007.
Link to many many online tools resources and directories regarding mainly CSS
Complete CSS Guide - Cascading style sheets reference - Contents
This page was viewed: 934 times.
submitted under "Tutorials" At:6/24/2007.
Comprehensive reference to CSS including selectors, properties and browser support
Semantics — Why Bother?
This page was viewed: 897 times.
submitted under "Articles" At:6/26/2007.
A great deal has been written about semantic markup and its importance. Some of this material has b
Latest added
DotNetNuke desarrolladores
This page was viewed: 36 times.
submitted under "DotNetNuke" At:12/23/2008.
Desarrolladores DotNetNuke en Español
Tips and Tricks for Google Sites
This page was viewed: 33 times.
submitted under "Tutorials" At:12/22/2008.
Some Gadgets for Google Sites. Insert MP3 Reader, Slideshow and Video
Wizard allows you to create your RSS slideshow on the fly and embed it anywhere.
This page was viewed: 85 times.
submitted under "Announcements" At:12/2/2008.
takeslides and nukedesigners new media feeds flash player, is an advanced and revolutionary player t
Essay Writing
This page was viewed: 156 times.
submitted under "News" At:10/16/2008.
Juggling personal issues and social activities alone can take its toll on teenager’s lives. Essay wr
Vietnam Tour
This page was viewed: 196 times.
submitted under "News" At:9/28/2008.
Vietnam travel agent and tour operator offers luxury travel, deluxe vacations, first class holidays
Accident Lawyer New York City provides you with the apt information
This page was viewed: 230 times.
submitted under "Articles" At:9/3/2008.
The victims of personal injury should seek out advice from New York City accident lawyers immediatel
Chenna's Google Gadgets
This page was viewed: 374 times.
submitted under "Online Tools" At:7/2/2008.
This is my page in google gadget directory. http://www.google.com/ig/authors?hl=en&author=srinivas
SMS Services for UK Businesses
This page was viewed: 422 times.
submitted under "Marketing" At:6/5/2008.
Business SMS Services for UK companies. MessageMedia offers leading SMS software and text messaging
takeslides.com is launched
This page was viewed: 517 times.
submitted under "Announcements" At:5/13/2008.
takeslides.com uses the Google AJAX Feeds API and GFslideShow to create a simple slide show gadget o
Avi's gadget collection at google
This page was viewed: 681 times.
submitted under "Online Tools" At:3/2/2008.
This is the page in google gadget directory which displays all my gadgets. You can find there rss sl