Comment box editing Options

[s00noma]

Alright, so I used divs to cover up my whole myspace layout to make it 100% custom, but i was wondering if there was a way to bring the comment portion on top of my divs in the location that i want it. Is there a way to position and format the comment portion to how you want it?

[s00noma]

anyone?

[lucyford]

I have NOT tried this out. But

This will conflict and NOT work if you have closed off any default tables and/or added any divs with the attributes "display:none" to hide any sections of your profile.
(i.e. the .hidethem or the .begone (John's Methods))


Step 1: place at the END of your "i'd like to meet" section;

<div class="comt"><table><tbody><tr><td><table>

Step 2: place on your style sheet;
(if you don't know what a "style sheet" is, you shouldn't be messing with this code)

/* unhiding comments on div layout */
.comt, .comt table {visibility: visible;}

/* hide friend space & span text */
.comt td td td table, .btext, .orangetext15, .redlink, .redtext {display: none;}

/* hide displaying XX comments & "view all comments" link */
.comt td b {visibility: hidden;}

/* unhide bold text left in comments by friends */
.comt td td td b {visibility: visible;}

/* hide "add comment" link on bottom */
.comt a {visibility: hidden;}

/* unhide all other links in comments (including friends names and pictures) */
.comt td td td a {visibility: visible;}

/* positioning, background-color & fonts */
.comt {
position: absolute;
left: 50%;
margin-left: -200px;
top: 200px;
z-index: 7;
background-color: C0C0C0;
overflow: auto;
height: 800px; width: 400px;
border: 1px solid; border-color: 000000;}

.comt table {
background-color: transparent;
border:0px solid; border-color: 000000;
position: relative; top: -50px;}

.comt td {
background-color: transparent;
border: 0px solid; border-color: 000000;
font-color: 000000; font-size: 10px; font-family: verdana;}


OPTIONAL & IE FIXES

/* IE fix; comment table relative position (FF & IE handle the positioning different) */
*html .comt table {top: -40px !important;}

/* resizing comment table to rid the horizontal scrollbar */
.comt table {width: 370px;}

/* IE fix; stretches text to width of entire table cell */
.comt td {width: 100%;}

/* adjust width of comment date to push friend's picture left and stretch entire table */
.blacktext10 {display:block; width:275px;}



any attributes in BLUE can be adjusted to fit your needs. also, this is more coding than necessary, i just thought it would better explain and cause less confusion doing it this way.

[s00noma]

ill give it a try..thanks for the reply

[s00noma]

bleh..it only seems to work in IE..and even if it does..for some reason the top comment gets cut off..