-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
I was messing around with my codes on myaspace and then for some reason it pushed down my friends and comment all the way to tha bottom. Why? I deleted the codes I put in and still it stays the same. What happened?
Oh my goodness….THANK YOU! I’ve been trying to get the resize images in comments code to work all day, and not one site offered steps 1 and 2 that you show here. So, I thank you for putting an end to my trauma of having massive images posted on my profile. Much appreciated!
heh, nice
the thing is, the comment table is INSIDE the other one, therefore when comments are expanded, so is the rest of it.
Why doesnt this code work On safari on macs? Is there a code like this that work in macs
Hi, very nice job, but I need something hard, what I need is have a scrollable div comments and other apart with the friends in other floting table, can U?
Can one resize linked images on the comment table without resizing the profile pic next to it?
Does anyone know if there is a way of changing the location of the blog and upcoming shows on the music myspace pages.
hey, can black ppl do this too?
Same deal for me.. frustrating!
ok ive seen pple with a comment box where there comments are ..all of their comment and friends show ..but the comment box is ther b/4 the comments..please help me
ok my comments will not resize…i mean the accutl comment does not over flow. whats the problem?
[N1CK] ♠
Hello,
I have created a custom myspace page using dvi code. After adding the dvi code the only thing it showed was myspace banner, search and the top links.. and i custom designed the rest.
The problem I need help with is “how can show the comment”. Every were i go, they all have how to hide the comment. In this case i need to show the comment under my custom frients.
My page: http://www.myspace.com/websitetonight
Can some one please help?
Many thanks,
Tammi
hey, nice post. good info.
you can check out my div at http://www.myspace.com/pete1226
I used your code for the comments.
Hello i have used the code for my profile but i have use it for a band profile and it dont appear nothing… THanks
I have tried codes in
hides & unhides and addons & extras.
And some of the codes dont work.
how do i keep the comments section in place. i mean if you dont have the page in full screen then the comments section overlaps other stuff.
yay it worked!!
The only problem is now I have a bar in the middle of my background…
I figured out that it is the BOTTOM LINKs bar, so I put in a hide bottom links code. It works, but it also hides my comments =/
(Im really new at div)
When I add this code to the bio section I cannot save the changes, because the “edit” and “submit” buttons don’t appear anymore. Can someone help me with that?
is there any way to get around the long name stretching problem?
Does anyone know how to get the comments to stay in one place? They’re in a different place depending on what resolution your viewing the page in.
you have to edit the profile in safe mode, then they will be there
This worked wonders for me, until I realized that the friends images are sometimes going to the left and then sometimes they are centering, and spreading evenly.
Does anybody know if theres something I could do about that?
check out what I’m talking about – http://www.myspace.com/robnadeau13
Hello,
I love this Div, and absolutely worship you for posting it!!
I had been going crazy for days trying to figure this out.
Now a tricky question for ya: is there a way to make the comments marquee up?
Also, the top part of the first poster’s image is getting cut off, how do I fix that? I know I read in the comments someone else was having issues with that, but I didn’t see a reply.
Any help is appreciated!
Thank you!
how do you put your comments in a scrollbox when using a div layout…? do you know the code i keep trying to find it but i can’t…