simple div overlay Options

[JoshPgh296]

This helped me so much, thanks aton now my layout site is beatiful thanks again dude/ette!

[jessicale351]

[font=Arial][size=1][b]oooh. goshh. i need help. myy page is so hideous. lol. well ok i made my background and i used the code. and i got my picture to show. but i dont know how to make my comment box, text, and scroll content box to show over it. pleezie will sumwhun help me? this is my myspace. and i plan on hiding the rest of the profile.ooo goshh. help. [=

[*This Confession*]

well first off, not to be rude but the age limit to have a myspace is 14 years or older.

Also to hide the profile use this-
http://www.createblog.com/forums/index.php?showtopic=141722

now to insert stuff

after putting the image up you need to position it to where you want it. by changing the top and left.

Then add these after it.

CODE

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>

CONTENT IN DIV

</div>

and then you can use one of these layouts any of them to customize how everything works, I suggest you read the whole 3rd one so you understand what everything does and such.

http://www.createblog.com/forums/index.php?showtopic=84325


and for a comment box

use this

CODE

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="RAWRR" type="hidden"><textarea name="f_comments"  style="border-width: 1px; width: 110px; height: 120px; border-style: solid; border-color: 000000; font-family: arial; text-transform: none; font-size: 9px; text-align: center; padding: 2px; color: 000000; font-weight: normal; background-color: transparent;" style="overflow:auto;">Comment here</textarea><br> <input value="doom." style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 9px; color: 000000; font-weighT: normal; letter-spacing: 1px; text-transform: none; background-color: transparent;" type="submit"></form><BR><BR>

theres a RAWRR change that to your friend id
and theres a comment here you can change that to change whats already written in the comment box.

[jessicale351]

thank yoo so much. [= im so happy!

[*This Confession*]

haha your welcome, if you have any other questions just create a new topic in this forum

[* loserISH . [ s...]

I'm not really understanding this. I've made my own div overlay layout on PSP and I'm a little lost on coding it. I was trying to see if these codes would help me out, but I'm not understanding the whole process. Help!

[freeflow]

I'm not really understanding this. I've made my own div overlay layout on PSP and I'm a little lost on coding it. I was trying to see if these codes would help me out, but I'm not understanding the whole process. Help!

Well there may be another div tutorial soon. But you position like this:

CODE

<style type="text/css">
.divnamhere{
position: absolute;
top: #px;
left: #px;
width: #px;
height: #px;
}
</style>

Thats code one. Change div name here to any name. For left & top read the first page on regular left and top numbers. Becaues you need to put random numbers there to position them. Width and height you choose.

Then for the content:

CODE

<div class="divnamehere">
content here
</div>

Put the same div name for that particular div put content where it says content here.

[* loserISH . [ s...]

And putting the layout that I have over top of the links and all that would require which code, because I've tried a couple and they're not working, even when I hide my profile. By the way I love you icon. Ne-Yo's the theme of my layout.

[aahhhh_its_amy]

um how do you add a div picture in a div layout, because its not working for me

<div class="bg" style="position:absolute; left:250px; top:200px; width:61px; height:21px; overflow: hidden;">
<img src="">
</div>
^^^^^^^^
this code isnt working for me

[*digital.fragrance*]

you have to have an URL of a picture for the <img src="URL HERE"> part

[DiGitaL]

this works out great thank you so much =] but I was wondering. I dont remember exactly the html code to have the scrollbar [for overflow] on the left side rather than the right? Does anyone know?

[jessicale351]

uhmm. ok. so if yoo wanted a scroll content box to show on top of your div background what would yoo put in overflow: ????; cause my pics are on top of my background and that works fine but i cant get my comment box and scroll content box to show over it. ohh. gosh. i need help. im so new at divs. lol. [=

[*This Confession*]

^ Overflow:auto;

[three24]

this was a really good tutorial. my myspace turned out great! go take a look!

[jessicale351]

could sumwhun help me? uhmm myy content is still not going over my background so if anyyone will help me ill give yoo myy about me and who id like to meet codes and could sumwhun tell me whats wrong and what i should change? thanks. sorryy i dont really get it tho. [=

[pumatalk]

Hello,

Tank for the help... im trying to figure where I've done... here's my CSS (about me) and content (interests)

appreciate your help thanks!

http://www.injoeface.com/aboutme.txt
http://www.injoeface.com/interests.txt

[tylerxp2002]

very helpful.....

[im gangsterr]

ok i did all that & it still didn't turn out right?! idk what to do!

[freeflow]

Try reading the other div topic.

[fxkmehxrder]

This like tutorial made the profile i was making off. like nothing was aligned like i wanted it to be. and i dont need help cuz i figured it out, cuz im not really a noob when it comes to div layouts. I just wanted to try a different tutorial than i normally use.

[*StanleyThePanda*]

^ Okay? ... I dont understand what you are saying exactly...
You want a different tutorial?

[Lmmartell]

I need help...I made a dummy site so I didn't have to sacrafice my real site while I was learning to make a div. overlay. Then when I got it the way I wanted I could transfer code and delete the dummy site. So far, I am doing well, however I have a few questions and will provide the link to my page for you to see as well as the code. When I made the buttons for "add me" Message me" ect... it just came out wrong, they aren't buttons just links, and the code for the buttons shows up on my div. I think I am putting them in the right places, however I peiced my information together from several websites, before stumbling across this one. And FYI, my links, on the dummy page, are for my real page, so if that has anything to do with it... Help would be appreciated! Thank you very much.

~Laura

Link to page-My Myspace

-----This is posted in the Music section- As per BBZ.s-------


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

<div class="bbzContainer">
<div class="div0">
<font size=5>bottom div</font>
</div>

<div class="div1">
<font size=5>left div</font>
</div>

<div class="div2">
<font size=5>center div</font>
<br>
<a href="http://myspacehotline.com">bbzSpace</a>
<br><br>
<img src="http://groups.myspace.com/images/no_pic.gif">
.buttons {
width:142px;
background-color:hotpink;
border:3px solid black;
padding:12px;
text-align:center;
}

.messageme {
position:absolute;
left:50%;
top: 400px;
margin-left:-350px;
z-index:2;
}
.addme {
position:absolute;
left:50%;
top: 450px;
margin-left:-350px;
z-index:2;
}
.blockme {
position:absolute;
left:50%;
top: 500px;
margin-left:-350px;
z-index:2;
<div class="messageme buttons"><a href="http://www.myspace.com/index.cfm?fuseaction=mail.message&47885919=bellalola22_ID" class="link1">Message Me</a></div>

<div class="addme buttons"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&47885919=bellalola22" class="link1">Add Me</a></div>

<div class="blockme buttons"><a href="http://www.myspace.com/index.cfm?fuseaction=block.feedback&47885919=bellalola22" class="link1">Block Me</a></div>
}
<BR>
<p align="center"><font color=FFB6C1>♥</font>My name is Laura<font color=FFB6C1>♥</font><br> I am originaly from Washington state.<br> I L<font color=FF1493>♥</font>ve my boyfriend.<br> I'm Indian and Italian.<br> Yup, I'm a mean drunk.<br> I have a smart mouth.<br>And a short temper.<br> I could live on pasta and pizza alone.<br> Comfortably.<br> I think healthy food is over rated.<br> I can't sing and don't care.<br> My bikini is my favorite outfit.<br> I wear it 24/7 in the summer.<br> Chihuahua's=UGLY RATS.<br> Melvin<font color=FFB6C1>♥</font>Marilynn<b>=</b>My other 2 L<font color=FFB6C1>♥</font>ves.<br> I l<font color=FFB6C1>♥</font>ve all my friends. <br> I l<font color=FFB6C1>♥</font>ve my girls the most. <br>They get me into trouble.<br> Or maybe its the other way around?<br><font color=FFB6C1>♥</font>I'll do whatever I want and you can't tell me what to do<BR><BR><BR>
</div>

<div class="div3">
<font size=5>Loves</font><BR><font size=3>Who I'd Like To Meet...</font><BR><BR><span style="color:FF34B3; font-size:16px; font-weight:bold;"> <center>♥I met him♥</span></p><a href="http://photobucket.com" target="_blank"><img src="http://i24.photobucket.com/albums/c50/LauraMartell22/IMG_0086_2.jpg" border="0" alt="Photobucket - Video and Image Hosting"></a><BR><p align="center"> ♥<color= "black">And he was right next door♥</p>

</div>


</font>
</div>

</div>

<style type="text/css">
.frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";}
</style>
<div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

[GREASEbaby]

Mm, well your profile's private.

Sooo, I can't really help you until it's off private.
But maybe just trying <a href="LINKHERE"><img src="IMAGEURLHERE"></a> will help.

[s_c_c_r11]

how do you have a content with a scrollbar. the code isnt there?

[*mona lisa*]

how do you have a content with a scrollbar. the code isnt there?

Horizontal or vertical? For vertical, make sure that "overflow" is set to "auto" in the DIV style properties. If you keep on writing or placing things in the DIV beyond its vertical height, a scrollbar will appear.