Log In · Register

 
div overlay help, I've read the tutorials and the help sections but I still can'
xXAznCutehXx
post Jun 11 2006, 09:59 PM
Post #1


Newbie
*

Group: Member
Posts: 5
Joined: Jun 2006
Member No: 422,085



I've been trying to change a regular site layout into a myspace layout. Yes I've seen the tutorials and comment boxes provided but my problem are the comments themselves NOT the comment BOX. (and some other problems too ermm.gif )

My site has a few problems:

1) The old profile still shows up at the side
2) My comment box works, but the comments themselves won't show up
3) It looks like the layout was split in half near the middle horizontally (you can see a little bit of the old profile seeping through and that's where the comments sort of disappear- and the main layout graphics are cut off)
4) The searchbar at the top (need to get rid of it if possible)
5) The stats for the "topic" name aren't showing up. For example, in the code it's supposed to have one set of dashed lines around the topic name, but right now there isn't anything. Also, it won't let me use bold in my navigation bar...

Since I just joined myspace yesterday, I copy pasted a few table codes that were supposed to get rid of the old profile. I don't know which ones are messing the layout up and which ones are actually helping.
and I know the comments box and comments code work because the first time I tried, they showed up but there was a gap between the main layout and the bar layout that continues the main one

site: My Profile

The basic layout is supposed to look like this: MAIN LAYOUT

This is the coding- and it's all under "I'd Like to Meet" section:

QUOTE
<title>Social Butterfly</title>

<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px ; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<div class="bg" style="position: absolute; left:0px; top:120px; width:1024px; height:600px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v669/Kutiekueen/main.jpg"border=0>
</div>


<style>
.comments{
display: visible;
background: transparent;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:transparent;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:transparent !important;
width:100px;
padding:1;
}
table table table table td{
background: transparent !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:transparent !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:transparent;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}



table div font a, table div div, table table div font a, table table div div
{
background: transparent !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12, .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: transparent;}
</style>

<font color="..000000"><font face="tahoma">

<div id="Layer2" style="position:absolute; width:200px; z-index:3; left: 36; top: 150">

<br>

<p class="nav"><b>NaVigAti0n</b></p>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">{Home}</a> <br>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=84528097">{Comments}</a> <br>

<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=84528097">{Message Me}</a> <br>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=84528097">{Be mah Buddeh!}</a> <br>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=84528097">{See my Picx0rZ}</a><br>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=84528097&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1">{All o mah buddehs ^^}</a><br>

<p class="nav"><b>BoUt ME</b></p>
<center><img src="http://img.photobucket.com/albums/v669/Kutiekueen/animate-digicharat.gif">
<br><br>&hearts; <b>CaLLed:</b> Nanhee
<br>&hearts; <b>AKA:</b> aNiM3 M4nI4K
<br>&hearts; <b><3z:</b> a <u>WHOLE LOTTA</u> anime, listening to music, playing games, behing Kingdom Hearts addicted, drawing, making graphics... (now i just need adobe or photoshop x.x), bubbles, any SPARKLEH stuff, YUMMY stuff, cAAAnnnDDYyy, and SHINEH stuff~!! =P
<br>&hearts; <b> no like</b> working... cleaning...hw...fights...the basics =)
<br>&hearts; <b>MuXic:</b> My Chemical Romance, Greenday, and a lot of specific songs
<br>&hearts; <b>LoKation:</b> probably lost somewhere... go call 4 help x.x

<p class="nav"><b>Cr3ditz</b></p>
<b>Image :</b> Aethereality <Br>
<b>Original Layout By :</b> Fire Princess <br>
<b>Brushes : </b>Fairy Dust<br>
<b>Layout at :</b> Kaiyosei <br>
<b>New Myspace Layout: </b>All me

<br>
<br>

<div id="Layer1" style="position:absolute; width:472px; height:329px; z-index:4; left: 222; top: 435">


<p class="title"><b>Comments</b></p>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="84528097" type="hidden"><textarea name="f_comments" cols="40" rows="4" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color:FAA1B5;" style="overflow:auto;">Chat here bout stuff~!</textarea><BR>

<input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color: FFE3EA;" type="submit"></form></center>

<div class="comments" style="position: absolute;">

<style type="text/css">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:none;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>

<style>.blacktext10{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
.redtext{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
</style>


<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td> <table><tr><td>

</div>



Any help is appreciated ^^
 
 
Start new topic
Replies (1 - 8)
freeflow
post Jun 11 2006, 10:56 PM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



1) Use this script to hide your profile. Then to make everything the same background color, go through that script make all the background colors the same. Then add this to your about me:
CODE
<style type="text/css">
body, tr, td{
background-color: ######;}</style>

That should pretty much give you a blank space. If some of your myspace is still showing. Hide your comments then use this script to make your profile tiny. So it squishes. If it still shows you can then use this to align it to the right. So its more centered and hidden. Also in the hide your profile code where it says "CONTENT HERE " in the I'd like to meet code you can also do
CODE
<img src="http://img.photobucket.com/albums/v669/Kutiekueen/main.jpg">
That will allow your main image to go up.

2) If you want to show comments in a div layout you need to read this or this

Try removing one of these to make your comments show.
CODE
<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td> <table><tr><td>

</div>

or
CODE
<div class="comments" style="position: absolute;">


3) Take your profile off of private for help with this.

4)The get rid of search bar script should be this one.

5) Take your profile off of private for help with this one.
 
xXAznCutehXx
post Jun 12 2006, 10:11 PM
Post #3


Newbie
*

Group: Member
Posts: 5
Joined: Jun 2006
Member No: 422,085



the old profile doesn't show anymore except this one lil white spot at the left... and the break in the layout is fixed^^ the search bar and the other little extra links are gone, BUT none of the words are showing up cry.gif

I think the comments thing is sorta fixed because it showed up.. in the wrong place but it showed up xD then it disappeared after I tried to get the words to show up... lol

also I took my profile off private temporarily to fix this problem^^

My Profile

This is what my About Me section looks like:

CODE
<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
</style>
<style type="text/css">
body, tr, td{
background-color: ffffff;}</style>
<style type="text/css"> .contactTable {display:none;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:220px !important; height:0px;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} textarea, input, font, a, table, td, div, b {font-size:6pt !important;} span {font-size:7pt !important;} embed, object {display:block; width:220px; height:38px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:6pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>
<style type="text/css">
div table form tr td {visibility:hidden!important; height:0px!important;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

.comments {width:#px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>


That's all from the scripts that you provided me with _smile.gif

and this is my I'd like to meet section:

CODE
<DIV class="Main">
<table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}">
<tr> <td valign="top">

<title>Social Butterfly</title>

<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<body bgcolor="#000000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg">

<img style="position:absolute; top:-130px; left:-97px" src="http://img.photobucket.com/albums/v669/Kutiekueen/main.jpg">

<style type="text/css">
<!-- --> --> --> --> --> --> A { cursor:default } A:link { text-decoration: none; color:#000000 } A:visited { text-decoration: line-through; color:#000000 } A:active { text-decoration: line-through; color:#000000 } A:hover { text-decoration:line-through; color:#000000} -->
</style>

<style>
.comments{
display: visible;
background: ffffff;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:ffffff;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:ffffff !important;
width:100px;
padding:1;
}
table table table table td{
background: ffffff !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:ffffff !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}

table div font a, table div div, table table div font a, table table div div
{
background: ffffff !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: ffffff;}
</style>

<font color="..000000"><font face="tahoma">

<div id="Layer2" style="position:absolute; width:200px; z-index:3; left: 36; top: 150">

<br>

<p class="nav"><b>NaVigAti0n</b></p>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">{Home}</a>  <br>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=84528097">{Comments}</a>  <br>

<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=84528097">{Message Me}</a>  <br>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=84528097">{Be mah Buddeh!}</a> <br>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=84528097">{See my Picx0rZ}</a><br>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=84528097&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1">{All o mah buddehs ^^}</a><br>

<p class="nav"><b>BoUt ME</b></p>
<center><img src="http://img.photobucket.com/albums/v669/Kutiekueen/animate-digicharat.gif">
<br><br>♥ <b>CaLLed:</b> Nanhee
<br>♥ <b>AKA:</b> aNiM3 M4nI4K
<br>♥ <b><3z:</b> a <u>WHOLE LOTTA</u> anime, listening to music, playing games, behing Kingdom Hearts addicted, drawing, making graphics... (now i just need adobe or photoshop x.x), bubbles, any SPARKLEH stuff, YUMMY stuff, cAAAnnnDDYyy, and SHINEH stuff~!! =P
<br>♥ <b> no like</b> working... cleaning...hw...fights...the basics =)
<br>♥ <b>MuXic:</b> My Chemical Romance, Greenday, and a lot of specific songs
<br>♥ <b>LoKation:</b> probably lost somewhere... go call 4 help x.x

<p class="nav"><b>Cr3ditz</b></p>
<b>Image :</b> Aethereality <Br>
<b>Original Layout By :</b> Fire Princess <br>
<b>Brushes : </b>Fairy Dust<br>
<b>Layout at :</b> Kaiyosei <br>
<b>New Myspace Layout: </b>All me

<br>
<br>

<div id="Layer1" style="position:absolute; width:472px; height:329px; z-index:4; left: 222; top: 435">


<p class="title"><b>Comments</b></p>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="84528097" type="hidden"><textarea name="f_comments" cols="40" rows="4" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color:FAA1B5;" style="overflow:auto;">Chat here bout stuff~!</textarea><BR>

<input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color: FFE3EA;" type="submit"></form></center>

<div class="comments" style="overflow:auto; width: 400px; height:300px; position: absolute; top:100px; margin-left: 200px;"><center><table><table><tbody><tr><td><table></center></div>

<style>.blacktext10{font-family:small fonts; font-size:9px;  color:000000; font-weight:none;border:0px; text-transform: uppercase;}
.redtext{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
</style>


<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td> <table><tr><td>

</div></td></tr></table>


I think the only problem now is the little white box at the bottom left and how none of the words are showing up. If you can, do you think you can tell me what codes aren't necessary? I can't tell which ones practically repeat another code or replaces another. Your codes fixed most of my problems though so thx laugh.gif
 
freeflow
post Jun 12 2006, 11:43 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



Take out the search bar script. It prevents your div words from showing. Just leave the search bar and stuff up there. It isn't that bad.

For your comments you have to position them around.

I can't see your profile its private.

CODE
div table form tr td {visibility:hidden!important; height:0px!important;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

prevents your div text from showing up.

Your about me codes are fine to me.
QUOTE
<title>Social Butterfly</title>

Is irrelevant. Thats for websites not myspace.

CODE
<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<body bgcolor="#000000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg">

Move that about <div class="main" ... or put it in about me. Try not to put style tag codes in divs. It makes your coding more unorganized. If you move it to about me in your preview it won't show right but it will on the actual profile.

CODE
style type="text/css">
<!-- --> --> --> --> --> --> A { cursor:default } A:link { text-decoration: none; color:#000000 } A:visited { text-decoration: line-through; color:#000000 } A:active { text-decoration: line-through; color:#000000 } A:hover { text-decoration:line-through; color:#000000} -->
</style>

<style>
.comments{
display: visible;
background: ffffff;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:ffffff;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:ffffff !important;
width:100px;
padding:1;
}
table table table table td{
background: ffffff !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:ffffff !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}

table div font a, table div div, table table div font a, table table div div
{
background: ffffff !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: ffffff;}
</style>

Move above the main div or in about me. As I said before you don't need css in divs.


The following can possibly hide your divs:
QUOTE
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

and
QUOTE
div div table td td font {visibility: hidden;}



So remove one at a time till your text comes back. Make sure your text isn't set to white.

I think everything else is fine.
 
xXAznCutehXx
post Jun 18 2006, 01:05 PM
Post #5


Newbie
*

Group: Member
Posts: 5
Joined: Jun 2006
Member No: 422,085



I removed the searchbar code and the text is back again ^^ however.. there are white patches everywhere! I adjusted the words so that they're back where they're supposed to be, and I managed to get one white patch (the navigation table) gone. It has something to do with the backgrounds of the tables I think.. because I changed one of the table colors from ffffff to transparent = and that got rid of that one patch. I tried it all on every one of the tables and somehow it just doesn't work on the other ones.

Also I set my profile to "let anyone under 18 view profile" (the only choices are friends only and that. So unless there's another way to make it public, would you add me so that you could view my profile?

Oh and the old profile is starting to leak through at the sides. Not the profile itself but the links that are supposed to be at the bottom of the page is at the right. There is a big white square too at the side. It's hard for me to explain it so that's why I'm asking if you could add me ><;

My Profile add xXAznCutehXx

I made some changes to the codes-

about me:

CODE
<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:ffffff;}
</style>
<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<body bgcolor="#ffffff" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg">

<style type="text/css">
<!-- --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> A { cursor:default } A:link { text-decoration: none; color:#000000 } A:visited { text-decoration: line-through; color:#000000 } A:active { text-decoration: line-through; color:#000000 } A:hover { text-decoration:line-through; color:#000000} -->
</style>

<style>
.comments{
display: visible;
background: transparent;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:ffffff;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:ffffff !important;
width:100px;
padding:1;
}
table table table table td{
background: ffffff !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:ffffff !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}

table div font a, table div div, table table div font a, table table div div
{
background: transparent !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: ffffff;}
</style>

<style type="text/css">
.comments {width:#px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: 000000; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>


and this is my I'd like to meet section:

CODE
<DIV class="Main">
<table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}">
<tr> <td valign="top">

<img style="position:absolute; top:-130px; left:-97px" src="http://img.photobucket.com/albums/v669/Kutiekueen/main.jpg">

<font color="..000000"><font face="tahoma">

<div id="Layer2" style="position:absolute; width:200px; z-index:3; left: -65; top: 0">

<br>

<p class="nav"><b>NaVigAti0n</b></p>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">{Home}</a>  <br>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=84528097">{Comments}</a>  <br>

<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=84528097">{Message Me}</a>  <br>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=84528097">{Be mah Buddeh!}</a> <br>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=84528097">{See my Picx0rZ}</a><br>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=84528097&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1">{All o mah buddehs ^^}</a><br>

<p class="nav"><b>BoUt ME</b></p>
<center><img src="http://img.photobucket.com/albums/v669/Kutiekueen/animate-digicharat.gif">
<br><br>♥ <b>CaLLed:</b> Nanhee
<br>♥ <b>AKA:</b> aNiM3 M4nI4K
<br>♥ <b><3z:</b> a <u>WHOLE LOTTA</u> anime, listening to music, playing games, behing Kingdom Hearts addicted, drawing, making graphics... (now i just need adobe or photoshop x.x), bubbles, any SPARKLEH stuff, YUMMY stuff, cAAAnnnDDYyy, and SHINEH stuff~!! =P
<br>♥ <b> no like</b> working... cleaning...hw...fights...the basics =)
<br>♥ <b>MuXic:</b> My Chemical Romance, Greenday, and a lot of specific songs
<br>♥ <b>LoKation:</b> probably lost somewhere... go call 4 help x.x

<p class="nav"><b>Cr3ditz</b></p>
<b>Image :</b> Aethereality <Br>
<b>Original Layout By :</b> Fire Princess <br>
<b>Brushes : </b>Fairy Dust<br>
<b>Layout at :</b> Kaiyosei <br>
<b>New Myspace Layout: </b>All me

<br>
<br>

<div id="Layer1" style="position:absolute; width:472px; height:329px; z-index:4; left: 222; top: 325">


<p class="title"><b>Comments</b></p>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="84528097" type="hidden"><textarea name="f_comments" cols="40" rows="4" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color:FAA1B5;" style="overflow:auto;">Chat here bout stuff~!</textarea><BR>

<input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color: FFE3EA;" type="submit"></form></center>

<div class="comments" style="overflow:auto; width: 400px; height:300px; position: absolute; top:100px; margin-left: 200px;"><center><table><table><tbody><tr><td><table></center></div>

<style>.blacktext10{font-family:small fonts; font-size:9px;  color:000000; font-weight:none;border:0px; text-transform: uppercase;}
.redtext{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
</style>


<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td>

</div></td></tr></table>
 
freeflow
post Jun 18 2006, 01:10 PM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



You can make your age higher. If not you can add me here .

Anyways for the white patches try adding these to your style tags and see if it adjusts anything:
CODE
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: ######; background-color: ######; }

Only edit where it says ###### . Make those the overall bg color you want.

If your profile is showing. Hide as much of it as you can using scripts accept bottom links , top links, copyright etc.

Or use this script to make your profile smaller and squished:
http://www.createblog.com/scripts/download.php?id=198
That should possibly hide most of it and squish it together.

Or you can use this to hide all of your profile:
CODE
<style type="text/css">
    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>
 
xXAznCutehXx
post Jun 18 2006, 01:44 PM
Post #7


Newbie
*

Group: Member
Posts: 5
Joined: Jun 2006
Member No: 422,085



That got rid of the white patches but now the actual comments are gone and there's this huge box behind the layout.. that overlaps it at the bottom. I added you so if you confirm it and go to my profile you'll see what I mean ><;

I got everything else fixed (the scrollbar and the stats of the navi colors..titles.. etc) = the problem was that since the code was originally from a site, some of the color codes were #000000. since myspace doesn't use the # in front of the code, it replaced it with a ".." and messed up the color. so all in all the only thing wrong is the comments are gone and the big box.

My Profile

(edit) oh and for some reason I still can't use bold ><; the < b > and < / b > without the spaces in between.
 
freeflow
post Jun 18 2006, 02:37 PM
Post #8


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



I recoded it. It had to be recoded. Your css was sort of horrible. It was editing all these things you were hiding the same thing more than once. So what I did was I got rid of it and only kept the background properties. And realigned the divs to fit it. If you use this new code I gave you DO NOT put your old css in. Only add parts that edit text. Really I can show you what to add if you tell me what you want to edit. If you add all that css again it makes this a waste.


Heres what it looks like:
is that how you want it?
 
xXAznCutehXx
post Jun 19 2006, 02:34 PM
Post #9


Newbie
*

Group: Member
Posts: 5
Joined: Jun 2006
Member No: 422,085



ohh I see..well like I said this is a regular site with some codes from myspace layouts pasted here and there >>; The myspace codes you use to get rid of the old profile and all this other stuff...I really had no idea which code did what so I just kept all of them haha *first time using myspace*

It would really be a big help if you recoded it _smile.gif If I know where I'm supposed to put the actual contents in the code then I'll be fine. Looking at the pic it looks fine to me cept the links and the headings. As long as the space right of the layout is pure white with no other words peeking out, the comments show up (transparent background), and it's aligned to fit in the space provided, then i'm seriously happy xD
Just show me how to add images and such in the new code so that later if I want to put images in I can. like is it a < img src = " tag or [img] tag or what?

oh yah I fixed the coding so that the links coding (hover/active color etc), the scrollbar, and the title headings would show up properly. In my last post I think I explained that whole # color problem happy.gif

All I changed was the color codes

(about me)

CODE
.title
{
color:630922;
padding: 2px;
border:630922 1pt dashed;
background-image: none;
}

.nav
{
color:630922;
padding: 2px;
border:630922 1pt dashed;
background-image: none;
}
</style>


The one above should fix the headings

CODE
<style type="text/css">
<!-- --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> A { cursor:default } A:link { text-decoration: none; color:996699 } A:visited { text-decoration: none; color:FAA1B5 } A:active { text-decoration: none; color:ffffff } A:hover { text-decoration:none; color:ffffff} -->
</style>


the css was recoded but that's the colors I want the links to be

CODE
body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color:630922;
scrollbar-face-color:FFFFFF;
scrollbar-track-color:FFFFFF;
scrollbar-arrow-color:630922;
scrollbar-highlight-color:630922;
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:630922;}


that should fix the scrollbar. All i did was remove the ".." in front of the color codes and it fixed all of them.

I don't know how you recoded the coding so the css probably won't help but if you can get the heading, link codes, and the scrollbar to work then that would be great =)
and don't worry I WON'T touch ANYTHING! lol not after all this mess!!!
 

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