customize comment area Options

[silent epidemic]

is there a way to resize the pictures in the comment area to make them smaller? like the pictures of your friends. & is there a way to customize JUST the text in your comments? oh & delete the text on top that says "displaying blah blah" & the dates of the comments?

[*WHIMSICAL 0NE*]

Use this to resize your image codes:

resizes images posted in comments:
.comt td img {max-width:250px!important; _width:250px!important;}

resizes: linked images including friends profile pic:
.comt td a img {max-width:250px!important; _width:90px!important;}

resizes: online now image:
.comt div img {width:80px!important;}

resizes: top 8 friend pics:
.comt td td td td img {width:80px!important;}

To change how the text looks in your comments use this:

.comt td td td, .comt td td td b {CSS HERE}

Just change the things in bold.

[silent epidemic]

thanks =] all of it worked except my friend's pictures are still the same size.. oh & is there a way to make it so your comment area doesn't scroll sideways? like it all fits into the box it's in & it just goes down instead of extending outward? if you get what i'm saying sorry if it's confusing ahaha.. like change the width of the whole area?

oh oh ohh !! uhmm WHIMSICAL ONE like your comment box !! cause i need my comments to fit in the box like your comments fit in yours

[*WHIMSICAL 0NE*]

If you have then placed in a div (which is what I'm guessing) you can change the width. But if you don't want to do that you could always just remove the horizontal scrollbar by using overflow-x:hidden

Hm, the code to make your friends images should work. Did you change the numbers to smaller numbers?

[silent epidemic]

yeah they're in a DIV & i changed the width & all but the comments themselves are wide so there's a horizontal scrollbar. in your profile how the comments aren't wide & the comments are close to the pictures so it fits right in the box you made for it? yeahh that's what i meant ahaha

& yeah i changed the numbers around lots & still nothing =[

[*WHIMSICAL 0NE*]

One of the reasons why they might be stretching out your comment area is the timestamp..
Change that using this code:
.blacktext10 {width: 320px;}

It should be about 130px less than your div area for your comments.

[silent epidemic]

i did that but nothing happened =[

[*WHIMSICAL 0NE*]

Eh, I tried. Haha.
There's probably some obvious reason that I can't think of.
Sorry I couldn't be more of a help...

[silent epidemic]

ahaha it's okey thanks. but uhm how did you do yours? cause that was like .. exactly what i was talking about ahha

[freeflow]

I didn't read this whole thing I read one of your posts and you made an error in your coding In your I'd like to meet you have:


.comt td td td, .comt td td td b {
.comt {color:999999; font-size:6pt; font-weight:normal; font-style:normal; font-family:Arial, verdana, arial, sans-serif; }}

You can't do that. It needs to be

.comt td td td, .comt td td td b {}
.comt {color:999999; font-size:6pt; font-weight:normal; font-style:normal; font-family:Arial, verdana, arial, sans-serif; }

Also make the width smaller in the comment code you have in about me. You have it set to 246px. Make it smaller.
Also um , you can also try skinny/thi profile codes, to make your comments smaller.

[silent epidemic]

oh okey ahah thanks but i fixed it & it didn't change anything? oh well ahaha but yeah i never thought to try the skinny profile codes. wowww thanks for the idea ahaha but uhm now there's like a clickie thing in the middle of my page .. like you know how you have to click to activate links or something like that? i don't know but yeah i used all of this:

CODE

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

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

& i'm guessing i don't need all of that ahaha but it works for now. which part is for the comments only? everything else that i don't need i wanna take out

[freeflow]

embed, object {display:block; width:220px; height:38px; }
Take off that part. Does it remove the player?( or clickie thing)

Yea the code I told you to fix wasn't going to change anything. Its just improving the coding.

[silent epidemic]

YESSSS ahaha you're always so much help thank you !!!

[freeflow]

Your welcome. If you need this again pm me.