Help - Search - Members - Calendar
Full Version: comment box in a div?
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
SortedDetails
Nov 7 2006, 05:51 PM
How would I put my comments in this div:

CODE
<div id="BOX5" style="position: absolute; overflow-y:auto; overflow-X:hidden; width:662px; height:258px; z-index:0; left:293px; top:677px;border-color:green;border-width:2px;border-style:solid;">
<Font style="Kristen IRC" color="58647A" size="2px">
<CENTER>


</font>
</CENTER>
</div>


And then how would I customize the colors and things to match my layout?
freeflow
Nov 7 2006, 06:29 PM
Put it after the center tag. Or just take all that stuff out its not needed for a comment box:
CODE
<div id="BOX5" style="position: absolute; overflow-y:auto; overflow-X:hidden; width:662px; height:258px; z-index:0; left:293px; top:677px;border-color:green;border-width:2px;border-style:solid;">
comment box code here
</div>


If you want to use the comment box that matches your layout get our code in scripts.
SortedDetails
Nov 7 2006, 06:57 PM
So I found the thing for the comments, and I can't seem to edit it to look like I want.

Look here

I also found this is broken in IE. -.-
freeflow
Nov 7 2006, 07:13 PM
Wait you mean actual comments or a comment box?
If you mean actual comments to customize them use the table css. (look in our stylesheets and take out the table parts and add them to yours to customize it).

And whats broken in Ie? I don't have IE so I wouldn't know and can't do much about it.
SortedDetails
Nov 7 2006, 07:20 PM
Well, in IE the background color etc isn't showing. I think the way I'm using div's is making it mess up. And yes, I meant the actual comments XD
freeflow
Nov 7 2006, 07:28 PM
Your supposed to use the comments in a div script.
CODE
<style type="text/css">
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}
</style>
SortedDetails
Nov 7 2006, 09:50 PM
O.O Well that works.
freeflow
Nov 7 2006, 09:51 PM
haha what worked? Comments in a div? or the css I gave you? (oh and if you use the css make sure you edit it)
SortedDetails
Nov 7 2006, 10:02 PM
well, the code... But now I have another issue... if you look on http://www.myspace.com/thetesterpage my comments are transparent... How do I make the font and images NOT transparent? -.- I feel so silly.
freeflow
Nov 7 2006, 10:23 PM
They show up normally for me? I don't have Ie so yea. Maybe take a screenshot? They show up w/o a bckground. If you want a background to them edit this part:
table table table {border: 1px solid; border-color: ######; background-color: ######; }
SortedDetails
Nov 7 2006, 10:49 PM
freeflow
Nov 7 2006, 10:57 PM
Layout codes please?
SortedDetails
Nov 7 2006, 11:07 PM
This is the code in the .css I used for hiding things and my comment box. (I can't remember whats what, lmao)
CODE
.btext {
display:none;
}
.contacttable {
display:none;
}
.lightbluetext8 {
display:none;
}
.nametext {
display:none;
}
.orangetext15 {
display:none;
}
.redlink {
display:none;
}
.whitetext12 {
display:none;
}
.hidethem {
visibility:hidden;
display:none;
}
.comments {
width:660px;
overflow: none;
}
.comments table {
background-color: transparent;
filter:alpha(opacity=60);
-moz-opacity:0.6;
margin-top: -3px;
}
.comments td {
font-color: 000000;
font-size: 11px;
font-family: century gothic;
background-color: transparent;
}
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;
}



This is the code in the actual HTML part.
CODE
<div class="comments" style="position: absolute;overflow-y:auto;overflow-X:hidden;width:662px; height:258px;z-index:0;left:293px;top:677px;border-color:green;border-width:2px;border-style:solid">
<div class="comments"><table><tr><td><table><tr><td>
</center>
</div>
freeflow
Nov 7 2006, 11:09 PM
Take this out:
CODE
filter:alpha(opacity=60);
-moz-opacity:0.6;
margin-top: -3px;
SortedDetails
Nov 7 2006, 11:40 PM
Well, when I do, the background is no longer transparent.
freeflow
Nov 7 2006, 11:52 PM
Images : its keep the transparency or don't. So you have to keep transparent images since you want it to be tha way.

For text you can add the font attributes to the table , that might work.
CODE
.comments table {
background-color: transparent;
filter:alpha(opacity=60);
-moz-opacity:0.6;
margin-top: -3px;
font-color: 000000;
SortedDetails
Nov 8 2006, 12:31 AM
Oh, Oh fixed! Take a look:

Http://www.myspace.com/thetesterpage
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.