-Notes (v.4)
- Reasons why this might not work for you:
1. you have not completely removed a previous code used to hide the comments or place comments in a scrollbox.
2. you have added extra <table> tags or closed off default tables in order to hide sections of your profile.
example: <div style=”display:none;”><table><tr><td> ect ect..
3. there’s quite a few things that will conflict with this.. trial and error! - (FireFox Only)- If your friend has a long name with no spaces (example: ihavealongannoyingnameXcore) it will stretch out the table cell that it’s in and throw everything off. Check that out if something doesn’t look right.
- quick lesson on “position: relative”
top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px - Any attributes in red can be adjusted to your preference.
- Steps 2 & 3 go in your style tags!
STEP 1. - Choose your type of profile.
(PERSONAL) - place at the very bottom of your “I’d Like To Meet” section:
</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>
(BAND) - place at the very bottom of your “Bio” section:
</td></tr></table></td></tr></table></td></tr></table>
<div class="comt"><table class="frnd"><tr><td>
<table class="off"><tr><td><table><tr><td>
STEP 2. - Add ONE of the codes to either hide or keep the top 8+ friends.
Comments WITH top 8+ (DO NOT EDIT)
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .redtext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}
Comments WITHOUT top 8+ (DO NOT EDIT)
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .redtext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}
* DO NOT add the code in red to band pages.
“_top:XXpx;” should always be about 9px less than the “top:XXpx;”
STEP 3. - Changing Position, Sizes, & Styles.
The MAIN COMMENT DIV
JB{The Main: comment div;}
.comt {width:450px; height:390px; overflow:auto;
background-color:white; border:1px solid; border-color:black; position:absolute; top:400px; left:50%; margin-left:-100px; }
JB {Timestamp: width;}
.blacktext10 {width: 320px;}
* the timestamp width should be roughly around 130px less than the main Comt Div.
- HIDES AN UN-HIDES -
JB{hides: online now images in comments & top 8}
.comt td td td .ImgOnlineNow{display:none;}
JB{hides: online now images only in top 8}
.comt td td td td .ImgOnlineNow{display:none;}
JB{hides: comment timestamp}
.blacktext10{visibility:hidden;}
JB{hides: Displaying XX of XX comments(View/Edit All Comments)}
.comt td b{display:none;}
JB{hides: name has XXX friends}
.comt .btext{display:none;}
JB{hides: View All of names Friends link}
.redlink{display:none;}
JB{hides: friend name links}
.comt td td td a{visibility:hidden!important;font-size:0px!important;}
JB{unhides: friend name links in top 8 (fix for above code)}
.comt td td td td a{visibility:visible!important; font-size:10px !important;}
JB{hides: friends name links only in top 8}
.comt td td td td a{visibility:hidden!important; font-size:0px !important;}
JB{hides: the Add Comment link}
.comt td a{visibility:hidden;}
* hiding friend name links also hides all links in comments.
- RESIZE COMMENT IMAGES -
JB{resizes: images posted in comments}
.comt td td td img {width:300px; max-width:300px; _width:300px !important;}
JB{resizes: linked images including friends profile pic}
.comt td td td a img {width:90px; max-width:260px; _width:90px !important;}
JB{resizes: online now image}
.comt td td td .ImgOnlineNow {width:80px!important;}
JB{resizes: top 8 friend pics}
.comt td td td td img {width:80px!important;}
* the “_width:” is for IE only
- ADDONS & EXTRAS -
JB{moves comment timestamp down}
.blacktext10 {position:relative; top:20px;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:black;}
JB{add background image to timestamp}
.blacktext10{background-image:url(url_to_pic.gif);}
JB{center Displaying XX of XX comments View Edit All Comments}
.comt td b {text-align:center;}
JB{comment section scrollbar color}
.comt {
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
}
- SELECTORS FOR MORE ADVANCED CODERS -
JB{all text in comments}
.comt td td td, .comt td td td b {}
JB{Add Comment link (all links)}
.comt td a {}
.comt td a:hover {}
JB{links in comments and friends name}
.comt td td td a {}
.comt td td td a:hover {}
JB{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {}
.comt td b a:hover {}
JB{View All of names Friends link}
.comt td a.redlink {}
.comt td a.redlink:hover {}
JB{name has XXX friends}
.comt td .btext, .comt td .redbtext {}
how do i make it like veiw more friends only, and centered..
do u get wat i mean??
how do i control the widt of the text in the comments? with this?
JB{all text in comments}
.comt td td td, .comt td td td b {}
These steps aren’t clear - you can see that because people keep asking the same questions.. Where does step 2 & 3 go.
I have them in a style tag in about me and it’s not doing a damn thing =(
please help. This is day 2.
humm.. it’s not showing my comments.. but my myspace video?? what the heck?
Just wondering if this code would work the same with a “MySpace Film” page. Like, where it says omit for a band profile, etc, would I do the same for a Film/Movie profile?
Z.L.C [♥]’s Friend Space
Z.L.C [♥] has 276 friends.
View All of Z.L.C [♥] ’s Friends
Z.L.C [♥]’s Friends Comments
Displaying 50 of 688 comments View/Edit All
like its all stuck togther…this part…wont go away.i looked at my profile and i erased it but its still there it wont go away…and the whole thing together is aquished together
Z.L.C [♥]’s Friend Space
Z.L.C [♥] has 276 friends.
View All of Z.L.C [♥] ’s Friends
Ne ways I somehow moved my freinds and my comments to the left side of my page..I am not really sure how I done it…Its even like that when I take my layout off and I have delted stuff to see if that would help..I would appericate any suggestions..Thanks Kindly!!!
I want to hide my comments + the link to my friends list but I still want to keep my top 8.
Could anyone help me?
i tryed everything that i would need and i put them in the correct sections and yet my top is still visable…?
Hello, I have a quick question. The comment image resizer does not work for band profiles. It only works for regular profiles. How do I fix that?
Oh and by the way; lovely tutorial. Thumbs up!
Hi
How do you change the color of the text of the comments?
I just want to change it from black to white.
Thanks,
Barry
Ok, Ive managed to figure it out. Just cant figure out how to change the colour of the friends name above the pic in the comment box.
Any ideas?
so i used this code (among many other comments-in-a-scrollbox codes that didn`t work)
and this code DID WORK for me swimmingly.
however, i use firefox, and when i look at my profile on IE, the comment div is shifted to the right about 100px, throwing everything off.
is this inevitable ?
p.s. i do have a lot of coding for hiding/positioning tables. if that makes a difference
THANK YOU GUYS ! (:
I am using a DIV/overlay layout on myspace and there is an extra scrollbar.
I tried to take away one of the but it messed up the layout.
Does anyone have any idea how to fix that..??
“comment section scrollbar color” doesn’t work or I’m doing something wrong. I am trying to change it all to black and it’s still the regular white and blue.
Just kidding…it works in IE not FF
I made myself a div layout, but how can I put the comments in at the buttom? it’s not coming out when i put your codes in.
Thanks for your codes here man, very cool. I had problems changing the colors of the names above the buddy images in the comments table however.
I’m trying to use the Tropical Green layout and added the comments code and it all works well except I’m having a problem that comments with text and the timestamp don’t show up. The text doesn’t come out at all. I’ve tried erasing tags, and have gone through the coding over and over and can’t figure out why it doesn’t show up (You can see what I mean when you click on my name)…Any help would be greatly appreciated!
HOW does one widen their myspace comment table and just that table without affecting anything else. I want it so that the table is 500px wide
please help
hey joyboner, i love this site. has a lot of useful info. how about some flash tutorials. perhaps one on importing comments to flash. that would be awesome.
thanks joyboner!
thanks for this tutorial…had no problems, good job!
This is great , But dose any body have any know how I can do the same thing only with profile image, name text, text besides the pic, ect.=)
Joey.
idk if im just stupid or somthing but it dosent work for me…can someone just post the full code put together for a personal layout because i donsent work for me…PLEZZ
this is not working for me at all..
i’m not sure what i’m doing wrong..
ahh!! i want it so bad but it won’t work lol