Jul 26, 2008

Css How To Use It? - how do you use it to make a custom layout 4 website?
Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > CSS (Cascading Style Sheets)

free web hosting

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

GrayWinds
Apr 14 2005, 06:06 PM
how you make a custom layout and what is the coding and stuff?

Reply

Saint_Michael
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

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

 

 

 


Reply

snlildude87
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! smile.gif

Reply

shigajet
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.

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. how do you make a line space in css - 37.87 hr back. (1)
  2. how do you make a banner web advertisment? - 109.74 hr back. (2)
  3. make a custom layout online - 152.68 hr back. (3)
Similar Topics

Keywords : css, make, custom, layout, 4, website

  1. Css Layout Help
    need help with my layout (8)
  2. Lists, Unordered And Nested
    some layout tricks (2)
    Unordered lists are one of the three list types in (x)html. The others are Ordered Lists and
    Definiton Lists. The w3c page of information about lists is here They all behave the same as
    (x)html elements, but there are some differences between them. Read the Specification page linked
    above to know more that you need to know about them. Only difference between html4 and xhtml is the
    tags must be lower-case and closed for xhtml to be valid. Ordered Lists have numbers preceding
    them. Paste the following code into a file and display it in your Browser to see the eff....
  3. Help Fix My Site's Css/layout Issues
    Thanks for your time (9)
    The first issue has been resolved. Please goto Post #7 to see the current discussion.
    This is in reference to: http://facesofwar.org/cms/ When you load the page up in Firefox it
    works fine. But when you use I.E. it creates a nasty line break after each of the spans containing
    a dividing line. The relevant html is: CODE <span
    class="menuOuter"></span> <span
    class="menuMain">Home    Iraq    Alt.
    Media    Other    Contact</span&....
  4. Basic Css Layout Issue
    Floated Cell with similar height (5)
    Okay say I was building a site (what do you know I am!) and I want to use CSS. the problem
    being I don't know how to make a floated cell be the same height as another. FOr example CODE
    <div id="main"> <div id="left"> just some </br> stuff
    over </br> here! </div> <div id="right"> but...</br>
    over here </br> I have </br> even more stuff</br> to </br>
    display</br> </div> </div> now If I float the left to the left ....
  5. Css Layout: Trouble With Ie
    the scrollbar and margin-bottom (4)
    I have a site which I'm developping and trying to get a frames-like layout design. But IE does
    not propperly show the scrollbox, its hidden behind the fixed divs of the top header and the bottom
    footer... Firefox does alright, so If you dont understand what I mean you can check it out here:
    http://web.cucea.udg.mx/ineser/alap/test.php Seems like Opera and Safari are doing also good...
    And also, the margin of #content (which is the main content area) is not working, becouse it does
    not go up above the footer, I don't know what is going on (that rule is ins....
  6. Unordered List Css Layout
    two rows of list and sublist (4)
    I have a layout which i want to do fully in CSS. Im having trouble centering the second list, or
    sublist which comes from the menu. It doesnt work in IE now, just firefox (Actually the page doesnt
    even show on IE, nor Opera, i dont know why). I just want it to appear centered, when im hovering
    the main list, not left aligned... Here's the link, youll understand when you see it...
    http://web.cucea.udg.mx/cucea/graphix/level5/ I also want to fix the background, (i removed the
    background for now) becouse when i hover the sublist items, the background becomes bigge....
  7. Moving Ads With Css Layout On Free Hosting
    CSS help (7)
    Can anyone help me how to move top banner from free host? I hear that can be done with css!....
  8. Css Layout Generator - *free*
    Generate a CSS layout for your site (3)
    pretty powerful css layout generator. /smile.gif' border='0' style='vertical-align:middle'
    alt='smile.gif' /> and it's freely available online.
    http://www.csscreator.com/version2/pagelayout.php QUOTE To create your layout select the
    structural elements your site requires (header, footer, columns). Then specify a size in the field
    provided and choose a background color from the color chooser below. The color chooser changes
    values as you move your mouse along a row. To set a value click on the color row to release click
    again. Once the color in the box is th....
  9. Css Files, Get Your Css Files Here! [resolved]
    Want a nice CSS layout? (0)
    Alright, if anybody wants a CSS layout; I'll make one for you! Just tell me what you want
    the background color to be, main font color, and the link colors! Then later in the topic
    I'll post them and I'll post the username of the user that requested next to them so you
    know which one is yours! So if anyone wants a CSS File; Ask Mike! >_>....


      10. Looking for css, make, custom, layout, 4, website

Searching Video's for css, make, custom, layout, 4, website
advertisement



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



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!" 		Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE