Css How To Use It?

Open Discussion » CONTRIBUTE » Computers » Programming Languages » CSS (Cascading Style Sheets)

, how do you use it to make a custom layout 4 website?

Options

GrayWinds View Member Profile Newbie [Level 1] Group: Members Posts: 10 Joined: 14-April 05 Member No.: 5,668	Post #1 Apr 14 2005, 06:06 PM how you make a custom layout and what is the coding and stuff?

Saint_Michael

$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3

Group: [HOSTED]
Posts: 6,811
Joined: 21-September 04
From: 9r33|\| 399$ 4|\|D 5P4/\/\
Member No.: 1,218
T17 GFX Crew

myCENT:48.70

Post #2 post

Apr 14 2005, 06:12 PM

this is css script that i was using for a design but this is a general idea on how it works best suggestion would be go to websites that have free templates that use
CSS and it will give you a general idea what it looks like
and what you can use if you want the tamplate that goes with css let me know.

CODE

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
background-color:#2d3851;
scrollbar-3dlight-color:#FF6600;
scrollbar-arrow-color:#FF6600;
scrollbar-base-color:#333333;
scrollbar-darkshadow-color:#FF6600;
scrollbar-face-color:#333333;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#666666;
}

h1 {
font-family: Times New Roman, serif;
font-size: 26px;
font-weight: normal;
color: #e9f2fc;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #333333;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #0000f0;
}

a:visited {
text-decoration: none;
color: #000090;
}

a.navlink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #333333;
}

a.navlink:visited {
text-decoration: none;
color: #333333;
}

a.newslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-decoration: none;
color: #333333;
}

a.newslink:visited {
text-decoration: none;
color: #333333;
}

a.newslink:hover {
text-decoration:none;
color: #333333
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
padding-bottom: 7px;
color: #333333;
}

.navcell {
padding: 3px 7px 3px 7px;
}

.newsheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-left: 5px;
color: #e9f2fc;
background-color: #ffffff;
background-color: #5f7797;
}

.newscell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-top: 7px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 9px;
color: #464c64;
background-color: #a7aeb8;
}

.update {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 14px;
color: #e9f2fc;
}

.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
color: #464c64;
}

and then to implment it you use the following coding

CODE

snlildude87 View Member Profile Moderator Group: Members Posts: 2,325 Joined: 8-March 05 From: Mawson, Antarctica Member No.: 4,254	Post #3 Apr 14 2005, 07:15 PM Here are several CSS layout generators that I have found: 1. http://www.fu2k.org/alex/css/layouts/3Col_...dAbsolute.mhtml 2. http://www.csscreator.com/version2/pagelayout.php - has visualizations 3. http://toolkit.crispen.org/index.php?cat=templates Have fun!

shigajet View Member Profile "Betsuni" Group: Members Posts: 1,023 Joined: 9-April 05 From: Japan Member No.: 5,445	Post #4 Apr 15 2005, 12:54 AM If you have Dreamweaver - or any other HTML editor that has that feature, for that matter, you can make a CSS (Cascading Style Sheet) fairly easily with a few clicks - and you can apply it to all the pages on your site for consistency. If not, then try the code that one of the members posted.

« Next Oldest · CSS (Cascading Style Sheets) · Next Newest »

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

Lo-Fi Version

Time is now: 3rd December 2008 - 08:13 PM