Programming Help

Web Development



What's Here?

  • Members: 118,862
  • Replies: 435,616
  • Topics: 67,341
  • Snippets: 2,415
  • Tutorials: 641
  • Total Online: 1,682
  • Members: 61
  • Guests: 1,621

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 118,862 Programmers for FREE! Ask your question and get quick answers from experts. There are 1,682 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



I've Covered Up My MySpace Profile

 
 Reply to this topicStart new topic

I've Covered Up My MySpace Profile, I'm not sure what happened!
webgyrl
post 24 Jan, 2007 - 05:18 AM
Post #1


New D.I.C Head

*
Joined: 24 Jan, 2007
Posts: 4


My Contributions
Hi,

I am helping a musician friend of mine with his profile and I found a cool layout on Nas' MySpace page.

I changed some things and re-did the graphics and I basically popped my Image URLS where the ones were in Nas' profile code.

Something strange is happening tho. When I try to preview the layout, the entire profile is all covered up. My images show, but all the other elements have disappeared.

I am not sure where in the CSS I put in this is being caused.
IPB Image

In fact I tried copying all of Nas' code into my friends profile (it goes in the Biography section) and the same thing happened. All the images cover over the profile stuff (except the main MySpace header and navigation)

How did they make the things like the contact table, friends, profile image, comments, music player etc. all show in Nas' profile? I am totally stumped!
Here is the link to Nas' profile
http://www.myspace.com/nas

I can't even save the changes to my friends profile to show you because all the links are covered up and I can't submit the changes.

Here is the code I used:
CODE
<style type="text/css">
body {margin-top: 0;}
div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
</style>

<div class="header"><center>
  <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
  
<style type="text/css">
td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;}
body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://img208.imageshack.us/img208/4802/bg9mn.jpg);}

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

a, a:link, a:visited {color:c0c0c0; text-decoration: none;}

a:hover {color:ffffff; text-decoration: none}

img {border: none}

br {line-height: 20px;}

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}

body>div {margin-left: 10px;}

table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}

table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}

table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}

table table table table td {padding:0px;margin:0px;}

table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}

.masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}

body table {margin-top:330px;}

body td table, body div table {margin-top: 0;}

font {color:ffffff;font-size:10px}

a font:hover {color:c0c0c0}

a.navbar:link, a.navbar:visited {color:c0c0c0}

a.navbar:hover {color:ffffff}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:ffffff;font-size:11px}

a.text:link, a.text:visited {color:c0c0c0}

a.text:hover {color:ffffff}

.nametext {background-image: url(http://img208.imageshack.us/img208/5936/nametext4jt.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 161px; width: 195px; font-size: 1px; text-align: left; color: 000000; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000;}

.contactTable {width: 328px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;}

.contactTable span.whitetext12 {position: relative; left: 10px;}

.contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}

.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}

.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.whitetext12 {color:797471; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 270px}

.blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}

.blacktext12:before {content: "WOW! ";}

.btext {color:797471 font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000}

.orangetext15 {color:797471; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 372px}

.lightbluetext8 {color:797471}

.redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}

.redbtext:after {content: "billion";}

a.redlink:link {color:797471; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 000000; padding-top: 3px;}

a.redlink:visited {color:ffffff}

a.redlink:hover {color:797471}

u {text-decoration: none; font-size: 10px;}

</style>

<![if !IE]>

<style type="text/css">

.whitetext12 {width: auto}

.contactTable {width: auto !important;}

.contactTable span.whitetext12 {left: 0;}

.orangetext15 {width: auto;}

table table table td {padding: 0;}

table table table {padding: 0 14px 14px 14px; border-color: 000000;}

table table table {max-width: 423px;}

.nametext {height: 35px; width: auto;}

</style>
<![endif]>


I really need to fix this in the next couple of days. If you can help please PM me here or post here. Thanks!
User is offlineProfile CardPM

Go to the top of the page


webgyrl
post 24 Jan, 2007 - 07:47 AM
Post #2


New D.I.C Head

*
Joined: 24 Jan, 2007
Posts: 4


My Contributions
OK, Now I've got most of the layout showing, but the header is hidden and I can't bring it forward. Any ideas how to bring it forward?

The actual link to the profile is http://www.myspace.com/davesereny

Here is the new code I used (the header part is bolded):
CODE
<style type='text/css'>

form>img#googleTLogo
{
    background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
    background-repeat: no-repeat;
}

#googleTLogo
{
    vertical-align:bottom;
    width:120px;
    height:30px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}



    #musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFFFFF;}
    #musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}

                        
body {margin-top: 0;}

[B]div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}

<div class="header"><center>
  <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
<a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>[/B]

td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;}
body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://img208.imageshack.us/img208/4802/bg9mn.jpg);}

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

a, a:link, a:visited {color:c0c0c0; text-decoration: none;}

a:hover {color:ffffff; text-decoration: none}

img {border: none}

br {line-height: 20px;}

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}

body>div {margin-left: 10px;}

table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}

table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}

table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}

table table table table td {padding:0px;margin:0px;}

table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}

.masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}

body table {margin-top:330px;}

body td table, body div table {margin-top: 0;}

font {color:ffffff;font-size:10px}

a font:hover {color:c0c0c0}

a.navbar:link, a.navbar:visited {color:c0c0c0}

a.navbar:hover {color:ffffff}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:ffffff;font-size:11px}

a.text:link, a.text:visited {color:c0c0c0}

a.text:hover {color:ffffff}

.nametext {background-image: url(http://img208.imageshack.us/img208/5936/nametext4jt.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 143px; width: 195px; font-size: 1px; text-align: left; color: 000000; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000;}

.contactTable {width: 328px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;}

.contactTable span.whitetext12 {position: relative; left: 10px;}

.contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}

.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}

.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.whitetext12 {color:797471; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 270px}

.blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}

.blacktext12:before {content: "WOW!";}

.btext {color:797471 font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000}

.orangetext15 {color:797471; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 372px}

.lightbluetext8 {color:797471}

.redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}

.redbtext:after {content: "awesome";}

a.redlink:link {color:797471; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 000000; padding-top: 3px;}

a.redlink:visited {color:ffffff}

a.redlink:hover {color:797471}

u {text-decoration: none; font-size: 10px;}

</style>

<![if !IE]>

<style type="text/css">

.whitetext12 {width: auto}

.contactTable {width: auto !important;}

.contactTable span.whitetext12 {left: 0;}

.orangetext15 {width: auto;}

table table table td {padding: 0;}

table table table {padding: 0 14px 14px 14px; border-color: 000000;}

table table table {max-width: 423px;}

.nametext {height: 35px; width: auto;}

</style>
<![endif]>

<style type="text/css"> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img207.imageshack.us/img207/8880/contacttable5xh.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

a .text
{
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}


    body, html {visibility:visible !important; display:block !important}

</style>
User is offlineProfile CardPM

Go to the top of the page

webgyrl
post 24 Jan, 2007 - 01:52 PM
Post #3


New D.I.C Head

*
Joined: 24 Jan, 2007
Posts: 4


My Contributions
Any ideas?
User is offlineProfile CardPM

Go to the top of the page

capty99
post 24 Jan, 2007 - 02:50 PM
Post #4


the real kya

Group Icon
Joined: 26 Apr, 2001
Posts: 8,979



Thanked 15 times

Dream Kudos: 550
My Contributions
looks like the header is a lower z-index then the rest of them, set it up to a really high one and see if it will show through. nas gets a nice myspace layout like that by paying big bucks to my space. just like apple does with its and a couple other ones.
User is offlineProfile CardPM

Go to the top of the page

webgyrl
post 25 Jan, 2007 - 01:57 AM
Post #5


New D.I.C Head

*
Joined: 24 Jan, 2007
Posts: 4


My Contributions
QUOTE(capty99 @ 24 Jan, 2007 - 02:50 PM) *

looks like the header is a lower z-index then the rest of them, set it up to a really high one and see if it will show through. nas gets a nice myspace layout like that by paying big bucks to my space. just like apple does with its and a couple other ones.


Capty99: Oh I see. I will try to do this. So you mean people pay MySpace to do that? I didn't know that at all. Thanks!
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 10/13/08 01:48AM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month