Changing the Comment sections format Options

[shynomi]

I'm interested in changing the comment sections format from this:

www.myspace.com/frucatestpage

to this format. it looks much nicer.

www.myspace.com/thiscondition

is there a code that would change that?
thanks,
Nate

[shynomi]

that helped! i'm trying to get the date and time to be aligned right now and the pic and comments on the left. is there something in that above code that would do that?

thanks for your help so far!
Nate

[shynomi]

I'm for sure going to credit where i found it no worries :)
That worked now last thing is how to space the comments a little more to the right.
they're right up on the right side of the pic.

http://www.myspace.com/frucatestpage

you'll see what i mean.
thanks again!
Nate

[shynomi]

That did work for the date/time on the right side but not the comments. The comments are what i'm looking to move over just a tad. Thanks Mike.

[shynomi]

ah we're close now. the comments look fine now but the date and time are too far left. they were on the right side.

here's the code in full for the comments part.

CODE

<style>
html body.bodyContent table tbody tr td table.friendsComments{
width: 770px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background-color: transparent !important;
margin: 20px 15px 0px 0px !important;
_width: 770px !important;
}
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}
table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://i382.photobucket.com/albums/oo268/dygynomi/DEAR%20ZIM/commentline-1.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 36px !important;
color: ffffff!important;
width: 790px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 0px;
line-height: 300px !important;

_width: 790px !important;
_height: 36px !important;
_margin-bottom: -1px !important;
}
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b{
display: block;
position: absolute;
z-index: 9;
width: 780px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -27px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: ffffff;
font-weight: normal;
font-size: 10px;
_margin: -27px 0 0 8px;
_font-size: 10px !important;
_color: ffffff;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10{
color: ffffff!important;
text-transform: None !important;
display: block !important;
font-size: 12px;
font-family: arial, sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 0px 0px -29px 0px !important;
_margin: 15px 0px -.5em 0px !important;
}
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td.columnsWidening{
width: 400px;
}


</style>

[shynomi]

nice! now that did the trick! what exactly was it that was different in the code i replaced it with? just curious. thanks!

now i will be crediting them :)
nate