Jump to content
xisto Community
Sign in to follow this  
GrayWinds

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

Recommended Posts

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.

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
<LINK REL=STYLESHEET TYPE="text/css" HREF="stuff.css">

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.