simple div overlay |
simple div overlay |
*disco infiltrator* |
![]()
Post
#1
|
Guest ![]() |
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 |
|
|
![]() |
![]()
Post
#2
|
|
![]() What's my name? Janette. and ily. <3 ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 2,139 Joined: Apr 2006 Member No: 391,911 ![]() |
QUOTE 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> QUOTE 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. |
|
|
![]() ![]() |