Thread: First CSS Based Site :/

Results 1 to 10 of 10
  1. #1 First CSS Based Site :/ 
    Registered Member
    Muroth's Avatar
    Join Date
    May 2009
    Posts
    266
    Thanks given
    2
    Thanks received
    64
    Rep Power
    89
    Preview: [Only registered and activated users can see links. ]

    Index -

    Spoiler for Index:
    <html>
    <head>
    <title>Site</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="nav" align="center">
    <a href="add-content.php">Link #1</a>
    <a href="add-content.php">Link #2</a>
    <a href="add-content.php">Link #3</a>
    </div>
    <br>
    <center>
    <div id="box">
    <div id="title" align="center">
    Title of blah blah st00f.
    </div>
    Noob this is a test noob stfu noob it word wraps noob Muroth's website pwns all noob mine doesn't use images noob i pwned your images css html fancy site noob. NOOB!
    </div>
    <div id="footer" align="center">
    Blah Blah blah footer shit.
    </div>
    </center>
    </body>
    </html>



    style.css
    Spoiler for Index:

    body {
    background: #603311;
    }
    a, a:link, a:visited, a:active{
    color:#000000;
    text-decoration:none;
    }
    #box{
    word-wrap:break-word;
    text-align: left;
    overflow: visible;
    background: #5E2605;
    border: 3px solid #000000;
    border-radius:4px;
    -moz-border-radius:4px;
    webkit-border-radius:4px;
    width:500px;
    height:350px;
    }
    #title{
    border-bottom: 1px solid #000000;
    font-weight:bold;
    }
    #nav{
    width:auto;
    background: #5E2605;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    }
    #footer{
    width:450px;
    background: #5E2605;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    }
    #nav a { background: #5E2605;
    border: 3px solid #000000;
    border-radius:4px;
    -moz-border-radius:4px;
    webkit-border-radius:4px;
    border:1px solid #000000;
    font-size:15px;
    font-weight:bold;
    padding:6px 8px;
    }
    #nav a:hover{
    background: #964514;
    border: 3px solid #000000;
    border-radius:4px;
    -moz-border-radius:4px;
    webkit-border-radius:4px;
    border:1px solid #000000;
    font-weight:bold;
    font-size:15px;
    padding:6px 8px;
    }


    Ehh my first, so idc. I think it looks good for a brown color.

    Rate/hate
    Reply With Quote  
     

  2. #2  
    Registered Member Sinasedar's Avatar
    Join Date
    Aug 2010
    Posts
    169
    Thanks given
    7
    Thanks received
    24
    Rep Power
    30
    It's not too bad for your first. The design isn't nice, by any means, but at least you're learning.
    Reply With Quote  
     

  3. #3  
    Registered Member snwspeckle's Avatar
    Join Date
    Jul 2010
    Posts
    430
    Thanks given
    22
    Thanks received
    25
    Rep Power
    12
    Design isn't nice but baby steps are the key to making something great!
    Reply With Quote  
     

  4. #4  
    Registered Member
    Join Date
    Sep 2010
    Posts
    197
    Thanks given
    3
    Thanks received
    2
    Rep Power
    0
    Needs lot more work.
    Reply With Quote  
     

  5. #5  
    Registered Member snwspeckle's Avatar
    Join Date
    Jul 2010
    Posts
    430
    Thanks given
    22
    Thanks received
    25
    Rep Power
    12
    Quote Originally Posted by T3h_God View Post
    Needs lot more work.
    He's just learning basic syntac etc. He isn't trying to really make something.
    Reply With Quote  
     

  6. #6  
    Registered Member
    Muroth's Avatar
    Join Date
    May 2009
    Posts
    266
    Thanks given
    2
    Thanks received
    64
    Rep Power
    89
    Yeah, I recently got into html, I do too much PHP and it's ugly(;

    But I was testing what css could do and it's limits and browsers, i'm disabling IE until IE9 comes out :/
    Reply With Quote  
     

  7. #7  
    Registered Member
    Anthony`'s Avatar
    Join Date
    Sep 2008
    Age
    26
    Posts
    765
    Thanks given
    75
    Thanks received
    164
    Discord
    View profile
    Rep Power
    204
    Quote Originally Posted by T3h_God View Post
    Needs lot more work.
    so do you

    Anyways, this is great for a start. Aesthetically it isnt (I understand your just learning), but I can see somethings on the site that is great for a first. I suggest reading up on tutorials and tips on making some nice looking layouts. After that, you will be good to go.
    Reply With Quote  
     

  8. #8  
    Web Developer


    Join Date
    Oct 2006
    Age
    28
    Posts
    255
    Thanks given
    0
    Thanks received
    7
    Rep Power
    108
    Good job on the first design, that is really nice for a first, maybe not the colours but for the design. Well done
    Reply With Quote  
     

  9. #9  
    Registered Member 'Conner's Avatar
    Join Date
    Aug 2010
    Posts
    578
    Thanks given
    74
    Thanks received
    19
    Rep Power
    22
    You're in early learning stages...you're crawling. Good job. Just don't get into the habit of using the <br> or <center> tags!
    [Only registered and activated users can see links. ]

    Quote Originally Posted by 'QuestCrew View Post
    Whats a lobby server?
    Reply With Quote  
     

  10. #10  
    The Drug in Me is You Market Banned Market Banned


    RevoDead's Avatar
    Join Date
    Nov 2008
    Age
    28
    Posts
    1,097
    Thanks given
    77
    Thanks received
    16
    Rep Power
    183
    pic ?
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. 508 f2p based
    By dabbbb in forum Help
    Replies: 7
    Last Post: 04-15-2010, 10:15 AM
  2. Replies: 1
    Last Post: 08-07-2009, 11:53 PM
  3. Replies: 1
    Last Post: 02-05-2008, 09:33 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •