simple div overlay Options

[*disco infiltrator*]

Here's a simple Myspace div overlay.

For your CSS, use one of the CSS stylesheets already provided. Put that in your "About Me".

For your content, you can use this. Put it in "Who I'd Like to Meet":

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

For the image, you only need to change the width and the height to fit your image.

For the content, you can change the class of the div, the left alignment, top alignment, width, height, and overflow. If you want the div to have a scrollbar, use this div code. Open the image in Microsoft Paint to get the alignments.



If I wanted the div to begin where the black dot is, I would use the paintbrush tool and place it where I want the div to begin. Keep the mouse there, and look in the bottom right corner for two numbers separated by a comma. The first number is your left alignment, and the second is your top.

If I wanted a div that continues down the page until it runs out of content, this would be my div code:

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:100%; overflow: visible;"><center>
lalalalala this is your content!
</div>

The only things that are changed are the height and overflow. Now all you need to worry about is the left alignment, top alignment, and width.

There you have it.

The following was contributed by tcunningham1589.


Description:

This code is used to make your simple div on your profile, whether you are using it for content, or a ghetto way to cover somthing up.



Code:

{ code used in INTERESTS section }
<style>
.div1 {
background-color:000000; color:000000;
border:0px solid; border-color:silver;
width:400px; height:100px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-250px; margin-top:150px;
visibility:visible;}
</style>

{ code used in MUSIC section }
<div class="div1">
content
</div>

*everything in bold is changeable

Positioning

Code:
quick lesson on "position: relative"
top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px

quick lesson on "position: absolute"
top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px

For Myspace Band/Music Profiles:
http://www.createblog.com/forums/index.php...t&p=2624671

This post has been edited by digitalfragrance: Jul 12 2007, 01:04 AM

[freeflow]

Okay, I tried that.

And it almost kinda didn't fix my page.
Where you said put all the content, you
meant as in put what people would usually
put in their "About Me".

I don't know.

I'm in a pickle with this thing.
Look at my page now.
www.myspace.com/bryspace666

You don't do it like about me unless you don't have a div image.

where it says content here you put your divs ,div images etc.

hiya. Im trying to use a new myspace background but its telling me i need to add my friend id. Where exacly should i add it? and also where should i add the comment box?
Please help!!

For a background? Post the code
You add the comment box where you want it . Thats what you have ot add your friends id too.

I entered the myspace layout code from this website into my about me section but what section of code do i have to delete to be able to havethe full picture in the extended network table?

Thats not a div.. Thats just adding a pic in extended network
http://www.createblog.com/scripts/download.php?id=93

Ok..so, I wanted to start from scratch and cover my entire profile and place an image in the center. I used http://www.createblog.com/scripts/download.php?id=45 that code, however, it only does part of the page. How do I make it to fit the entire profile?

First if you keeping your bg color white then do

CODE

<style>
body, tr ,td{
background-color: FFFFFF;}
</style>

Also hide anything that can be hid such as friends, comments, blogs , contact box and details if they show.

Then if it still doesn't hide edit this part of the hide your prof code:

CODE

<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
</style>

Edit the width, and margin-left, and top numbers to random other numbers (in the hunders no thousands) till its gone.

I still dont get it its not making any sense

Then you should make a topic or something and we can explain step by step which parts you don't get. Before though search through old topics about it AND read this whole topic its been explained a few times I think.