simple div overlay Options

[insanepanda]

ok i've read through this a few times, and i do have some html knowledge. but i still need help. i've read the code over a thousand times but i still need help with it. my profile isn't right...at all... i need help, bad. can someone please help?

aim: whitejuicebox

so i got the picture up, and some content...but...

when i look at my page on various types of internet...types... (internet explorer, safari, etc.) it's offline every time!!

how do i make it stay in the right place for every type of internet?

Posts merged
- Julie.

This post has been edited by Julie.: Apr 2 2006, 05:50 PM

[smrkangl]

I'm using the script provided for the image and 2 other content divs, but it misaligns on other resolutions. Is there anyway to fix this?

[freeflow]

CODE

Some issues.

I've got the code, and when  go to preview before I submit, it shows everything in order.
Then I actually submit the code, and nothing shows up on my page whatsoever.
Just my CSS.

Any ideas?

Add your divs too your css example:
.divnamehere{
settings;
settings;
setting;

then in who'd I like to meet add
<div class="namehere">stuff</div>

ok, so i got rid of all the comments, but when i came to trying to get rid of the left hand panel bit, i put the codes into where it told me to... but i couldnt click submit as there was no button to click! how do i overcome this?

ps thanks for helping =]

you do it in safe mode. OR http://www.createblog.com/scripts/download.php?id=130

Okay. I'm new here.
And I'm new to the DIV stuff.
I know I'm going to feel really stupid after I'm through with this.
But I need some major help.
I kind of understand how this works,
But how do you get all the other stuff your profile has to go away?
As in... How do you get the backgruond or whatever that covers your profile?
Or do you do something else for it?
And how do you make the background or whatever, and then put other boxes inside it for your content?
I hope you can understand what I'm talking about because this is all really confusing to me.
If anybody can help I'd greatly appreciate it.

http://www.createblog.com/scripts/download.php?id=45
You make the background in a program such as paint, flash , gimp , phooshop, paint shop pro. You use DIVS! to put your content there.

Ahh thank you!

Another problem now..

The last part of my background is being cute off.. help!

What's showing up --> www.myspace.com/smexiliciouslayouts

What should be showing up --> http://img433.imageshack.us/my.php?image=smexilaybg10wm.gif

Find this in your code
<div class="bg" style="position: absolute; left:125px; top:120px; width:992px; height:1090px; overflow: hidden;">
<img src="http://img433.imageshack.us/img433/9964/smexilaybg10wm.gif">
</div>

Make the height long enough till the whole image shows.

hmm.
btw great tutorial!!

just a little thing.. ive coded it all right and stuff is excellent but ive got one problem..my layer always appears REALLY tiny. is that supposed to happen or idk. ive resized it on photoshop so its big, but it keeps appearing really small. is it because im uploading it on photobucket or something, im sooooooooooo confused but i really wana get this right cuz ive been trying for so long!

xoxo.

photobucket shrinks images.
http://imageshack.us

I have read and re-read the section on the overlays... I sort of get it, but I won't ask questions until I have COMPLETELY exhausted my efforts. Anyways... the only thing I'd like to know is if you have to put your pictures and positioning in BEFORE you submit the div overlay code for it to work. I instered the code, looked fine on the edit page and when I viewed my profile, NOTHING!! I have been working at this for 3 days and NOTHING so far. I am so exhausted. lol.

It might not work if you didn't do it in this format:

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

thanks for the code. i have a question:
if i wanted to cover my profile to start from scratch, is there still a way to diplay my comments?


im assuming you use a div overlay for that.

To cover your profile use:
http://www.createblog.com/scripts/download.php?id=45

EVERYONE!

If you guys want to place your comments into a div or just want a edit and submit button when your image is covering it, go to this tutorial that I've made to do so.

EVERYONE HAPPY?!

awwwwwww you got me all excited but i clicked your link and its broken.

To put comments in a div use:
http://www.createblog.com/scripts/download.php?id=74

i'm new at p.s so could anyone give me some ideas of a plain div without any coding?

If you don't code anything its not a div.
Ps is just for your design you can learn hw to make diff styles by using http://good-tutorials.com

[leifiram]

I still don't understand the entire process of this. I have tried it all, step-by-step, exactly as the directions say, but it doesn't turn up right because some things are still there. Could someone please provide a step-by-step tutorial with an example ? That would really help. Thank you.

[neko]

didnt want to create a new topic, so i thought it would fit in here.

so heres the scenario.

normally when you use the 'delete profile' code, the profile turns white. is there some way to change that color using just codes, or do i need a whole different overlay thing?

sorry if its kinda vague.. i hope some of you can understand my gibberish ><

edit: figured it out. =]

[Jane Doe.]

can someone help pleeeaasee?? i've followed the tutorial thing at the beginning of this topic and i have 3 content divs, and a background div, but you can scroll the whole page down and see the rest of my old unedited page!! how do i stop this happening? pleease help me! if you dont understand what i mean lookee at it

myspace

1. Empty out everything on your profile that is used for content [ex: The "!"s you have]
2. Use this to hide friends and comments:
http://www.createblog.com/scripts/download.php?id=67
3. Try the coding on the second line to hide the left side:
http://www.createblog.com/forums/index.php...dpost&p=1933930

Reading through this has been amazingly helpful, but I'm stuck now.

http://www.myspace.com/smexiliciouslayouts

What do I do to get rid of the 3 boxes on the left?

You can't get rid of them. You can, however, take out the borders.
In your "about me" you have this:

table table table {
border-width:2px;
border-color:FF0099;
border-style:solid;
}

I suggest you take out the bolded, so the tables have no border, and thus "disappear".

[thestolenkiss]

you do it in safe mode. OR http://www.createblog.com/scripts/download.php?id=130

i did this, and its taken away all the stuff on the left hand side, but also now the divs aren't working am i meant to put the code to remove the left hand side stuff somewhere special or not? at the moment its at the begining of the interests section.

EDIT: dont worry, i was a clever bean and played around and i found out how to make it work =] thanks for all the help you gave me though

[x-vampire-heart-...]

CODE

<DIV class="Main"> <table style="width:900px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}"> <tr> <td valign="top">
<img src="[url="http://i1.tinypic.com/sfib02.jpg"]URL[/url]">


DIVS FOR CONTENT HERE


</td> </tr> </table> </DIV>

where is says URL... is that the url you want as your background or the box you made to put stuff in. gah. this is so confusing



and what do you put in the DIVS FOR CONTENT HERE ??



thanks.

-x-

p.s. that code is on my who id like to meet

[Pulchritude]

That link doesn't seem to be working.. Would there be any way someone could tell me how to do it, or at least re-direct me to where it is??

heres the code for the comments in a div
- http://www.createblog.com/forums/index.php?showtopic=122450
and the manual submit button
- http://www.createblog.com/forums/index.php?showtopic=122792

This post has been edited by Julie.: Apr 2 2006, 05:49 PM

[duplicatex0x0x0]

i dont understand how to submit this layout there is no button anywhere. please help me im going nuts

http://www.createblog.com/contribute.php

but there is not SUBMIT BUTTON.. how can you submit the code if there is no submit button??

java script:document.forms[1].submit();

or if you have a custom comment box use this one;

java script:document.forms[2].submit();

(java script w/ no spaces!)

[x-vampire-heart-...]

i dont understand how to submit this layout there is no button anywhere. please help me im going nuts

use the manual submit button



http://www.createblog.com/scripts/download.php?id=130



-x-

[emmalee89]

i would highly suggest that everyone make a manual submit button before dealing with a lot of div coding & whatever.

to do this:
- click on favorites in your internet explorer and click add to favorites.
- type in "Submit" or "Submit button" or something of the sort as the title and click ok.
- click on your favorites list again and right click on the "Submit" you just made
& click on properties
- type in this as the url, only without the space after the j, and click okay
j­ avascript:document.forms[1].submit();

now, whenever you go to make a change in your profile & there is no submit button, you can simply click on your favorites and click the Submit link you've just made.

[bByJ_x3]

mmmmkayy..
thanks for the code...it helped..sortof?? =D

hahah
srry
but i created my own table, and placed a div overlay thingyy..
but the table wont come out properlyy..
and you can still see my comments.. info.. and everything...
what do i do?

[*This Confession*]

i'm new at p.s so could anyone give me some ideas of a plain div without any coding?

and for simple things in photoshop
go to graphics

http://www.createblog.com/forums/index.php?showforum=76

Okay, so I've got my whole div overlay sorted with all the content (on my dummy profile HERE)

Understood it all fine, its just that I've got a problem with profile songs. I've added one but its always sitting on top of the div.

I tried using some code that apparently would position the player to where I wanted it but that didnt work.

Can anybody help?

Thankzzzz :]

yea post this in the myspace help forum make your own topic with your problem

try

CODE

<style type="text/css">
embed {position:absolute; margin-top:-500px; margin-left:-1000px; height:150px; width:70px;}
</style>

you can resize it.
also move it.
it does work.
or atleast should

um, i dont meen to bother you i meen honestly there is alot of questions you already have to deal with

but is it possible to put a myspace video in a div?

yea^ i'm pretty sure you can
its like putting a youtube video in one.

This post has been edited by toyo loco: Jun 17 2006, 08:02 PM

[GREASEbaby]

Okay. So I'm next to this DIV thing.
I just know the basics. Nothing too fancy.

I found this layout I liked and used it.
But my page is completely effed up.
See for yourself:

www.myspace.com/bryspace666

How would I go about, to get rid of the old,
Default Myspace page? I know I could hide
it somehow. I just don't know the code.
Any help would be cool.

In about me:

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>

In Who I'd Like To Meet:

CODE

<DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}"> <tr> <td valign="top">All of your content goes in here, whether it be tables, flash, or whatever!</td> </tr> </table> </DIV>

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

Yeah, where it says put the content, you put it as you would with your about me.

If you need further help, I would suggest posting a topic.

[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.

[*StanleyThePanda*]

I'm probably not paying attention....i just need a quick answer....if I got a DIV photo off of a site (bigoo.ws) and want to move it around on my page (as far as putting it a little to the right) how do I do that? I've already tried typing in the command, and it's not quite working...

^ Well the image should be in a code like this:

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

And you change the numbers, that I bolded, to move it around
Make sure to put the correct width adn height of the image

[coldtrance]

i dont get it. this is how to make your OWN CUSTOM layout right? so whats a div?

this is a tutorial for making a myspace profile that does not have the myspace look and feel. a div overlay is a special layout that covers you entire layout and allows you to make cutom tables and images and it allows you to place them anywhere you want.

okay. I made my layout and everything seems to be right ,but when i put my coding in myspace and i click view profile..theres coding in the background and i can see my friend lists and comments...my whole orginal myspcace is behind my layout..how do i get rid of it? I already tried that code to hid ur profile but it didn't work..ne suggestions?
thanks
karina

try going to mygen.com and look for his code to hide your entire profile, that one might work better for you

I put in a DIV layout on my MySpace and it looked fine. I got rid of my comments and top 8, but I can't get rid of my extended network banner. I've tried looking around for codes to hid it but they won't work. What do I do? Is there a certain code? Or do I have to resize my layout? If so, how? Help please!

can i see your profile so i can help?

Here's the link:

http://profile.myspace.com/index.cfm?fusea...b2-85596ec4fad4

it looks more like you just need to move your div over to the right a bit more

[freeflow]

Ok, this topic has been cleaned up a bit. So when you guys help people out try to quote the post of the person your helping. Thanks.

[robinbanks13]

Do image maps work with div's?

[freeflow]

Do image maps work with div's?

Yes but you have to map them in this format:
http://collect.myspace.com/index.cfm?fusea...oupID=100033089
I suggest you just slice the layout. It would be much easier.

[robinbanks13]

Yes but you have to map them in this format:
http://collect.myspace.com/index.cfm?fusea...oupID=100033089
I suggest you just slice the layout. It would be much easier.

how do you slice with Gimp?

can anyone help me with this code?

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:360px; height:300px; overflow: hidden;">
<div class="bg" style="position: absolute; left:0px; top:0px; width:360px; height:300px; overflow: hidden;">

<body>

<div>

<img src="http://img523.imageshack.us/my.php?image=part14ju.jpg" alt="" usemap="#part 1" style="border-style:none" />

</div>

<div>
<map id="part 1" name="part 1">
<area shape="rect" alt="" coords="214,57,279,126" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=9348728" title="" />
<area shape="rect" alt="" coords="211,136,315,198" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=9348728" title="" />
<area shape="rect" alt="" coords="208,215,305,276" href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=9348728&name=Drew+is+Deadly&MyToken=663f38c1-a023-4705-b675-932034f44ae4" title="" />
<area shape="poly" alt="" coords="9,55,182,55,182,281,9,281" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=9348728&MyToken=663f38c1-a023-4705-b675-932034f44ae4" title="" />
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
</body>

</html>


</div>

nvm
i think i figured out what i was doing wrong

[duplicatex0x0x0]

What is the code suppose to look like? what needs "fixing"

[rdubya]

It doesn't have much on it yet but it's a start. myspace.com/raw_

Thanks for the help, peace!

[TheFlaw]

Hey all I was wondering if I could get some help. I made a layout in PS, sliced and dived it up, but it seems I'm having a bit of trubble with divs beeing displayed. I'm trying to make a div with scrollable content but its just not working. The content WILL show up but only if its NOT inbetween a div tag. Sound weird? I know...

Take a look:
http://www.myspace.com/those_lovers_are_liars

See where it says "getting there..." well there is sopose to be a bunch of links abbove it that arent being displayed and I dont know why. When I preview the section in safe mode it shows up tho. Any help would be great.

Thanks