I JUST WANT MY COMMENT BOX A DIFFERENT COLOR, please? Options

[computershateme]

alright you know how the comment boxes are white? is there a code i can use to change the BG color of the actual box where people type comments? i would appreciate it lots!

[lilazneye10]

heres the code

CODE

<!-- begin code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<script>
// Resize Comment Box by Paul Chen aka Coyote
width = NUMBER;  //change this value
height = NUMBER; //change this value
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}
</SCRIPT>
<ilayer name=""><div id="" style="width:1; height:1;  BACKGROUND: #BACKGROUND HEX CODE; FILTER: alpha(opacity=0); overflow:auto"><center><applet><xmp>
<!-- end code provided by createblog.com -->

<!-- end code provided by createblog.com -->

there u can customize your comment box..
hope this helps!!

[sherryvu]

just for future reference, it's under "comment box: customize" in the xanga scripts section

http://www.createblog.com/forums/index.php?showtopic=35132

[computershateme]

well you guys, i tried that code and it works for resizing but it doesnt work for the color change....?

[C.Lime.Jello.]

What did you change?
Maybe you deleted a quotation mark or something.
(Or added an extra # sign.)

[sherryvu]

add this to your stylesheet

#htmleditor {
border : 1x solid #000000;
}

or you can just simply paste this one into your header section

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">#htmleditor {border : 1x solid #000000;}</style>
<!-- end code provided by createblog.com -->

change 000000 to whatever color you want

and then add this to your website stats

CODE

<!-- begin code provided by createblog.com -->
<script>
width = 400;  //change this value
height = 180; //change this value
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" frameborder=no width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}
</script>
<!-- end code provided by createblog.com -->

[computershateme]

alright this is what i tried: i put this one that lilazneye10 gave:

CODE

<!-- begin code provided by createblog.com -->
<script>
// Resize Comment Box by Paul Chen aka Coyote
width = 400;  //change this value
height = 180; //change this value
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}
</SCRIPT>
<ilayer name=""><div id="" style="width:1; height:1;  BACKGROUND: #3300CC; FILTER: alpha(opacity=0); overflow:auto"><center><applet><xmp>
<!-- end code provided by createblog.com -->

in my website stats first. Didn't work. Then i put this in my header:

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">#htmleditor {border : 1x solid #3300CC;}</style>
<!-- end code provided by createblog.com -->

and this

CODE

<!-- begin code provided by createblog.com -->
<script>
width = 400;  //change this value
height = 180; //change this value
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" frameborder=no width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}
</script>
<!-- end code provided by createblog.com -->

in my stats like Sherry_Vu said. Also didnt work.

What am i doing wrong!? ugh. Help me out guys. I dont see any problem with it?

[sweetxsimplicity]

I doubt your doing anything wrong, the codes probaly just don't work. =/
This code *might* work.

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {background-color:red;}
</style>
<!-- end code provided by createblog.com -->

[EDIT]

No, that just changes the other background color. =/

[computershateme]

nuff. thanks anways i guess i will live with my ugly white comment box lol

[sherryvu]

oh i misread your question i thought you were wanting to change your borders. well the background of your comment box can't be changed because it's an iframe. the only thing you can probably do is change the opacity of it to make it as transparent as you want so that it'll match the bg of your xanga

[computershateme]

oh! alright i see, i see. how do i make it transparent?

[sherryvu]

just change the part that's bolded (the opacity) to a number from 0-100. i think the higher the number, the more transparent it gets... or it might be the other way around... i forgot :

<!-- begin code provided by createblog.com -->
<script>
width = 400;  //change this value
height = 180; //change this value
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}
</SCRIPT>
<ilayer name=""><div id="" style="width:1; height:1;  BACKGROUND: #FFFFFF; FILTER: alpha(opacity=0); overflow:auto"><center><applet><xmp>
<!-- end code provided by createblog.com -->

[computershateme]

ugh. thats not working either. jeez!! oh well i guess ill just leave it alone. nothings working. thanks anyway.