Loading...


bookmark - Css How To Use It? how do you use it to make a custom layout 4 website?

Css How To Use It? - how do you use it to make a custom layout 4 website?

 
 Discussion by GrayWinds with 3 Replies.
 Last Update: April 14, 2005, 5:54 pm
 
bookmark - Css How To Use It? how do you use it to make a custom layout 4 website?  
Quickly Post to Css How To Use It? how do you use it to make a custom layout 4 website? w/o signup Share Info about Css How To Use It? how do you use it to make a custom layout 4 website? using Facebook, Twitter etc. email your friend about Css How To Use It? how do you use it to make a custom layout 4 website? Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

how you make a custom layout and what is the coding and stuff?












   Thu Apr 14, 2005    Reply         

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


<LINK REL=STYLESHEET TYPE="text/css" HREF="stuff.css">

   Thu Apr 14, 2005    Reply         

   Thu Apr 14, 2005    Reply         


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.

   Thu Apr 14, 2005    Reply         

Quickly Post to Css How To Use It? how do you use it to make a custom layout 4 website? w/o signup Share Info about Css How To Use It? how do you use it to make a custom layout 4 website? using Facebook, Twitter etc. email your friend about Css How To Use It? how do you use it to make a custom layout 4 website? Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

Similar Topics:

Css Layout Generator - *free*

pretty powerful css layout generator. and it's freely available online. http://www.csscreator.com/version ...more

   07-Jun-2005    Reply         

Css And Javascript Combined For Dyn...

This tutorial is meant for people that are dealing with problems while coding their site at 100% of width. Important notice: Some people has JavaScript disabled, so they will not be able to load CSS file (take this in account when creating your website). How this script works. In the HE ...more

   05-Aug-2005    Reply         

Make Your Layout Look Better With C...

This is my first post and I want to share with a little bit about CSS. These CSS properties very useful, but I think it used rarely. these are: clip, min-height, white-space, cursor, and display the amazing thing about them that are widely supported by all browsers. ...more

   28-Dec-2009    Reply         

Css Basics Tutorial    Css Basics Tutorial (9) (5) Css Stylesheet - "if Ie" Tag Possible?   Css Stylesheet - "if Ie" Tag Possible?