1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Solved: VampireFreaks Profile

Discussion in 'Web Design & Development' started by drummerguy101, Apr 6, 2008.

Thread Status:
Not open for further replies.
  1. drummerguy101

    drummerguy101 Thread Starter

    Joined:
    Aug 13, 2007
    Messages:
    63
    I'm trying to create a profile page for vampirefreaks.com,

    * What codes do i need to use to set an image as a background for the page and to set the background colour of each cell set as "black"?
    * where do I put it?

    here is the code I'm using to make the tables on the page:

    <style type="text/css">
    html, body {
    scrollbar-face-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-darkshadow-color: #333333;
    scrollbar-3dlight-color: #000000;
    scrollbar-highlight-color: #666666;
    scrollbar-arrow-color: #cccccc;
    background: #000000;
    }

    body, table, .rate b { color: #999999; }



    a:link, .menu2, .menu2 a:link { color: #cccccc; }
    a:visited, .menu2 a:visited { color: #cccccc; }
    a:hover, .menu, .menu a:link, .menu a:visited { color: #ffffff; background: #000000; }

    input { color: #999999; border: 1px solid #666666; }

    .profile_title, .likes_title, .dislikes_title, .music_title { display: none; }

    .structurediv {
    overflow: auto;
    border: 1px solid ;
    background: #000000;
    }

    #credit {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid #666699;
    }
    .crednote { display: none; }


    </style>

    <table cellpadding="10" style="margin: 0px auto;"><tr><td>
    <div class="structurediv" style="width: 280px; height: 280px;" align="center"><br>


    PROFILE TEXT GOES HERE


    </div>
    </td><td>
    <div class="structurediv" style="width: 280px; height: 280px;" align="center"><br>


    LIKES TEXT GOES HERE

    </div>
    </td></tr><tr><td>
    <div class="structurediv" style="width: 280px; height: 280px;" align="center"><br>


    DISLIKES TEXT GOES HERE


    </div>
    </td><td>
    <div class="structurediv" style="width: 280px; height: 280px;" align="center"><br>


    MUSIC TEXT GOES HERE


    </div>
    </td></tr></table>

    thanks! (y)
     
  2. deepdiver01

    deepdiver01

    Joined:
    Dec 22, 2004
    Messages:
    721
    Hi Drummerguy101.

    For the background image you can call it in the body selector.

    Instead of
    Code:
    background: #000000;
    Use
    Code:
    background: url(images/myimage.gif);
    This will vary of course depending where the image is stored, the name of the image and the extension.

    You will also have to determine whether you want the image to repeat or not. It will repeat by default.

    If you do not want it to repeat add

    Code:
    background-repeat: no-repeat;
    to the body selector.

    In regard the black background, the easiest way would be to add an id selector to the very first table that contains all the contents. Suggestion:

    In your style:

    Code:
    #container {
      background: #000000;
    }
    And in the first table

    Code:
    <table id="container" cellspacing="0" etc>
     
  3. drummerguy101

    drummerguy101 Thread Starter

    Joined:
    Aug 13, 2007
    Messages:
    63
    Thanks deepdiver01!!

    its looks like its working now

    ;)
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/700908

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice