|
|
|
|
Thread title: Example CSS |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
10-19-2006, 12:29 AM
|
#1
|
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
Posts: 3,440
|
Example CSS
Not sure if this will help anyone, but it's a slimmed down version of the dealut CSS sheet I start all my client work with.
It helps keep everything organized. I've attached it and put it in ]code[ tags
Code:
/* Index -----------------------------------------
1: Global Layout
-1a: Navigation Layout
-1b: Form Layout
2: Global Styles
-2a: Login Styles
-2b: Navigation Styles
-2ba: Top Navigation Styles
-2bb: Left Navigation Styles
3: Page Styles
-3a: Page Styles - Home
-3b: Page Styles - Contact
----------------------------------------------- */
/* Global Layout
----------------------------------------------- */
/* Navigation Layout
---------------------------------- */
/* Form Layout
---------------------------------- */
/* Global Styles
----------------------------------------------- */
/* Login Styles
---------------------------------- */
/* Navigation Styles
---------------------------------- */
/* Left Navigation Styles
------------------------- */
/* Top Navigation Styles
------------------------- */
/* Page Styles
----------------------------------------------- */
/* Page Styles - Contact
------------------------- */
/* Page Styles - Home
------------------------- */
|
|
10-19-2006, 12:32 AM
|
#2
|
Status: I'm Spamming
Join date: Sep 2005
Location: Americawww
Expertise:
Software:
Posts: 3,963
|
Code:
/* Index -----------------------------------------
1: Global Layout
-1a: Navigation Layout
-1b: Form Layout
2: Global Styles
-2a: Login Styles
-2b: Navigation Styles
-2ba: Top Navigation Styles
-2bb: Left Navigation Styles
3: Page Styles
-3a: Page Styles - Home
-3b: Page Styles - Contact
----------------------------------------------- */
/* Global Layout
----------------------------------------------- */
* {
margin:0;
padding:0;
}
/* Navigation Layout
---------------------------------- */
/* Form Layout
---------------------------------- */
/* Global Styles
----------------------------------------------- */
/* Login Styles
---------------------------------- */
/* Navigation Styles
---------------------------------- */
/* Left Navigation Styles
------------------------- */
/* Top Navigation Styles
------------------------- */
/* Page Styles
----------------------------------------------- */
/* Page Styles - Contact
------------------------- */
/* Page Styles - Home
------------------------- */
A small, optional addition by myself.
|
|
10-19-2006, 12:34 AM
|
#3
|
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
Posts: 3,440
|
Nice
|
|
10-19-2006, 12:42 AM
|
#4
|
Status: I'm Spamming
Join date: Sep 2005
Location: Americawww
Expertise:
Software:
Posts: 3,963
|
Originally Posted by Blue Ire
Nice
|
I also usually do a little more in the ways of organization, buts its a bit long-winded, I can post if you need?
|
|
10-19-2006, 12:51 AM
|
#5
|
Status: Request a custom title
Join date: Dec 2005
Location: Colchester, UK
Expertise:
Software:
Posts: 4,625
|
Thanks for this!
|
|
10-19-2006, 01:17 AM
|
#6
|
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
Posts: 3,440
|
Originally Posted by northpark
I also usually do a little more in the ways of organization, buts its a bit long-winded, I can post if you need?
|
Sure, the CSS above can certainly be improved
|
|
10-19-2006, 02:42 AM
|
#7
|
Status: I'm Spamming
Join date: Sep 2005
Location: Americawww
Expertise:
Software:
Posts: 3,963
|
Code:
/**/
/*---------------------------------------COPYWRITE-*/
/**/
/*------------------------------------*/
/*oo BEGIN Copywrite Info*/
/*------------------------------------*/
/**/
/*CSS Author: Name*/
/*CSS Author Contact: name@domain.ext*/
/*HTML Author: Name*/
/*HTML Author Contact: name@domain.ext*/
/*Creation Date: XX/XX/20XX*/
/*Client: Name */
/**/
/*------------------------------------*/
/*oo END Copywrite Info*/
/*------------------------------------*/
/**/
/*---------------------------------------TABLE OF CONTENTS-*/
/**/
/*------------------------------------*/
/*oo BEGIN Table of Contents*/
/*------------------------------------*/
/**/
/*------------------------------------*/
/* oo Global */
/* oo Sub Category 1
/* oo Sub Category 2
/*------------------------------------*/
/**/
/*------------------------------------*/
/* oo Div 1 */
/* oo Sub Category 3
/* oo Sub Category 4
/*------------------------------------*/
/**/
/*------------------------------------*/
/* oo Div 2 */
/* oo Sub Category 5
/* oo Sub Category 6
/*------------------------------------*/
/**/
/*------------------------------------*/
/*oo END Table of Contents*/
/*------------------------------------*/
/**/
/*---------------------------------------CSS-*/
/**/
/*------------------------------------*/
/*oo BEGIN CSS*/
/*------------------------------------*/
/**/
/*------------------------------------BEGIN-CSS-GLOBAL-*/
/**/
/*-------------------*/
/* BEGIN Global */
/*-------------------*/
/**/
* {
margin:0;
padding:0;
}
/**/
/*-------------------*/
/* END Global */
/*-------------------*/
/**/
/*------------------------------------BEGIN-CSS-Div-1-*/
/**/
/*-------------------*/
/* BEGIN Div 1 */
/*-------------------*/
/**/
* {
setting:value;
setting2:othervalue;
}
/**/
/*-------------------*/
/* END Div 1 */
/*-------------------*/
/**/
/*------------------------------------*/
/*oo END CSS*/
/*------------------------------------*/
/**/
Call it Bloated, Call it excessive, its how I do things. I have a hard time reading other people's CSS documents if they aren't like this. (With my over-use of comments and everything.)
|
|
10-19-2006, 02:46 AM
|
#8
|
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
Posts: 3,440
|
Hahaha.
I prefer my own code too - not many people are as organized. Well, except you it would seem.
|
|
10-19-2006, 02:59 AM
|
#9
|
Status: I'm Spamming
Join date: Sep 2005
Location: Americawww
Expertise:
Software:
Posts: 3,963
|
Originally Posted by Blue Ire
Hahaha.
I prefer my own code too - not many people are as organized. Well, except you it would seem.
|
You should see the rest of my PC. I consider my self a Schizo-Neat.
Do you have MSN?
|
|
10-19-2006, 03:00 AM
|
#10
|
Status: Waving
Join date: Aug 2005
Location:
Expertise:
Software:
Posts: 2,694
|
As you can look in my CSS Files:
http://www.xhtmlthis.com/clients/sit...llege/core.css
It's not really the fact that it's not commented, but I indent the line of code, everything a element is inside another. If you can look at it and see what I mean. When I do work for bigger companies, and in worried of getting stolen styles I use:
Code:
/*
Site Name: Name
Author: Garrett
Started: 10/18/06
For: www.talkfreelance.com
All rights reserved "Name" 2006+
*/
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|