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 |
|
|
![]() |
*disco infiltrator* |
![]()
Post
#2
|
Guest ![]() |
QUOTE(Hayzz @ Oct 22 2005, 12:00 PM) All im confused about is the background. You just make it and put it in the code? How does it fit? I've tried this before and my profile was never covered. And by the way, how do you put tables on teh middle of your image, just that you can type it do you have to do positioning? Then make your background bigger. The tutorial says perfectly how to do the things you're asking to do..did you even read it? And do you have prior HTML knowledge? QUOTE(antiprophet @ Oct 23 2005, 1:07 AM) ![]() yeah so anyway. i ahve an overlay atm, but i want to add my comments to it, jsut below my comments box. Is this possible? Http://www.myspace.com/antiprophet I haven't figured out how to do it yet. |
|
|
![]() ![]() |