Log In · Register

 
Background would not show up D:
iDino
post Dec 21 2008, 05:56 PM
Post #1


Newbie
*

Group: Member
Posts: 7
Joined: Dec 2008
Member No: 704,615



Okay so I actually coded this one with the help of a tutorial :D
And I set it so the whole myspace is covered and my music player shows up,
and the add is still there so I dont get introuble.
I set my overlay's z index to 2,
and my music player's to 3 so it would be on top.
But my background wont show.
I dont know if it has somethig to do with the code I got to hide the nav bar but keep the ad or what!
Could someone look at this and maybe input a background code that should work?
I only need one to include my main background image!
i can position and that myself.
Thanks
Heres my image if you want to see it
http://www.fileden.com/files/2007/7/8/1250...e-christmas.gif

CODE
<style>

div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
.friendSpace { display:none; }
.contactTable{display:none;}
.friendsComments {display:none;}

table table embed{position:absolute; top:0px; left:96.5%; margin-left:0px;
z-index:3;
width:44px;}

.BlankSlate{ position:absolute;
top:0px;
left:0%;
margin-left:0px;
width:100%;
height:100%;
z-index:2;
padding:0px;
border:0px solid black;
background-color:ccffcc}
</style>

<div class="BlankSlate"></div>
 
 
Start new topic
Replies
Smarmosaur
post Dec 21 2008, 10:10 PM
Post #2


AKA RockIt Studios
******

Group: Official Member
Posts: 2,286
Joined: Jun 2006
Member No: 421,809



actually, the easiest way would have been to just set it as your background. but since you simply had an overlay, it was hiding everything. except the bottom part of the layout. you cannot do that. that just looks tacky and shows you have no idea what you're doing. hide everything the correct way, don't use an overlay
you can go ahead and keep the div for the background and links and such, but get rid of the solid green overlay and set it as your background color:
CODE
<style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }

table table embed{position:absolute; top:0px; left:96.5%; margin-left:0px;
z-index:3;
width:44px;}

body{
background-color:CCFFCC;}
</style>


QUOTE(manny-the-dino @ Dec 21 2008, 09:04 PM) *
So topic closed? shrug.gif

please don't. i'd like to help him/her learn the correct way and clean it up, if that's ok.
 
iDino
post Dec 22 2008, 05:27 PM
Post #3


Newbie
*

Group: Member
Posts: 7
Joined: Dec 2008
Member No: 704,615



QUOTE(Smarmosaur @ Dec 21 2008, 10:10 PM) *
actually, the easiest way would have been to just set it as your background. but since you simply had an overlay, it was hiding everything. except the bottom part of the layout. you cannot do that. that just looks tacky and shows you have no idea what you're doing. hide everything the correct way, don't use an overlay
you can go ahead and keep the div for the background and links and such, but get rid of the solid green overlay and set it as your background color:
CODE
<style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }

table table embed{position:absolute; top:0px; left:96.5%; margin-left:0px;
z-index:3;
width:44px;}

body{
background-color:CCFFCC;}
</style>

please don't. i'd like to help him/her learn the correct way and clean it up, if that's ok.
HEY IT WORKED :D
Thanks!!
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: