Log In · Register

 
Putting DIV Overlayout Problem, Help please!
itsmemysara
post Sep 3 2009, 05:15 AM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Sep 2009
Member No: 744,660



oh okay. :)
i wanna use this layout.

and i put these codes into ABOUT ME, WHO I'D LIKE TO MEET and CSS(in customize profile).

CODE
<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">body{
background-color:505d5c;
background-image:url(http://cbimg6.com/layouts/09/01/33499ag.png);
background-position:center;
background-repeat:repeat;
background-attachment:scroll; }

.background1{
position: absolute;
left: 50%;
margin-left:-408px;
_margin-left:-406px;
padding-bottom:0px;
top: 100px;
z-index:0;}

.section1{
position: absolute;
left: 50%;
margin-left:-87px;
top: 490px;
width: 378px;
padding-bottom:20px;
text-align:justify;}

.section2{
position: absolute;
left: 50%;
margin-left:-293px;
top: 490px;
width: 189px;
padding-bottom:20px;}

div{
font:10px georgia;
color:b3ccb8;
font-weight:none;
border:0px;
text-transform: none;
line-height:20px;}

b{color:d02837;}

a.nav:link, a.nav:visited, a.nav:active {
display:block;
border: none;
width:100%;
color:ffffff;
background-color:68848a;
width:82px;
_width:90px;
letter-spacing: 0px;
text-transform:none;
font: 9px georgia;
text-align: left;
background-image:url();
background-position:right;
background-repeat:no-repeat;
margin-bottom: 2px;
padding:3px;}

a.nav:hover {
display:block;
border: none;
width:100%;
color:ffffff;
background-color:d02837;
width:82px;
width:90px;
letter-spacing: 0px;
text-transform:none;
font: 9px georgia;
text-align: left;
background-image:url();
background-position:right;
background-repeat:no-repeat;
margin-bottom: 2px;
padding:3px;}


textarea.area{
background-color:cdc48d;
width:176px;
_width:180px;
height:60px;
font-family:georgia;
color:000000;
line-height:20px;
font-size:15px;
text-align:left;
text-transform:none;
border:0px solid;
border-color:000000;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;
margin-top:2px;
}

input.button {
background-color:d02837;
width:176px;
_width:180px;
height:14px;
font-family:georgia;
color:ffffff;
line-height:7px;
font-size:7px;
text-align:center;
text-transform:uppercase;
border:0px solid;
border-color:000000;
font-weight:normal;
letter-spacing:0px;
margin-top:1px;}

a:active,a:visited,a:link,a{
color:ffffff;
font-size:9px;
line-height:20px;
cursor:default;
font-weight:normal;
letter-spacing:0px;
font-family:arial;
text-decoration:none;
text-transform:none;}

a:hover{
color:cdc48d;
font-size:9px;
line-height:20px;
cursor:default;
font-weight:normal;
letter-spacing:0px;
font-family:arial;
text-decoration:none;
text-transform:none;}


table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important;}div.basicInfoModule {display:none;}</style>




<div class="background1">
<img src="http://cbimg6.com/layouts/09/01/33499aa.png" usemap="#dandelion" border="0"><map name="dandelion">
<area shape="rect" coords="105,54 214,61" href="http://atomicaffliction.com"></div>


<div style="position:absolute;left:0px;top:0px;"><a href="http://www.atomicaffliction.com"><img src="http://cbimg6.com/layouts/09/01/33499ab.gif" border="0" /></a></div>

<div class="section1">
<img src="http://cbimg6.com/layouts/09/01/33499ac.png"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus.
<br></div>

<div class="section2">
<img src="http://cbimg6.com/layouts/09/01/33499ad.png"><br>
<b>Name:</b> Blah<br>
<b>Age:</b> Blah<br>
<b>Location:</b> Blah<br>
<b>Gender:</b> Blah<br>
<b>Status:</b> Blah<br>

<img src="http://cbimg6.com/layouts/09/01/33499ae.png"><br>
<table>
<td>
<a class="nav" target="_self" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<a class="nav" target="_self" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX">Add</a>
<a class="nav" target="_self" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">Message</a>
<a class="nav" target="_self" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX">Block</a>
</td>
<td>
<a class="nav" target="_self" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXX">Blog</a>
<a class="nav" target="_self" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX">Pictures</a>
<a class="nav" target="_self" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXX&MyToken=d1585d26-8cd7-4db3-8d60-fe3e80bd4714">Friends</a>
<a class="nav" target="_self" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXX">View Comments</a>
</td>
</table>

<img src="http://cbimg6.com/layouts/09/01/33499af.png"><br>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXX" type="hidden">
<textarea name="f_comments" class="area">Hello.</textarea><br />
<input type="submit"class="button" value="send"></form>
</center></div>



i didnt put my friendid, because i wanna see how its look first,then i'll change everything about me.

someone help me please! its still go blank! not blank la,but kinda myspace default skin. even i hide all the modules already~

by the way here my myspace
 
 
Start new topic
Replies
Mickey
post Sep 3 2009, 08:24 PM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



You need to set your profile to 'No Theme' then add this to your CSS to hide certain elements:

CODE
#googlebar, #topnav, .photo, .basicInfoDetails, .detailsModule, .activityMiniFeedModule, .blurbsModule h3, .blurbsModule h4, .friendSpaceModule, .commentsModule, #footer { display:none; }
.content { visibility:hidden; }
.blurbsModule { visibility:visible; }
#header { background:none; }

You should also get rid of all the CSS codes at the bottom starting with this:

CODE
table table div form {display:inline ..;}

Those are now unnecessary. If you are still confused, try asking Gabi, the designer, if she can convert this layout into a 2.0 layout for you.
 

Posts in this topic


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