Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Dec 2006
    Posts
    3
    Member #
    14602
    Hello,
    I am new to this whole html coding type of stuff and I'm having a bit of concern. Below this I will show the design and what exactly I would like linked to a specific websites address. In the design I am showing, there are the following words as "rules", "standings", and "news". I would like to link them to a website and I am clueless on how to do that. If someone could tell me the code or how I go about doing this it would be great. Thank you so much everyone for your help and concern!
    http://i62.photobucket.com/albums/h8...andingsetc.jpg

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Jeremy,

    Welcome to the world of web design.

    The very first key thing is to know that there are many tutorials online for
    basic HTML and CSS. Also know that you can view anybody's HTML source code
    by using the "View" link at the top of your browser, click "View" and scroll down
    to "Page Source" or "Source".

    You didn't mention if you were using a web page editor (like Dreamweaver), but
    you can actually use Notepad and code HTML/CSS all by hand.

    Below is a basic template that can get you started. Copy and Paste into Notepad
    and save it as something like "test.html". Then open that file and it will display in
    your browser. You don't need to be online to view it as a webpage. It will give
    you an idea of how to get started with something really simple.

    You will really need to find some tutorials online or get a book from Amazon.com

    Most of all, have fun ... it's really addicting.

    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    title>This is my test site</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <
    style>
    html,body {
    background-color:#efefef;
    margin:0px auto;
    padding:0px;
    min-width:800px;
    text-align:center;
    }
    #wrapper{
    width:800px;
    }
    #content{
    background-color:#fff;
    width:800px;
    height:600px;
    text-align:left;
    border1px solid #ccc;
    }
    #left_panel{
    background-color:#fff;
    width:30%;
    padding-left:20px;
    text-align:left;
    float:left;
    }
    #right_panel{
    background-color:#fff;
    padding-left:20px;
    text-align:left;
    float:left;
    }
    #navbar{
    background-color:#262670;
    padding3px 10px 3px 10px;
    font-familyarial;
    font-size:12pt;
    text-align:left;
    color#02fee5;
    }
    a:link,a:active,a:visited {
    background-colortransparent;
    color#02fee5;
    text-decorationnone;
    FONT12pt "Arial","helvetica",sans-serif;
    font-weightbold;
    TEXT-ALIGNleft;
    }
    a:hover {
    background-colortransparent;
    color#02fee5;
    text-decorationunderline;
    FONT12pt "Arial","helvetica",sans-serif;
    font-weightbold;
    TEXT-ALIGNleft;
    }
    </
    style>
    </
    head>
    <
    body>
    <
    div id="content">

    <
    div id="navbar">
    <
    a href="index.htm">Home</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <
    a href="index.htm">News</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
    <
    a href="index.htm">Rules</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
    <
    a href="index.htm">Standings</a>&nbsp;&nbsp;&nbsp;|
    </
    div>

    <
    div id="wrapper">

    <
    div id="left_panel">
    <
    br />
    Content Here for the left panel.
    </
    div>

    <
    div id="right_panel">
    <
    br />
    Content Here for the right panel.
    </
    div>

    </
    div>

    </
    div>
    </
    body>
    </
    html


  4. #3
    Senior Member raspberryh's Avatar
    Join Date
    Aug 2004
    Location
    Erie, PA
    Posts
    882
    Member #
    7208
    Liked
    1 times
    Before you do the HTML though, you will need to slice up your image in Photoshop or ImageReady. Find a tutorial on it, like this one.
    Then you can bring it into HTML.
    choosy developers choose gif!
    website | paintings | blog

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Heather,
    I think he posted that image because he didn't know how to
    make it with HTML/CSS. I would imagine that only the logo
    (when he makes one) will be the photoshop image.


  6. #5
    Senior Member raspberryh's Avatar
    Join Date
    Aug 2004
    Location
    Erie, PA
    Posts
    882
    Member #
    7208
    Liked
    1 times
    Well, Jeremy, IF you want to do it with the images, then see the tutorial I mentioned or another similar tutorial so that you can slice it up in Photoshop or ImageReady. Otherwise you don't need to slice it up.
    choosy developers choose gif!
    website | paintings | blog

  7. #6
    Junior Member
    Join Date
    Dec 2006
    Posts
    3
    Member #
    14602
    Thank you both for your help. I really do appreciate it, luckily though I was able to find a easier way by uploading them to photobucket and then using the HTML code to enter them in but I had to do them piece by piece which worked as well. Thank you guys again. If you guys know any good sites where there are photoshop brushes please let me know, Im into those crazy line designs that look real neat. I seemed to misplace mine, so I'm in need of more! Thanks again!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:30 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com