2007-03-30, 06:00
|
|
Supreme Metalhead
|
|
Join Date: Apr 2005
Location: Ohio
Posts: 546
|
|
DIV Overlays
Im just starting a small business that we customize myspace's for metal bands. And they guy who would do the code for me, is out of town and im wanting to get our sight up, and i know a tiny bit. My only problem is in "The Legacy" box, my div overlay isnt showing up that will contain text. This all happened after in Div1's html, i put an Image Map. and ive noticed the myspace player does not show in IE but it does in FireF. these two damn problems are driving me crazy.
Site Berserker Dark Customization
EDIT: Just Realized the Image Map does not work in IE as well, but it does in FireFox
Div:
Code:
</td></tr></table></td></tr></table></td></tr></table></div>
<style>
BASIC INSTRUCTIONS:
You can delete this section from the code if you don't need it, but it won't affect the looks of your profile in any way.
For every div class (.div1, .div2, etc) you will notice a lot of common properties. To move the layer, use:
** margin-top to move it up and down
** margin-left to move it left and right
margin-left begins from the center of your page. If you set it to 0px, the top left corner of the div will be located in the center of the profile. If you want the layer in the center of your profile take the width of the div, divide it by 2, and multiply it by -1. (In other words, divide it by 2 and make it a negative number.) For example, your div is 400px wide. Give it a margin-left of -200px and the div layer will sit in the middle of the screen. Now, if you want to move it somewhere else, you will have to experiment with the position.
margin-top should be no less than 150px since anything above that may overlap the MySpace advertisment.
The rest is self explanatory, width for width, height for height, colors and so on.
Style and Format:
The divs will automatically align everything to the center, in order to make the text and pictures aligned to right or left, look for "text-align:center;" and replace center with left, right, or justify.
If you want your comments to flow automatically rather than have them stuffed in a scroll box, look for the comments selector, named .comt {} inside .comt, you will fine overflow:auto; change auto to overflow:none;
To move the personal song player, look for the embed {}
To add a background image to each div (box), add this to your div selector:
background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;
Good Luck!
bbz Overlay Model Generator v0.5
bbzSpace dot com
</style>
<style type="text/css">
body {background-color:black; background-image:none;}
td, .text, div, input {color:red !important;}
a {color:red !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.bbzContainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }
.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:295px; height:51px; position:relative; top:755px; left:21px; visibility:visible;}
table table table embed, .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
.bbzComment { You selected to hide comments. }
.bbzsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}
.div1 {
background-color:000000; color:red;
border:0px solid; border-color:silver;
width:800px; height:1024px; overflow:auto;
position:relative; z-index:1;
margin-left:-15px; margin-top:-250px; text-align:center;
visibility:visible;}
marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a, .bbzContainer div div, .bbzContainer font a, .bbzContainer span, .bbzContainer div table a, .bbzContainer div table img, .bbzContainer div table font, .bbzContainer div table, .bbzContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}
.div2 {
background-color:transparent; color:red;
border:0px solid; border-color:silver;
width:336px; height:409px; overflow:scroll;
position:relative; z-index:2;
margin-left:-356px; margin-top:-630px; text-align:center;
visibility:visible;}
marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a, .bbzContainer div div, .bbzContainer font a, .bbzContainer span, .bbzContainer div table a, .bbzContainer div table img, .bbzContainer div table font, .bbzContainer div table, .bbzContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}
.bbzDiv {content:"Overlay Generator beta";}
</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>
HTML:
Code:
</td></tr></table></td></tr></table></td></tr></table></div>
<div class="bbzContainer">
<div class="div1">
<table id="Table_01" width="800" height="1024" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://www.draketulloh.com/Berserker.jpg" width="800" height="1024" border="0" alt="" usemap="Berserker_links_Map"></td>
</tr>
</table>
<map name="Berserker_links_Map">
<area shape="rect" alt="" coords="181,712,362,794" href="http://www.myspace.com/childrenofbodom">
<area shape="rect" alt="" coords="238,612,353,712" href="http://www.myspace.com/ripdeathchuck ">
<area shape="rect" alt="" coords="59,691,180,795" href="http://www.myspace.com/archenemy">
<area shape="rect" alt="" coords="59,612,181,681" href="http://www.myspace.com/amonamarth">
<area shape="rect" alt="" coords="51,511,363,540" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=173713426&MyToken=3e96d247-eccf-4d7e-9adc-58565506427d">
<area shape="rect" alt="" coords="103,400,335,459" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=173713426&MyToken=3e96d247-eccf-4d7e-9adc-58565506427d">
<area shape="rect" alt="" coords="111,300,267,342" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=173713426&hash=MIGdBgorBgEEAYI3WAOIoIGOMIGLBgorBgEEAYI3WAMBoH0wewIDAgABAgJmAwICAMAECFZM%2bKPtC9bzBBC EUsSR1PQIahvHfjUWjgBWBFCp4HEUFRz4YW7NKvL3Gr9nZTK%2bRMKn8pf1zOfJ3pwYbS%2bmt6AWnmrLul8whjKrN lwfvVpoD1zllz6l834Jl7M6tLuQ%2fD93zkgwQaUSvfA10g%3d%3d">
<area shape="rect" alt="" coords="111,261,268,300" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=173713426&MyToken=3e96d247-eccf-4d7e-9adc-58565506427d">
<area shape="rect" alt="" coords="111,224,269,261" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=173713426&MyToken=3e96d247-eccf-4d7e-9adc-58565506427d">
</map>
</div>
<div class="div2">
<font size=5>bottom</font>
</div>
</div>
Last edited by Shreddist : 2007-03-31 at 19:15.
|
2007-03-30, 09:02
|
|
Life is pain.
Banned
|
|
Join Date: Jun 2004
Location: Australia
Posts: 4,510
|
|
oh god
|
2007-03-31, 14:39
|
|
Post-whore
Banned
|
|
Join Date: Jul 2005
Location: Sydney, Aus
Posts: 2,037
|
|
I'm sure someone will help you here. Just keep thinking positive. This is not an esoteric issue at all. Positive.
|
2007-03-31, 14:54
|
|
Post-whore
|
|
Join Date: Mar 2005
Location: London, UK
Posts: 1,841
|
|
I think it's to do with the 4th line in that HTML- you close a TR, TD and a TABLE at the end.. when they weren't opened inside the DIV that contains them. Try that for a kick-off
__________________
The Freedom of Chaos
The Secret of The Secret
The Truth of The Truth
Quote:
Originally Posted by Undone
moonraven?....more like ass raven
|
|
2007-03-31, 15:05
|
|
You gamma-minus fucktards
Forum Leader
|
|
Join Date: Jul 2001
Location: Sydney.
Posts: 4,674
|
|
Quote:
Originally Posted by Shreddist
Im just starting a small business that we customize myspace's for metal bands.
|
You kidding?
__________________
far_beyond_sane - contributing to the moral decay of your children since 1982
"It was some kind of evolutionary glitch, she figured; no different than the other unreasonable side effects of consciousness and emotion, like religion and rap music."
|
2007-03-31, 19:17
|
|
Supreme Metalhead
|
|
Join Date: Apr 2005
Location: Ohio
Posts: 546
|
|
Quote:
Originally Posted by sqol
I think it's to do with the 4th line in that HTML- you close a TR, TD and a TABLE at the end.. when they weren't opened inside the DIV that contains them. Try that for a kick-off
|
Thanks man, I have it all closed off now. and it didnt fix anything though. Now after closing that table it made my DIV 2 move over to the left. yet everything still works fine in fire fox. And they player still doesnt show in IE either.
Quote:
Originally Posted by far_beyond_sane
You kidding?
|
Yeah, i just enjoy making MT'ers look over code!
|
2007-04-03, 03:39
|
|
Supreme Metalhead
|
|
Join Date: Apr 2005
Location: Ohio
Posts: 546
|
|
Alls well.
Last edited by Shreddist : 2007-04-03 at 05:09.
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|