help, please? Options

[lovebrittorhateb...]

okay, so i'm trying to make a div overlay but i think i messed up.
you see:

everyone is doing codes and blah, blah, blah for it, but i just made an image for my layout and i need help coding it so i can overlay it on my page, put a textbox in the large blue box, and links for comment/message/vids/pics. think you can help? anything would be much appreciated! :]

This post has been edited by lovebrittorhatebritt: Mar 1 2009, 10:20 PM

[synatribe]

have you tried looking here?
http://www.createblog.com/forums/index.php?showtopic=142922

[lovebrittorhateb...]

click to enlarge

they use coding to overlay the page with a color and not an image so i have no clue how to do that; thanks though.

Reason for edit: Posts merged. Please don't double post; the "edit" button is there for a reason. Also please thumb large images. Thanks. -Nat

[synatribe]

you cannot make a div without coding, it is impossible, divs are made the same way, the thing you just dont need is a text area, but coding is essential, just do the first 2 steps :]

[lovebrittorhateb...]

i understand that.
i'm looking for a way to put the photo over the page instead of just a black area.
because i really rather not redo this. :]
i'm pretty confused. lol.

do you know of a way to put my photo over the page instead of just like a black area?

[synatribe]

okay so this is how you make a div

1. hide your entire profile

CODE

<style>.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div { display:none!important; } div table div, table table div { display:block!important; padding:0; } table, tr, td { background:none; border:none; }
.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }
.clearfix { position:relative; top:-30px; width:728px; }
.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }
.clearfix .clearfix div { margin:45px 0 0; }
.clearfix .clearfix div div { margin:auto; }
.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
</style>

2. use a positioning div to position your image

CODE

.aboutme {
position: absolute;
left: 50%;
top: 0%;
margin-left: -250px;
margin-top: 110px;
height: 300px;
width: 500px;
overflow-x: hidden;
overflow-y: auto;
}

2.1 apply your CSS to your div

CODE

<div class="aboutme">
IMG CODE HERE
</div>

done. it was all in that tutorial I linked you too

[lovebrittorhateb...]

thank you; you rock. :]

i'm extremely tired, so that probably doesn't help myself. ahhaha.

[lovebrittorhateb...]

i think i got it....maybe.

[synatribe]

CODE

<style>.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div { display:none!important; } div table div, table table div { display:block!important; padding:0; } table, tr, td { background:none; border:none; }.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }.clearfix { position:relative; top:-30px; width:728px; }.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }.clearfix .clearfix div { margin:45px 0 0; }.clearfix .clearfix div div { margin:auto; }.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

.aboutme { position: absolute; left: 50%; top: 0%; margin-left: -250px; margin-top: 110px; height: 300px; width: 500px; overflow-x: hidden; overflow-y: auto;}
</style>
<div class="aboutme"><img src="http://i43.tinypic.com/25rktoh.jpg" /></div>

like that :]

[lovebrittorhateb...]

oh; you are a sweetheart.
i get it and now i gotta go play with the codes. :]

thank you so much. :]

[synatribe]

you're welcome :]