CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)
-   -   Needing help with styling comment box! (http://www.codingforums.com/showthread.php?t=284300)

LauraJae 12-17-2012 08:56 PM

Needing help with styling comment box!
 
I'm not the best at programming, I can just about do python, but I need some help with simple css styling!

[CODE]
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24Zm/VrTRsqRMQBAdyE823s1"+"&opts=478&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/
</script>
<!-- end htmlcommentbox.com -->
[ICODE]

I want the submitted comments to be white, but when I add code the original owner has given us, it just turns the username white.

Any ideas?

SB65 12-18-2012 08:29 AM

Really need to see the generated html but you might try:

Code:

#HCB_comment_box{color:#FFF}
If this doesn't work post a link to your page, or the actual html produced by your script - use Firebug or something similar to get this.

LauraJae 12-18-2012 05:46 PM

I installed firebug and it won't work. Does the inspect element thing do the same?

Here's one of the pages where the comment box is installed :)

SB65 12-19-2012 08:41 AM

Quote:

Originally Posted by LauraJae (Post 1300828)
Here's one of the pages where the comment box is installed :)

Where?

tempz 12-19-2012 06:07 PM

Try:

Code:

#HCB_comment_box blockquote {margin: 10px;overflow: hidden;color: white;}
Test: http://jsfiddle.net/fVtsJ/

LauraJae 12-19-2012 06:32 PM

That's weird! It must have been filtered out...

Find it HERE

Anyway, the owner said that it needs style tags to work. The website for the actuall comment box can be found HERE

It doesn't seem to work @Tempz

SB65 12-20-2012 12:23 PM

Try:

Code:

#main-wrap #HCB_comment_box blockquote {color:white}
(The #main-wrap is required in the selector to give a higher specificity than this statement:

Code:

#main-wrap .container blockquote {
    background: url("theme/saperator-v.png?984031") repeat-y scroll left top transparent;
    border-left: medium none;
    color: #999999;
    font-style: italic;
    margin: 15px 0;
    padding-left: 30px;
}

- which is why the suggestion above doesn't work.)

LauraJae 12-20-2012 05:03 PM

So how would insert into the javascript?

tempz 12-21-2012 12:17 AM

Quote:

Originally Posted by LauraJae (Post 1301343)
So how would insert into the javascript?

You don't; when you output the JavaScript, this will automatically style it from your style-sheet

LauraJae 12-22-2012 06:08 PM

Oh, I put this in my style sheet! I get it now :0

Thank you so much! It works!


All times are GMT +1. The time now is 02:20 AM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.