Comment box/Friend's comments help please! Options

[kzn]

So I only want to show a few of my friend's comments instead of 37! and found this code here:

CODE

<style>
div.SKB_3comments {
overflow:hidden; height:627px;
}
</style>

</td></tr></table>
</td></tr></table>
<div class="SKB_3comments">
<table><tr><td>
<table><tr><td>

Problem is the code cut out the right border of my comment/friend table, like this:
http://img331.imageshack.us/img331/6133/bordervl1.jpg

Is there another way I can fix that? I was thinking maybe align the whole thing to the left, but wasnt sure how i could do that...Or maybe if there's another code to cut down the number of comments shown beside this code?

My other question is since I remove the bottom section of the comment table, there is no "Add Comment" anymore, so I added a comment box, but how do i set it under the comment section?

Right now I have this code in the "I'd Like to Meet" box

CODE

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YourFriendID" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Arial; font-size: 10px; color: 000000; background-color: a=0; style="overflow:auto;"></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: FFFFFF;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Arial; font-size: 10px; color: 000000; background-color: FFFFFF;" type="reset"></form>

But the box is up at the top like this:

http://img337.imageshack.us/img337/4835/commentyw9.jpg

if I put the code in the "About Me" section like suggested by the creator, my comment box will end up INSIDE the about me box, like this:
http://img350.imageshack.us/img350/2081/aboutzk5.jpg

So basically I just want to know if there's a way to move that to the bottom of my profile.

Thanks!

Oh while Im at it and i just remember this, is there a way to makes all my table evenly aligned? (or equal in width) here's my code:

CODE

<style type=text/css>
body {
background-color: FFFFFF;
background-image: url("http://img115.imageshack.us/img115/9485/diepandabyd4nart5rc.jpg");
background-position: left;
background-repeat: none;
background-attachment: fixed;
scrollbar-arrow-color:18A760;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 666666;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:666666;}

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: 1px solid; border-color: 666666; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 8pt arial; color:525252; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 8pt arial; color:525252; font-weight:none; border:0px; text-transform: none; line-height:12px;}  

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

{style for the number of friends you have.}  
.redbtext{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

{Blurbs, About Me, Who Id like to Meet, Friend Space, and Friends Comments style}
.orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 8pt; letter-spacing: 0px; text-transform: none;}  

{General, Music, Movies, Television, Books, Heroes, Status, Here for, Hometown, Body Type, Ethnicity, Religion, Sign, Smoke/Drink, Children, Education, Occupation, and Income title style}
.lightbluetext8{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none; }

{Contacting, Interests, Details, and Schools title styling}  
.whitetext12{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none;}  

{In your extended network style}
.blacktext12{font-family: times new roman; color: 000000; font-weight: normal; font-size: 16pt; letter-spacing: 0px; text-transform: none; }

{Stylizing of your name above your picture }  
.nametext{font-family: arial; color: 000000; font-weight: normal; font-size: 18pt; letter-spacing: -1px; line-height: 20pt;}  

{date stamp on comments}  
.blacktext10{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none;}  

{Latest Blog Entry }
.btext{font-family:arial; font-size:8pt; color:000000; font-weight:none; letter-spacing: 0px; text-transform: none; }

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; }  
a:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a:visited{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
font-weight:none;border:0px; text-transform: none; cursor:;}

{View all friends and invite more link style}  
a.redlink{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.redlink:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a.redlink:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a.redlink:visited{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; }
a.redlink:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; cursor:;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:visited{font-family:arial; font-size: 8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; cursor:;}  

{Default Links}
a:link, a.man{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:arial; font-size: 8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
font-weight:none;border:0px; text-transform: lowercase; cursor:;}

{bolded words}
.standard b, p b, B, strong {
font-family:georgia; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

</style>

<style type="text/css">
.blogbody u, .standard u, p u, u {
font-weight: underline;
color: a3a3a3;}
</style>

<style type="text/css">
.blogbody i, .standard i, p i, em {
font-weight: italic;
color: a3a3a3;}
</style>

<style type="text/css">
img { filter:Gray;}
a:link img { filter:Gray;}
a:hover img { filter:none;}
</style>
<style>.r{}</style>

[freeflow]

You can use this script and just play around with the height till only so many are showing.
http://www.createblog.com/scripts/download.php?id=61


You can't move a comment box under the comment section w/o positioning it with a div. I don't suggest that if you don't have a div layout.


Just use this to align your tables. Edit the width in red:

<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>

[kzn]

Hmm...the first code merges the comment table with the "About Me" and "Friends" tables, and make the whole thing looks all ugly...lol.

I tried the alignment code and seems like it only affect individual table? I couldnt get it to fix all of the tables :-\

Sorry if im such a big noob...

[freeflow]

Thats th eonly other way to do it if yours doesn't work. So your choice. Your myspace.

That code effects all of your tables. The width is the width that you set it to be . There are other scripts but I find them to be rather unstable and your tables can stretch out and turn bad from little things. If you want to try those. Get the skinny profile codes in the scripts section and then just change the width.

[kzn]

I'll keep using the one i have now if there's no other code, since no border is better than no table, lol. Thanks!

this is what my page look like with the allign code
http://img504.imageshack.us/img504/7937/widthau3.jpg

They all got shrinkage :-(

[freeflow]

Post your new code and link your myspace. The screenshots don't help us figure out hte problem becuase you could have put in a code wrong etc. So please post your myspace link if its on private. Take it off .

[kzn]

Sorry, here are the codes (with that one added to it):

About Me:

CODE

<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:500px !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>
body {
background-color: FFFFFF;
background-image: url("http://img115.imageshack.us/img115/9485/diepandabyd4nart5rc.jpg");
background-position: left;
background-repeat: none;
background-attachment: fixed;
scrollbar-arrow-color:18A760;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 666666;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:666666;}

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: 1px solid; border-color: 666666; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 8pt arial; color:525252; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 8pt arial; color:525252; font-weight:none; border:0px; text-transform: none; line-height:12px;}  

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

{style for the number of friends you have.}  
.redbtext{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

{Blurbs, About Me, Who Id like to Meet, Friend Space, and Friends Comments style}
.orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 8pt; letter-spacing: 0px; text-transform: none;}  

{General, Music, Movies, Television, Books, Heroes, Status, Here for, Hometown, Body Type, Ethnicity, Religion, Sign, Smoke/Drink, Children, Education, Occupation, and Income title style}
.lightbluetext8{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none; }

{Contacting, Interests, Details, and Schools title styling}  
.whitetext12{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none;}  

{In your extended network style}
.blacktext12{font-family: times new roman; color: 000000; font-weight: normal; font-size: 16pt; letter-spacing: 0px; text-transform: none; }

{Stylizing of your name above your picture }  
.nametext{font-family: arial; color: 000000; font-weight: normal; font-size: 18pt; letter-spacing: -1px; line-height: 20pt;}  

{date stamp on comments}  
.blacktext10{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none;}  

{Latest Blog Entry }
.btext{font-family:arial; font-size:8pt; color:000000; font-weight:none; letter-spacing: 0px; text-transform: none; }

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; }  
a:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a:visited{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
font-weight:none;border:0px; text-transform: none; cursor:;}

{View all friends and invite more link style}  
a.redlink{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.redlink:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a.redlink:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a.redlink:visited{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; }
a.redlink:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; cursor:;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:visited{font-family:arial; font-size: 8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; cursor:;}  

{Default Links}
a:link, a.man{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:arial; font-size: 8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
font-weight:none;border:0px; text-transform: lowercase; cursor:;}

{bolded words}
.standard b, p b, B, strong {
font-family:georgia; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

</style>

<style type="text/css">
.blogbody u, .standard u, p u, u {
font-weight: underline;
color: a3a3a3;}
</style>

<style type="text/css">
.blogbody i, .standard i, p i, em {
font-weight: italic;
color: a3a3a3;}
</style>

<style type="text/css">
img { filter:Gray;}
a:link img { filter:Gray;}
a:hover img { filter:none;}
</style>
<style>.r{}</style>




<style> table table td.text table td.text table table tbody td table {display: none !important} </style>

<Style>table b {display:none;}</style>

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

I'd Like to Meet:

CODE

<style>
div.SKB_3comments {
overflow:hidden; height:627px;
}
</style>

</td></tr></table>
</td></tr></table>
<div class="SKB_3comments">
<table><tr><td>
<table><tr><td>

[freeflow]

The reasn your tables look that is because you set the width to 500. That is the reason. Change it to around 300 or 350....

If your problem is still around you need to provide a link because your comments can cause extra stretching of the tables.

[kzn]

Actually after messing around with all the numbers in your code, I think it works!

<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:430px !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:150px !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:9pt !important;} span {font-size:8pt !important;} embed, object {display:block; width:260px; height:350px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:8pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>

Problem was that everything was shrunk (pic, font, embed obj, etc) so I changed a few numbers and they look okay now, it even fixes my border problem with the comment table! (I know the red number is for my profile pic, how do i fix the pics from the comment table? [next to the friend's comment])

One last thing, after putting in the code there's a white rectangular box on the top left of my myspace (where the ad is and blocks off about half of the ad), and all the links under the ad are centered. Is there a way to fix that? (Not important since it isnt affecting anything, but if there is a way it's nice to know :))

Thanks a ton!

[freeflow]

td.text td.text a img {width:35px !important;}
Change that.

That code does not hide the ad. At all so thats something else your doing or its just that the ad isn't showing .

[kzn]

Thanks!

and you can see the ad thing here:
http://www.myspace.com/7261491

The ad isnt blocked, but there's a box on the top left, and all the links at the bottom of the page are shifted to the left.

Also is there anyway I can modify the stuff in the "Contact" table?

<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:430px !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:150px !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:9pt !important;} span {font-size:8pt !important;} embed, object {display:block; width:260px; height:350px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:8pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>

I dont know what to put in the red there instead of the "none", but if I delete it the table shows up, lol. Sorry, all trial and error noobie here

[freeflow]

The ad : Shows up perfectly fine.
Bottom links are shifted because it does that to all the orig. myspace links in a table.


You can't modify the contact table if you want buttons you just add this code:
http://www.createblog.com/scripts/download.php?id=80

[kzn]

Ah, it must be something with Firefox then. I just try the page with IE can see the ad fine. Thanks for the code!