-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 {}
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…