Fri, Nov 29, 12:10 PM CST

Renderosity Forums / Community Center



Welcome to the Community Center Forum

Forum Moderators: wheatpenny Forum Coordinators: Anim8dtoon

Community Center F.A.Q (Last Updated: 2024 Nov 29 5:48 am)

Forum news, updates, events, etc. Please sitemail any notices or questions for the staff to the Forum Moderators.



Subject: CSS code for forums?


cliff-dweller ( ) posted Wed, 14 June 2006 at 10:08 AM · edited Mon, 29 July 2024 at 12:14 AM

Please, can someone point me to some CSS coding (similar to PJF's great code for the galleries) that can be used for the forums. I want a dark background with light text. I've done searches in the forums and haven't turned up anything, yet I've read that there have been some examples posted that work for the forums.

Thank you for your help! regards, Jen

Check out my full gallery at Cliff-Dweller Artworks


StaceyG ( ) posted Wed, 14 June 2006 at 11:47 AM

I will try and find you one posted by I think ernyoka1  in this forum. Someone just asked this a few days ago and I found the link..Hold tight and I'll find it for ya:)


cliff-dweller ( ) posted Wed, 14 June 2006 at 12:11 PM

Thanks so much, Stacey...that's marvelous! 👍

Check out my full gallery at Cliff-Dweller Artworks


PJF ( ) posted Sat, 17 June 2006 at 5:56 PM · edited Sat, 17 June 2006 at 6:04 PM

I don't know if you're still using my gallery colour scheme, cliff-dweller, but if you are here's my forum scheme to match.

Please note that there is a bit of an issue with the Rendo reply box and Internet Explorer. For some reason, most of the time that IE users post on the forums their text comes out black - no matter what colour you've selected in your CSS. This means that viewer defined light text on a dark background isn't an option. In a similar way, if someone posts in a dark text by choice, that will be difficult to see on a dark background.

So my scheme uses a mid-grey background for the forum message cells. White text and black text show up equally well. This isn't ideal, but it's a best compromise.

The dull grey-blue I've chosen as a basic colour isn't entirely related to my having a dull grey-blue personality. Some of the Rendo forum text is 'hard-coded' in black. If you have a black background you won't see it. The scheme blends in well with the semi-fixed Rendo site wide mid-blue scheme (on the top and side bars). Also, it's similar to a colour LaCie chose for the bodywork on some of their high end graphics monitors.

This forum scheme also has a few refinements related to maximising useful screen space (especially in Firefox); reducing blinding white backgrounds; and squashing scrolling marquees.

 

Important - this is a forum CSS scheme. Do not use it for the galleries.

copy below this line____

 

BODY {background-color:#242935; color: #e3edf5; }
.content_cell { background-color:#242935; }

table.outside_table { width: auto; !important;}

a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #FFFFFF;}
a:link {color: #e3edf5;}
a:hover {color: #FFFFFF;}
a:visited {color: #e3edf5;}
select {z-index: -1;}

/* temporary fix for forum_message_cell bug */
tr[bgcolor] {background-color: #808080; color: #e3edf5;}

/* Sets the appearance of entry boxes */
textarea {background-color:#495F73; color: #e3edf5;}

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

iframe { width: 720px !important;}

/* Sets the appearance of select menus */
select { background-color:#495F73; color: #e3edf5;}
 
td.content_cell {  background-color: #242935; color: #D2D9E0;}
.forum_headline {font-size:18px; font-weight:bold; padding-top:4px;}

#forum_announcement { border:2px dotted #495F73; font-color: #e3edf5;}

#forum_announcement td {text-align:center; padding:2px;}

#forum_outer_table {width: 100%; 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 { 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: #e3edf5; }
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: #e3edf5; font-size:11px; }
.forum_posts_cell { background-color:#242935; color: #e3edf5; 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 { width: 8%; background-color:#333333; font-size:11px; padding:2px; padding-top:5px; color:#e3edf5; }
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 { background-color:#A0A0A0; color:#e3edf5; }

/* 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: #4C4C4C; 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: #6F6F6F; width: 600px; -moz-border-radius: 13px; }
*/

copy above this line____

 

Acknowledgements must go to the proper CSS coders who were active when the forums were changed over to PHP. I've merely tweaked the shoulders of giants.

 


cliff-dweller ( ) posted Sat, 17 June 2006 at 7:18 PM

Hey PJF, thank you sooooo much!!! That's just superb and I really appreciate you posting this! 😄👍

Yes, I AM using your wonderful set-up for the galleries...and yes, I found the same problem with the text in some of the forum posts being in black...one day this past week I wrestled with the forum CSS code for a couple hours trying to make all the text light-colored...hehehe...couldn't get it to happen...so I gave up with the black-background idea!! LOL!! Yours looks excellent!! BIG thanks to you...and best wishes for a happy Sunday!!

Check out my full gallery at Cliff-Dweller Artworks


Privacy Notice

This site uses cookies to deliver the best experience. Our own cookies make user accounts and other features possible. Third-party cookies are used to display relevant ads and to analyze how Renderosity is used. By using our site, you acknowledge that you have read and understood our Terms of Service, including our Cookie Policy and our Privacy Policy.