Comments on a Div Options

[notmemcgee]

I've made a div overlay on my myspace page and want to put in the comments section on top of the div. I have the add comment link set up I just want a box where the comments show up once they are sent. Either a custom one or the original myspace code that I can change.

Any help would be appreciated.

[*WHIMSICAL 0NE*]

Did you check the Scripts?
http://www.createblog.com/scripts/download.php?id=74

Also, make sure that you don't have a code in your CSS hiding the comments.

[notmemcgee]

Ok I got the code in and the box to around where I want it but none of my comments are showing up in it. Its just a long black box with a scroll bar a a bit of white about halfway down. Is there a specific code that might block the comments or should I link to/ post my code here?

[clarity]

Post your CSS code.

[notmemcgee]

Here's a link to the page Page.

And here's the code:

<style type="text/css">
.text .text, .btext, .contacttable, .lightbluetext8, .nametext, .orangetext15, .redlink, .whitetext12 {display:none;}

div table td font, table td div, td.text table, table table table {visibility:hidden; }

div table table td font a, table table td div, td.text table table, td.text table table td.text {visibility:visible;}

table, tr, td {background-color:transparent;}

a.navbar:active, a.navbar:visited, a.navbar:link { color:808080; }
a.navbar:hover { color:FFFFFF; }

body {
background-color:000000;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}
.splash {
background-color: 000000;
background-image: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacebackwebsmall.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left: 50%;
margin-left: -325px;
top: 160px;
height: 490px;
width: 650px;
overflow: auto;
z-index: 1;
}


div.socialButtons {
width: 150px; display: block;
margin: 400px 0 0 -300px !important; padding: 10px 0 10px 0;

border-top-style: solid;
border-top-width: 3px !important;
border-top-color: b51414 !important;

border-bottom-style: solid;
border-bottom-width: 3px !important;
border-bottom-color: b51414 !important;
}

ul.socialSelector {
list-style-type: none;
list-style-position: inside;
padding: 0; margin: 0;
display: block;
}

ul.socialSelector li {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif !important;
}

ul.socialSelector li a:link, ul.socialSelector li a:visited, ul.socialSelector li a:active {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
color: abe301;
text-decoration: underline;
font-weight: bold;
}

ul.socialSelector li a:hover {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
color: b51414;
text-decoration: underline;
font-weight: bold;
}

ul.socialSelector li.addFriend, ul.socialSelector li.addFavourite {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: 888888;
}

ul.socialSelector li.addFriend {
padding-left: 26px;
padding-top: 0px !important;
padding-bottom: 16px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspaceadd.jpg) 0px -2px no-repeat !important;
}

ul.socialSelector li.addFavourite {
padding-left: 26px;
padding-top: 10px;
padding-bottom: 16px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacefriends.jpg) 0px 6px no-repeat !important;
}

ul.socialSelector li.sendMessage {
padding-left: 26px;
padding-bottom: 5px !important;
padding-top: 16px;
margin-bottom: 0px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacemessage.jpg) 0px 12px no-repeat !important;
}



.friendsbutton {
background-color: 000000;
position: absolute;
left: 50%;
margin-left: -100px;
top: 700px;
height: 250px;
width: 550px;
overflow: auto;
z-index: 4;
}



div.stalkerishStats {
margin-top: 10px;
padding-top: 10px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: 888888;
}

div.stalkerishStats td.stalkerishHead {
padding-right: 10px !important;
}

td.stalkerishHead {
color: b51414 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: bold;
vertical-align: top;
text-align: left;
}

td.meDetail_even {
color: e7e7e7 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: normal;
vertical-align: top;
text-align: left;
}

td.stalkerishDetail_odd {
color: 888888 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: normal;
vertical-align: top;
text-align: left;
}


h3.subhead_stalkerishdetails {
font: 20px Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: 888888;
display: block;
margin: 0 0 10px 0px;
width: 138px; height: 44px;
background: url(PUT IN ME... PIC) top left no-repeat;
text-indent: -5000px;
overflow: hidden;
}

div.rightContent {
margin: 100px 0 0 -380px !important;
overflow: hidden;
margin: 67px 1 0 0; padding: 0;
width: 240px; float: left;
}

.meheader {
background-image: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/meheadersmall2.jpg);
position: absolute;
left: 50%;
margin-left: -450px;
top: 975px;
height: 100px;
width: 440px;
overflow: auto;
z-index: 1;
}

.addcomment {
background-color: FFFFFF;
position: absolute;
left: 50%;
margin-left: -450px;
top: 1500px;
height: 100px;
width: 100px;
overflow: auto;
z-index: 5;
}

object {
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
}


.comments {width:200;px; overflow: none;}
.comments table {background-color: FFFFFF;
margin-top: 1500px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;
z-index: 6;
}

</style>

[freeflow]

Change your code to this:

CODE

<style type="text/css">
.btext, .contacttable, .lightbluetext8, .nametext, .orangetext15, .redlink, .whitetext12 {display:none;}

div table td font, table td div, table table table {visibility:hidden; }

div table table td font a, table table td div, td.text table table, td.text table table td.text {visibility:visible;}

table, tr, td {background-color:transparent;}

a.navbar:active, a.navbar:visited, a.navbar:link { color:808080; }
a.navbar:hover { color:FFFFFF; }

body {
background-color:000000;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}
.splash {
background-color: 000000;
background-image: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacebackwebsmall.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left: 50%;
margin-left: -325px;
top: 160px;
height: 490px;
width: 650px;
overflow: auto;
z-index: 1;
}


div.socialButtons {
width: 150px; display: block;
margin: 400px 0 0 -300px !important; padding: 10px 0 10px 0;

border-top-style: solid;
border-top-width: 3px !important;
border-top-color: b51414 !important;

border-bottom-style: solid;
border-bottom-width: 3px !important;
border-bottom-color: b51414 !important;
}

ul.socialSelector {
list-style-type: none;
list-style-position: inside;
padding: 0; margin: 0;
display: block;
}

ul.socialSelector li {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif !important;
}

ul.socialSelector li a:link, ul.socialSelector li a:visited, ul.socialSelector li a:active {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
color: abe301;
text-decoration: underline;
font-weight: bold;
}

ul.socialSelector li a:hover {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
color: b51414;
text-decoration: underline;
font-weight: bold;
}

ul.socialSelector li.addFriend, ul.socialSelector li.addFavourite {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: 888888;
}

ul.socialSelector li.addFriend {
padding-left: 26px;
padding-top: 0px !important;
padding-bottom: 16px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspaceadd.jpg) 0px -2px no-repeat !important;
}

ul.socialSelector li.addFavourite {
padding-left: 26px;
padding-top: 10px;
padding-bottom: 16px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacefriends.jpg) 0px 6px no-repeat !important;
}

ul.socialSelector li.sendMessage {
padding-left: 26px;
padding-bottom: 5px !important;
padding-top: 16px;
margin-bottom: 0px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacemessage.jpg) 0px 12px no-repeat !important;
}



.friendsbutton {
background-color: 000000;
position: absolute;
left: 50%;
margin-left: -100px;
top: 700px;
height: 250px;
width: 550px;
overflow: auto;
z-index: 4;
}



div.stalkerishStats {
margin-top: 10px;
padding-top: 10px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: 888888;
}

div.stalkerishStats td.stalkerishHead {
padding-right: 10px !important;
}

td.stalkerishHead {
color: b51414 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: bold;
vertical-align: top;
text-align: left;
}

td.meDetail_even {
color: e7e7e7 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: normal;
vertical-align: top;
text-align: left;
}

td.stalkerishDetail_odd {
color: 888888 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: normal;
vertical-align: top;
text-align: left;
}


h3.subhead_stalkerishdetails {
font: 20px Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: 888888;
display: block;
margin: 0 0 10px 0px;
width: 138px; height: 44px;
background: url(PUT IN ME... PIC) top left no-repeat;
text-indent: -5000px;
overflow: hidden;
}

div.rightContent {
margin: 100px 0 0 -380px !important;
overflow: hidden;
margin: 67px 1 0 0; padding: 0;
width: 240px; float: left;
}

.meheader {
background-image: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/meheadersmall2.jpg);
position: absolute;
left: 50%;
margin-left: -450px;
top: 975px;
height: 100px;
width: 440px;
overflow: auto;
z-index: 1;
}

.addcomment {
background-color: FFFFFF;
position: absolute;
left: 50%;
margin-left: -450px;
top: 1500px;
height: 100px;
width: 100px;
overflow: auto;
z-index: 5;
}

object {
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
}


.comments {width:200;px; overflow: none;}
.comments table {background-color: FFFFFF;
margin-top: 1500px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;
z-index: 6;
}

</style>

Make sure you add the I'd like to meet portion of the code so that you can move it.

[notmemcgee]

Ok I got the comments moved around to where I want them and the text color changed but there is still the links and the copyright at the bottom. And what code would I use to change the scrollbar color transparency etc?

[*Intercourse.*]

Hide links and copyright:
http://www.createblog.com/scripts/download.php?id=547

Transparent Scrollbars:
http://www.createblog.com/scripts/download.php?id=526

[notmemcgee]

Ok I tried all the get rid of copyright/links at the bottom and they all interfere with other divs I had so I just took out the "<center><table><table><tbody><tr><td><table></center>"from the I'd like to meet section of the code and no links or copyright are there. Only problem now is I can't move the comments around. Is there something I can put in the CSS or html of the div to move it or am I stuck?

[notmemcgee]

Anybody... help...please