Solved: VampireFreaks Profile

Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

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)
 
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>
 
Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

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 807,865 other people just like you!

Latest posts

Staff online

Top