Template

Discussion in 'Website Design and Coding' started by SomeSaySTiCk, Oct 5, 2008.

  1. SomeSaySTiCk

    SomeSaySTiCk Well-Known Member

    Age:
    34
    Posts:
    2,166
    Likes Received:
    0
    Joined:
    Mar 7, 2006
    Location:
    Alcatraz Island
    I couldn't decide which version I like best for the main page so here are the two and after that is the gallery page i'm working on. C&C plz
    [​IMG]

    [​IMG]

    [​IMG]
     
  2. Northern.

    Northern. Well-Known Member

    Age:
    34
    Posts:
    628
    Likes Received:
    0
    Joined:
    Apr 16, 2007
    Location:
    England, Cumbria
    what?

    I cant see nothing
     
  3. boobsmagee

    boobsmagee Well-Known Member

    Age:
    32
    Posts:
    718
    Likes Received:
    0
    Joined:
    Jan 3, 2007
    Location:
    Wisconsin
    yea the last few times you've posted artwork i haven't been able to see it
     
  4. SomeSaySTiCk

    SomeSaySTiCk Well-Known Member

    Age:
    34
    Posts:
    2,166
    Likes Received:
    0
    Joined:
    Mar 7, 2006
    Location:
    Alcatraz Island
    re-upped it
     
  5. travmanx

    travmanx Senior Member

    Age:
    35
    Posts:
    733
    Likes Received:
    0
    Joined:
    Oct 3, 2007
    Location:
    USA
    On the 3rd one, honestly you wouldn't use the slice tool at all. It can all be done easily in CSS, The header matches well with the overall color scheme you are using but it is very basic and isn't the best. The nav buttons are way to big, not to mention the size of text. The color you chose for the nav, I'm not sure if it was already done up in a premade color scheme, such as Kuler or something, but it does not go with everything else. My advice is since you have a simple 3 color site (if including white then 4) is to look into Kuler and find a theme that goes well with one another.

    The fonts on the nav should all be the same sizee. You have them all except for "Gallery" and its smashed together. On the last "Home" nav button to the right is a 1-2 vertical marquee pixel of orange, make sure that gets fixed.

    Overall this site is very basic and I can very well tell you are starting out (nothing wrong with that we all started at this level). I encourage you to follow tutorials, look at other web sites source code, read text books, and learn the basic styles of sites (3 column bars, ect).

    Good job!

    Edit:
    Just to show you how much easier it would be using CSS I have recreated the 3rd on except for the gallery part..

    Code:
    <!--
    body{
        background:#ff903a;
        padding:0 0 20px 0;
        margin:0;
        font-family:Tahoma, Arial, Helvetica, sans-serif;
        }
    div, h1, h2, h3, p, ul, img{
        padding:0; margin:0;
        }
    ul{
        list-style-type:none;
        }
    .spacer{
        font-size:0; line-height:0; clear:both;
        }
    #body{
        width:704px; 
            background:#ffd291;
        margin:0 auto; 
            padding:31px 37px 42px;
        }
    #header{
        background:#000000;
        height:50px; 
        width:778px; 
        margin:0 auto; 
        padding:20px 0 0 0;
        }
        
        #nav{
        
        background:#3ce1f4;
        padding-right:inherit;
        height: 50px;
        width:778px;
        }
        
        #nav ul{
        height:31px;
        color:#ccc;
        margin-top: 25px;
    
        }
    #nav ul li{
        float:left;
        margin-top: -20px;
        color:#ffffff;
        font-size:36px;
        border-right-width: thick;
        border-right-style: solid;
        border-right-color: ffd291;    
        }
    -->
    HTML
    Code:
    <div id="header">
    </div>
    <div id="nav">
    
          [list]
                [*]BLAH
    
    
                 [*]BLAH
    
            
                [*]BLAH
    
            
                [*]BLAH
    
            
                [*]BLAH
    
          [/list]
         </div>
    <div id="body">
    Your gallery stuff goes here...
    </div>
    Don't ask why I put the border-right-ect :P, you had it in your design and I didn't feel like really going to indepth with this...
    Is it perfect/flawless? No, just showing you a quick example. This took less than 10 minutes to do...

    tested in Opera, looks fine expect the border-right- ect stuff looks funky, but easy fix
     
  6. SomeSaySTiCk

    SomeSaySTiCk Well-Known Member

    Age:
    34
    Posts:
    2,166
    Likes Received:
    0
    Joined:
    Mar 7, 2006
    Location:
    Alcatraz Island
    Thanks and I'm not trying to do anything Fancy it just something very simplistic/ minimalistic for my hosting.
     

Share This Page