Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: Templates

  1. #1
    New Coder
    Join Date
    Jul 2002
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Templates

    How do I create a template for my website? Can templates be defined in CSS files?

  • #2
    Have1abanana
    Guest
    Basically, you need to create a link file in your <head> tag to a stylesheet containing the bear information of your site like fonts, colors, frames, etc.
    I think you just have to add a stylesheet:

    <html>
    <head>
    <link rel="stylesheet" href="URL.css" type="text/css">
    </head


    so this could be the stylesheet you link to:



    <style type=text/css>
    <!--
    A:Link
    {
    color: #1959E6;
    text-decoration: none;
    cursor: default;
    font-weight: normal
    }

    A:Active
    {
    color: #1959E6;
    text-decoration: underline;
    cursor: default;
    font-weight: normal

    }

    A:Visited
    {
    color: #1959E6;
    text-decoration: none;
    cursor: default;
    font-weight: normal

    }

    A:Hover
    {
    color: #252C9F;
    text-decoration: none;
    cursor: default;
    font-weight: none;
    height: 0;
    text-transform: none;
    filter: blur;
    }

    body
    {
    font-family:verdana;
    font-size:8pt;
    font-weight:normal;
    line-height:8pt;
    color:#000000;
    cursor:none;
    background-color: #70BAFF;
    align:left;
    text-align:left;


    {
    scrollbar-face-color: #2A276D;
    scrollbar-shadow-color: #2A276D;
    scrollbar-highlight-color: #70BAFF;
    scrollbar-3dlight-color: #5496FF;
    scrollbar-darkshadow-color: #5496FF;
    scrollbar-track-color: #2A276D;
    scrollbar-arrow-color: #70BAFF;}



    --!>
    </style>


    Does this help at all?

  • #3
    New Coder
    Join Date
    Jul 2002
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Err....how do I create a template.

  • #4
    Have1abanana
    Guest
    Do you have a website already up?


    If you're trying to make each page on your site look the same:

    Use whatever program you use for your html, write the page properties you'd like for your site in .css if you want to use .css, upload it to your server, and make a link to it in the begining of each page using:


    <html>
    <head>
    <link rel="stylesheet" href="URL.css" type="text/css">
    </head

    The example before was to show the sort of page properties you could add to each page using a style sheet.

    Just for clarification, what exactly do you mean by template?
    What do you want the template for, because I might have the wrong end of the stick, so I cant explain it properly- sorry!

    If this is wrong, we'll try 3rd time lucky

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    We template all of the sites we build.

    We build just one page and test it across the four main browsers, Internet Exploder (aka IE), Nuts-scrape (aka NS) Mozilla (aka THE best) and Opera (aka "Who?").

    During the development of the main (first) page we code in a lot of comment tags so that it is easier to add content to for the other pages.

    For example, where the image is for the main page we would do this (Where the image is a gif saying "Home")

    <!-- ********************** page header ************* -->
    <img src="../graphics/homeh.gif" width... etc etc>


    We use a lot of tables, so we note various locations in the table for ease of adding content ie..

    <!-- **************TOP***** left table cell data ****** -->
    <td>stuff</td>
    <!-- *************TOP***** right table ***** -->

    We normaly create the home page as the template, and once we have tested it and fine tuned the code, we replace the "home page" content with content that reminds us of how the layout should look, and rename the template page as "aaa_coding_forums_template.html".



    ie..

    <!-- **************TOP***** left table cell data ****** -->
    <td>PUT INRO HERE</td>
    <!-- *************TOP***** right table ***** -->
    <td>PUT AUTHOR HERE</td>


    Hope this helps


    Tonz



    Beware, the Cybertooth tiger cometh

  • #6
    New Coder
    Join Date
    Jul 2002
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What program do you use to make a header image and an image on the left side of the page? Like planetquake.com has.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Kevlar
    What program do you use to make a header image and an image on the left side of the page? Like planetquake.com has.
    There are a few available, the pro's use Adobe PhotoShop.
    Beware, the Cybertooth tiger cometh


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •