Lisbeth, Your welcome. Glad you liked that. I just kept playing around with the colors until I found the ones I wanted to change. Really didn't know what I was doing. The reason I want to get it to work in Internet Explorer also is so a friend can use it too. He's not using Firefox altho I've tried to get him to switch.

For what it's worth I'm going to post my style, which is adapted from the many shared here. Please bear in mind that the overall width setting is specific to my monitor size and for overcoming the Internet Explorer 'white bar' horror mentioned above. It should be easy to substitute the width settings that work for you. This style contains a couple of 'innovations' that may be useful for some. - Select menus (such as the forum select menu at the bottom of the page) can be coloured by preference. This will help those who like dark backgrounds and are dazzled when bringing up the default select menu. - The forum message cell is set at 100% width. This has the benefit of reducing some wasted space on the avatar area. Let's face it, we're here for what's in the message cell primarily, aren't we... ;-) The colour scheme is pretty much what I used previously. It's supposed to be unobtrusive and not distract from the appreciation of images; whilst integrating reasonably well with those parts of the site that are beyond our control. ___________ copy below this line _____________ /* Adapted from the many generously shared styles in the Community Center Forum / BODY {background-color:#242935; color: #D2D9E0; } .content_cell { background-color:#242935; } table.outside_table { width: 1170px !important;} / generic hyperlink appearances / a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #D2D9E0;} a:hover {color: #FFFFFF;} a:visited {color: #A2A8AD;} / Sets the appearance of select menus / select {background-color:#495F73; color: #e3edf5;} / Sets the appearance of entry boxes / textarea {background-color:#495F73; color: #e3edf5;} / temporary fix for forum_message_cell bug? / tr[bgcolor] {background-color: #242935; color: #D2D9E0;} td.content_cell {background-color: #242935; color: #D2D9E0;} .forum_headline {font-size:18px; font-weight:bold; padding-top:4px;} #forum_announcement {border:2px solid #495F73; } #forum_announcement td {text-align:center; padding:2px;} #forum_outer_table {border:2px solid #495F73;} #forum_outer_table td {padding:1px;} #forum_inner_table {background-color: #5F5F5F; color: #D2D9E0;} #forum_inner_table th {background-color:#495F73; text-align:center; font-weight:bold; color:#e3edf5; font-size:11px; height:20px;} #forum_inner_table td {height:100%; padding-top:2px; padding-bottom:4px;} .forum_marker_cell { background-color:#242935; } td.forum_name_cell { background-color:#242935; padding-bottom:5px; } a.forum_forumname_link, a.forum_forumname_link:hover, a.forum_forumname_link:visited, a.forum_forumname_link:active { font-size:13px; } a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:visited, a.forum_threadname_link:active { font-size:12px; } .forum_summary_div { font-size:11px; } .forum_author_cell { background-color:#242935; } a.forum_author_link { color: #D2D9E0; } a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:11px; } .forum_threads_cell { background-color:#242935; #color: #D2D9E0; font-size:11px; } .forum_posts_cell { background-color:#242935; color: #D2D9E0; font-size:11px; } / sets appearance for number of views column / .forum_views_cell { background-color:#242935; font-size:11px; } / sets appearance of last posted column / .forum_last_post_cell { background-color:#242935; font-size:10px; } / sets appearance of group listing / .forum_group_row_cell { background-color:#242935; font-size:14px; font-weight:bold; } / The following classes set avatar area appearance / .forum_avatar_cell { background-color:#242935; font-size:10px; padding:2px; padding-top:5px; color:#D2D9E0; } a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active, a.forum_avatar_link:visited { font-size:10px; }; / sets appearance of forum entrys / .forum_message_cell { width:100%; background-color:#242935; color:#D2D9E0; } / sets descriptive caption for forum entrys / .forum_message_detail_table { border-bottom:1px solid #808080; padding-top:2px; padding-bottom:2px; } .forum_message_detail_cell { background-color: #242935; color: #e3edf5; font-size:10px; font-weight: bold; } .forum_divider_cell { background-color:#495F73; } / sets the appearance of quoting in forums */ .forum_quote_div { font-style:italic; padding:12px; color: #e3edf5; background-color: #242935; width: 600px; -moz-border-radius: 13px; } _______________ copy above this line ________________

Quote - "for overcoming the Internet Explorer 'white bar' horror mentioned above. It should be easy to substitute the width settings that work for you."

Cool, so what part of this controls that "white bar"? The setting I use work great with Firefox but not when I load Internet Explorer..that when that white strip shows up. Thanks

It's just a compromise for visual purposes really. If I increase the width pixel count (or set the width to 100%), the site fits the page better (or completely) but at the cost of the blinding white vertical bar. At the current width pixel count I get narrow dark borders each side of the site. So I've essentially exchanged a worse than useless white bar in the body of the page for useless but harmless dark borders either side. Hopefully there's a simple setting to rectify the IE white bar horror properly. It's beyond me though.

Quote - "Hopefully there's a simple setting to rectify the IE white bar horror properly. It's beyond me though."

Yeah, it's beyond me too.

Just found something vaguely useful. Putting table.outside_table { width: auto; !important;} instead of what I wrote above for that line will do the IE white bar compromise automatically for any screen size. Well, I did say 'vaguely'. ;-)

I gave that a try and I think that will work. I keep forgetting I have a widescreen monitor and this looks appropriate for one that isn't widescreen. Thanks for that tip.

I dont get a white streak, thanks agiel!

Geeze....me and my dyslexic brain will NOT be doing this and WHY WHY WHY DO WE HAVE TO REWRITE WHAT THE FORUM PEOPLE DID???? DOESN'T ANYONE SEE SOMETHING ODD ABOUT ALL THIS??? ----------- i have to unsubscribe, my mail box is like SPAM !

Quote - "Geeze....me and my dyslexic brain will NOT be doing this and WHY WHY WHY DO WE HAVE TO REWRITE WHAT THE FORUM PEOPLE DID???? DOESN'T ANYONE SEE SOMETHING ODD ABOUT ALL THIS??? ----------- i have to unsubscribe, my mail box is like SPAM ! "

Lyne, I see plenty wrong with it but unless or until they do something about it, I'm going to do what I can to make my now limited visits here as pleasant looking as possible. I have a style sheet now that makes the pages look sort of like what we are use to.

Guys..you are life savers!!! :) :) At last...my eyes stopped being watery all day long from that dreadful off-white! THANKS A MILLION to all of you experts on CCS! :) Rena

Quote - " Quote - "Just found something vaguely useful. Putting table.outside_table { width: auto; !important;} instead of what I wrote above for that line will do the IE white bar compromise automatically for any screen size. Well, I did say 'vaguely'. ;-) "

I gave that a try and I think that will work. I keep forgetting I have a widescreen monitor and this looks appropriate for one that isn't widescreen. Thanks for that tip."

YESS! This works like a charm! I have a widescreen monitor as well (aren't they lovely?) but this way I don't need to have it full screen to see my menu bar at the right :o) And it will work when I wiev it from work or other places as well! THANKS!!

This is my version, but the cellpadding isn't right - all the text is jammed right up against the cell borders - can anyone rectify this?

Also, my "Enter" key seems to be being ignored, so I'm having to add html line break tags manually to avoid word wrap.

Thanks, Tina

body { background-color:#000000; }
p, body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:white; }
h3 {font-size: 14px; line-height: 16px; color:white; }
table { background-color:#495F73; font-size:12px; color:white; line-height: 18px;}
tr { background-color:#495F73; font-size:12px; color:white; line-height: 18px;}
td { background-color:#495F73; font-size:12px; color:white; line-height: 18px;}

a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color:white; line-height: 18px;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color:#acbdca; line-height: 18px;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color:#acbdca; line-height: 18px;}

.content_cell {padding-left: 8; padding-right:8; background-color:black;}

.forum_headline { font-size:22px; font-weight:bold; padding-top:20px; line-height: 18px; color:white }

#forum_announcement { border:0px solid #354553; }
#forum_announcement td { text-align:center; padding:4px; }

#forum_outer_table { border:0px solid #354553; }
#forum_outer_table td { padding:0px; }

#forum_inner_table { }
#forum_inner_table th { background-color:#000000; text-align:center; font-weight:bold; color:white; font-size:12px; height:20px; }
#forum_inner_table td { height:35px; }

.forum_marker_cell { background-color:black; }
td.forum_name_cell { background-color:black; padding-bottom:10px; }
a.forum_forumname_link, a.forum_forumname_link:hover, a.forum_forumname_link:visited, a.forum_forumname_link:active { font-size:13px; color:white; line-height: 18px;}
a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:visited, a.forum_threadname_link:active { font-size:12px; color:white; line-height: 18px;}
.forum_summary_div { font-size:12px; color:white; line-height: 18px;}
.forum_author_cell { background-color:#000000; font-size:12px; color:white; line-height: 18px;}
a.forum_author_link, a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:12px; color:white; line-height: 18px;}
.forum_threads_cell { background-color:#495F73; font-size:12px; color:white; line-height: 18px;}
.forum_posts_cell { background-color:#000000; font-size:12px; color:white; line-height: 18px;}
.forum_views_cell { background-color:#000000; font-size:12px; color:white; line-height: 18px;}
.forum_last_post_cell { background-color:#000000; font-size:12px; color:white; line-height: 18px;}
.forum_group_row_cell { background-color:#495F73; font-size:14px; font-weight:bold; color:white; line-height: 18px;}
.forum_avatar_cell { background-color:black; font-size:12px; padding:2px; padding-top:5px; color:white; line-height: 18px;}
a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active, a.forum_avatar_link:visited { font-size:12px; color:white; line-height: 18px;}
td.forum_message_cell { background-color:black; font-size:12px; color:white; padding:6px; line-height: 18px;}
.forum_message_detail_table { border-bottom:1px dotted #354553; padding-top:6px; padding-bottom:6px; }
.forum_message_detail_cell { background-color:black; font-size:12px; color:white; padding: 6px;}
.forum_divider_cell { background-color:#000000; }
.forum_quote_div { font-style:italic; padding-left:20px; color:white;}
/* the end */

Just as a note to the awesome folks providing these style sheets:

Remember to take IE7 into account as you dev these, since the new version fixes all those old errors and adds a whole lotta new wrinkles (some of which will allow you to do some cool cSS3 stuff).

IE8 is projected for 18 months later, as well, and is supposedly going for full css3 & XHTML support.

Well..with the new reply features seems the black background is having serious problem! :(

You can't see what people have written unless you highlight their reply cell... any idea how to fix that? Seems like the new reply features set the font color to black which over black dissapears... :(

Rena

The only way to fix that, hon, is to change from a black background.

So we got on all this trouble to fix the look of the forums to how we like it...then they do another small update on features and mess all that up once again! Just great! Sigh!

I give up! Not everybody is supposed to be an expert to view the 'rosity forums properly..it happens to no other site - profiles have features to do that easily even if you're a newbie..used to be the same around here too but now NOOOO! We have to comply by the rules of how the site wants us to read forums even if it turns our eyes apart!  :( :(

Rena

All my replies are visible as white text ...

Rena,check my  latest post in the "How forums Should  Have Been"thread, I just posted a (IMO) nice one that DOES take the black text into account.

See if you like that

cherokee - you are a rock star.  my gawd what a difference.  my eyestrain just went down several immense notches thanks to your coding.  I can't believe we have to go to all this trouble but the difference is mind boggling.  I still have to highlight those typing in black text but will try this out for awhile and/or try some of the other offerings members have been cool enough to share.

I can FINALLY see the visited threads as well & the quotes actually look like quotes instead of just italic typed text.  Cripes.  I should've done this days ago......

Quote -   I still have to highlight those typing in black text ....

Yeah I did too. Decided the grey was a little too dark and changed the color.

OK, just replace the "my temporary fix for forum_message_cell bug" color codes with this one...

tr[bgcolor] {background-color: #5B5A5A; color: #CCCCCC;}

Quote - OK, just replace the "my temporary fix for forum_message_cell bug" color codes with this one...

Outstanding!
It works great - thanks HUGE cherokee! ;-)

Cool, glad it worked.

Now, if we could just get rid of the advertising banners people are using in their sigs, I think I'd be happy. I mean, I like to read the messages, not have flashing advertising banners detracting from what I'm reading. Anyone know of a code to do that?

You can get rid of most of them with FireFox's AdBlock add-on. Works like a charm GG

IF you want to still see the flashy pictures but not have them flash, with Firefox once the page is loaded hit the ESC button on your keyboard & they stop anjimating.

Quote - IF you want to still see the flashy pictures but not have them flash, with Firefox once the page is loaded hit the ESC button on your keyboard & they stop anjimating.

The ESC button worked good on yours....and...LOL..so did AdBlock...got rid of it all together. Thanks Lisbeth about AdBlock.

Heh, you'll need more than an escape button to stop pauljs75's flourescent green banner horror.

And he's the guy with the code know-how - no good asking him how to stop it. ;-)

.

LOL!

It's not an animated .gif or embeded flash for one thing... (Just a simple .)  Yeah you could stop it by disabling javascript (tools|options|content), but guess what? A lot of page functionality and usability would go with it. Muahahaha... :woot:

Just Cross linking this thread with the HTML Web Forum's CSS thread so that folks can flip back and forth to get new styles.. The HTML STicky thread on 'Rosity forum styles is here:

http://market.renderosity.com/mod/forumpro/showthread.php?thread_id=2643105&page=1

To kill scrolling marquee text you can use:

marquee {display:none;}

or if you still want to be able to read what it says and you're using Firefox or Mozilla then:

marquee { -moz-binding: none !important; display:block; width:100%; height:auto !important; }

will stop the scrolling but leave it readable.

Sadly (tragically), "marquee {display:none;}" did not work for me in Firefox1.5 or IE6.

Which is strange, because the other tip worked fine.

Thanks anyway.

.

Something weirds going on!

I entered the single instruction "marquee {display:none}" into the options box and saved it. Then when I looked at the source of a forum message page, the HTML showed "marquee {dspy:none}" which of course does absolutely nothing!

Seems to be a bit of agressive parsing of the css rather than passing it literally into the output. (Quotes in attribute selectors e.g. [bgcolor="#DEE3E7"] don't work either.

Ah, of course. Nicholas has already stated that he's disabled the display tag - I remember now (though not why).

.

Anyway, this works as a partial workaround in Firefox and IE:

copy below this line

marquee { height: 1px !important; width: 1px !important; background-color: #A0A0A0; color: #A0A0A0;}

copy above this line

• match both the color and background-color to what you use for your forum entry background-color (removes residual flicker).

At least, it works on the examples on this page. Lucifer_The_Dark's is squelched completely; pauljs75's is reduced to a static green bar (smaller in Firefox).

Ooh, I remember now - people were using the display:none tag to remove the forum announcement cell. The site owners didn't like the removal of part of their corporate layout (excuse: there's important information there ;-)).

.

I've just this morning removed the marquee from my sig, that was after PJF worked out how to kill it :D