Mon, Jan 27, 8:28 AM CST

Renderosity Forums / Bryce



Welcome to the Bryce Forum

Forum Moderators: TheBryster

Bryce F.A.Q (Last Updated: 2025 Jan 23 6:01 pm)

[Gallery]     [Tutorials]


THE PLACE FOR ALL THINGS BRYCE - GOT A PROBLEM? YOU'VE COME TO THE RIGHT PLACE


Subject: Anyone using PJF's CSS code for gallery option know a fix for black fonts


skiwillgee ( ) posted Fri, 13 October 2006 at 6:37 PM · edited Mon, 13 January 2025 at 11:31 AM

PJF posted a CSS fix to blinding, bright default gallery page when R'osity went PHP.  Now they done it again.  Some sort of compliance change has been made and comment fonts changed colors. 

Phil Drawbridge has brought this to mods attention at community forum.  Their response seems to be "sorry not our problem" even though the code modification was posted as sticky because it fixed so many complaints.

I don't know CSS much but I changed the color codes and could not make black font go away.  I think the new site change is effecting something outside PJF's code (maybe)

Anyone here using the CSS know what line to change or add??


Incarnadine ( ) posted Fri, 13 October 2006 at 9:33 PM

No Idea but it is pissing me off!

Pass no temptation lightly by, for one never knows when it may pass again!


Conniekat8 ( ) posted Fri, 13 October 2006 at 9:40 PM

I'm not sure which page you're talking about...
I have about half a clue about css, if you post a link to the page, I'll take a look and see if I can figure it out?

Hi, my namez: "NO, Bad Kitteh, NO!"  Whaz yurs?
BadKittehCo Store  BadKittehCo Freebies and product support


Incarnadine ( ) posted Fri, 13 October 2006 at 9:46 PM

Take a look at any gallery page with something other than the blinding white rendo CSS.

Pass no temptation lightly by, for one never knows when it may pass again!


Conniekat8 ( ) posted Fri, 13 October 2006 at 11:49 PM

Well, this sorta works, but I can't seem to change the parts that are php generated an the overll page background seems to get overriden  no matter what I put in the css....

 ote on coloring, #333333 is almost black, #FFFFCC is pale yellow. not necesarrily very attractive combination, but easy to spot the components and do your own edits.  you may want to use a css editor, lie top style lite to help you out: http://www.computeractive.co.uk/vnunet/downloads/2128545/topstyle-lite
You can also tahe the text below, copy and paste into a notpad and save as a .css file to edit with topstyle.

I hope this is what you guys had in mind.

go to my gallery settings and paste this into custom css box (if something doesn't work right, you can always revert to defaults):

.gallery_header {
 font-size:18px;
 font-weight:bold;
 text-align:center;
 text-color:#FFFFCC;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_menu {
 text-align:center;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_table {
 border:2px solid #404040;
 padding: 2px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_section_bar {
 background-color:#333333;
 height:30px;
 color: #FFFFCC;
}
.gallery_section_cell {
 font-family:Verdana;
 font-size:14px;
 font-weight:bold;
 padding:2px;
 height:30px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_section_link_cell {
 text-align:right;
 padding:2px;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_section_link_cell, a.gallery_section_link_cell:hover, a.gallery_section_link_cell:active, a.gallery_section_link_cell:visited {
 font-family:Verdana;
 font-size:12px;
 text-decoration:none;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_section_link_cell:hover {
 text-decoration:underline;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_cell {
 padding:4px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_images_cell {
 padding:2px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_display_table {
 border:1px solid #404040;
 border-bottom-width:0px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_display_avatar_cell {
 border-bottom:1px solid #404040;
 background-color:#333333;
 padding:2px;
 color: #FFFFCC;
}
.gallery_display_title_cell {
 border-bottom:1px solid #404040;
 height:50px;
 background-color:#333333;
 padding:2px;
 vertical-align:top;
 color: #FFFFCC;
}
.gallery_image_title_div {
 font-family:Verdana;
 font-size:18px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_image_author_div {
 font-family:Verdana;
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_image_author_div, a.gallery_image_author_div:hover, a.gallery_image_author_div:active, a.gallery_image_author_div:visited {
 font-family:Verdana;
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_display_filler {
 background-color:#333333;
 color: #FFFFCC;
}
.gallery_display_image_cell {
 padding:10px;
 text-align:center;
 background-color:#333333;
 border-bottom:1px solid #404040;
 color: #FFFFCC;
}
img.gallery_display_image_cell {
 border:1px solid #404040;
 padding:0px;
 color: #FFFFCC;
 background-color: #333333;
}

a.gallery_image_action_bar, a.gallery_image_action_bar:active, a.gallery_image_action_bar:visited {
 font-size:11px;
 text-decoration:none;
 border:1px solid #333333;
 padding:4px;
 padding-bottom:7px;
 white-space:nowrap;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_image_action_bar:hover {
 font-size:11px;
 text-decoration:none;
 border:1px solid #333333;
 background-color:#333333;
 color: #FFFFCC;
}
a.gallery_image_action_bar img {
 margin: 0 0 -5px 0;
 color: #FFFFCC;
 background-color: #333333;
 border: #333333;
}

.gallery_display_notes_cell {
 background-color:#333333;
 padding:4px;
 border-bottom:1px solid #333333;
 color: #FFFFCC;
 border-top-color: #333333;
 border-right-color: #333333;
 border-left-color: #333333;
}
.gallery_display_details_cell {
 background-color:#333333;
 width:200px;
 border-left:1px solid #333333;
 border-bottom:1px solid #333333;
 padding:4px;
 font-size:11px;
 font-color:#FFFFCC;
 color: #FFFFCC;
 border-top-color: #333333;
 border-right-color: #333333;
}
.writers_gallery_details_cell {
 background-color:#333333;
 padding:2px;
 border:1px solid #333333;
 font-size:11px;
 color: #FFFFCC;
}
.gallery_notes_details_header {
 font-weight:bold;
 color: #FFFFCC;
 background-color: #333333;
 border: #333333;
}
.gallery_notes_details_body {
 padding-left:8px;
 color: #FFFFCC;
 background-color: #333333;
 border: #333333;
}

.gallery_comment_table {
 border:1px solid #404040;
 border-bottom-width:0px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_comment_header_cell {
 background-color:#333333;
 padding:4px;
 text-align:center;
 font-family:Verdana;
 font-size:18px;
 border-bottom:1px solid #404040;
 height:50px;
 color: #FFFFCC;
}
.gallery_comment_avatar_cell {
 background-color:#333333;
 border-bottom:1px solid #404040;
 padding:2px;
 color: #FFFFCC;
}
.gallery_comment_body {
 background-color:#333333;
 border-bottom:1px solid #404040;
 padding:4px;
 color: #FFFFCC;
}
.gallery_comment_title_div {
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_comment_title_div, a.gallery_comment_title_div:hover, a.gallery_comment_title_div:active, a.gallery_comment_title_div:visited {
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_comment_divider_cell {
 background-color:#333333;
 border-bottom:1px solid #404040;
 height:10px;
 color: #FFFFCC;
}

#trailimageid
{
 font-size: 11px;
 position: absolute;
 visibility: hidden;
 left: 0px;
 top: 0px;
 width: 254px;
 height: 0px;
 z-index: 200;
 color: #FFFFCC;
 background-color: #333333;
}
.trailimagediv
{
background-color: #333333;
color:#FFFFCC;
border: 1px solid #333333;
}
gallery_top_divider {
 color: #FFFFCC;
 background-color: #333333;
}
a:link {
 color: #FFFFCC;
 background-color: #333333;
}
a:visited {
 color: #FFFFCC;
 background-color: #333333;
}
a:hover {
 color: #FFFFCC;
 background-color: #333333;
}
a:active {
 color: #FFFFCC;
 background-color: #333333;
}
body {
 background-color: #333333;
 color:#FFFFCC
}

Hi, my namez: "NO, Bad Kitteh, NO!"  Whaz yurs?
BadKittehCo Store  BadKittehCo Freebies and product support


Conniekat8 ( ) posted Fri, 13 October 2006 at 11:52 PM · edited Sat, 14 October 2006 at 12:00 AM

oh, and re-reading the original post, these last few lines of code changed my link and title text colors to what I wanted them to be, so in case that's all you wanted, I separated them out.  Still, it's not perfect, but you CAN read thingw. I ran out of steam for fine tuning at the moment, I'll look into more tweaks later. HTH

gallery_top_divider {
 color: #FFFFCC;
 background-color: #333333;
}
a:link {
 color: #FFFFCC;
 background-color: #333333;
}
a:visited {
 color: #FFFFCC;
 background-color: #333333;
}
a:hover {
 color: #FFFFCC;
 background-color: #333333;
}
a:active {
 color: #FFFFCC;
 background-color: #333333;
}
body {
 background-color: #333333;
 color:#FFFFCC
}

Hi, my namez: "NO, Bad Kitteh, NO!"  Whaz yurs?
BadKittehCo Store  BadKittehCo Freebies and product support


skiwillgee ( ) posted Sat, 14 October 2006 at 6:45 PM

Attached Link: http://www.renderosity.com/mod/forumpro/showthread.php?thread_id=2668925

Williamsn has posted a css code at this link with a screen shot of how it looks.  I'm now using it for gallery.  His post says it is for forums also.  So far my forum screens are okay with the site's lastest "compliance" change

I asked on that thread he come back with plain english flags on which lines are effecting colors for each item on page to make it simpler to non programmers like me to change various colors. 

I'm going to try conniekat's now to see which I like better until I can figure out how to modify my own.


Conniekat8 ( ) posted Sat, 14 October 2006 at 7:17 PM

Mine is not complete, but I can easily change the color scheme on the code that williams posted... If you tell me the coloring you like...

Hi, my namez: "NO, Bad Kitteh, NO!"  Whaz yurs?
BadKittehCo Store  BadKittehCo Freebies and product support


Conniekat8 ( ) posted Sat, 14 October 2006 at 7:36 PM

Try this, it's dark grey with pale ywllowis lettering and it works.
Sorry, can't do screenshots at the moment... I have one of those short keyboards without print screen keys :(

body {
 background-color: #333333;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFCC;
}

table {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFCC;
}

h3 { font-size: 14px; line-height: 16px; }

a, a:active, a:hover { text-decoration: underline; color: #FFFF99; }
a:visited { text-decoration: underline; color: #ECEA95; }

.outside_table { background-color: #333333; width:100%; border-width:0px; }

.content_cell { padding-left: 8px; padding-right:8px; background-color: #333333; }

.outer_content_cell { width:100% }
.content_cell { padding-left: 8px; padding-right:8px; background-color: #333333; width:100%; }

.outside_header_cell { padding:2px; background-color:#333333; }
.header_table { border-width:0px; background-color:#333333; }
.header_cell { background-color: #000000; color: #FFFFFF; }
a.header_cell, a.header_cell:active, a.header_cell:hover { color: #FFFFCC; }
a.header_cell:visited { color: #ECE9D8; }

.footer_cell { background-color: #000000; color: #FFFFFF; border-width:0px; }
a.footer_cell, a.footer_cell:active, a.footer_cell:hover {
 color: #FFFFCC;
}
a.footer_cell:visited { color:#FFFFFF; }

.outside_nav_cell { border-width:0px; background-color: #333333; }
.nav_table { background-color:#000000; }
.nav_group_cell { background-color: #333333; color: #FFFFCC; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.nav_group_cell_top { background-color: #333333; color: #FFFFCC; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.nav_link_cell { padding-top:4px; padding-bottom: 4px; background-color:#333333; color: #FFFFCC; }
a.nav_link { color: #FFFFCC; }
a.nav_link:visited { color: #FFFFFF; }
.nav_brand_cell { background-color:#333333; }
a.nav_brand_link { color: #FFFFCC; }
a.nav_brand_link:hover { color: #FFFFCC; }
a.nav_brand_link:visited { color: #E9E79E; }

.page_title { }
td.page_title { }
a.page_title_link, a.page_title_link:hover, a.page_title_link:visited, a.page_title_link:active { color: #FFFFCC; }
.page_summary { }

a.message_notification {
color:#FFFF99;
font-size:11px;
font-weight:bold;
}

a.message_notification:hover {
color:#FFFFCC;
font-size:11px;
font-weight:bold;
}

a.message_notification:visited {
color:#E9E79E;
font-size:11px;
font-weight:bold;
}

a.message_notification:active {
color:#FFFF99;
font-size:11px;
font-weight:bold;
}

.gallery_table { border:2px solid #DADADA; }
.gallery_section_bar { background-color:#333333; color:#FFFFCC; }

.gallery_display_table { border:1px solid #000000; }
.gallery_display_avatar_cell { border-bottom:1px solid #DADADA; background-color:#333333; }
.gallery_display_title_cell { border-bottom:1px solid #DADADA; background-color:#333333; }
.gallery_display_filler { background-color:transparent; }
.gallery_display_image_cell { background-color:transparent; border-bottom:1px solid #DADADA; }
img.gallery_display_image_cell { border:1px solid #404040; }

a.gallery_image_action_bar, a.gallery_image_action_bar:active, a.gallery_image_action_bar:visited { border:1px solid #DADADA; }
a.gallery_image_action_bar:hover { border:1px solid #404040; background-color:#FFFFCC; }

.gallery_display_notes_cell { background-color:#333333; border-bottom:1px solid #DADADA; }
.gallery_display_details_cell { background-color:#333333; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA; }
.writers_gallery_details_cell { background-color:#333333; border:1px solid #DADADA; }

.gallery_comment_table { border:1px solid #404040; border-bottom-width:0px; }

.gallery_comment_header_cell { background-color:#333333; border-bottom:1px solid #DADADA; }
.gallery_comment_avatar_cell { background-color:#333333; border-bottom:1px solid #DADADA; }
.gallery_comment_body { background-color:#333333; border-bottom:1px solid #DADADA; }
.gallery_comment_divider_cell { background-color:#333333; border-bottom:1px solid #DADADA; }

.trailimagediv
{
background-color: #333333;
color:#FFFFFF;
border: 1px solid #888888;
}

Hi, my namez: "NO, Bad Kitteh, NO!"  Whaz yurs?
BadKittehCo Store  BadKittehCo Freebies and product support


Conniekat8 ( ) posted Sat, 14 October 2006 at 8:18 PM

Here's a simple black and green-ish scheme

body {
 background-color: #000000;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFCC;
}

table {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #99FFCC;
}

h3 { font-size: 14px; line-height: 16px; }

a, a:active, a:hover { text-decoration: underline; color: #99FFCC; }
a:visited { text-decoration: underline; color: #009966; }

.outside_table { background-color: #000000; width:100%; border-width:0px; }

.content_cell { padding-left: 8px; padding-right:8px; background-color: #000000; }

.outer_content_cell { width:100% }
.content_cell { padding-left: 8px; padding-right:8px; background-color: #000000; width:100%; }

.outside_header_cell { padding:2px; background-color:#000000; }
.header_table { border-width:0px; background-color:#000000; }
.header_cell { background-color: #000000; color: #99FFCC; }
a.header_cell, a.header_cell:active, a.header_cell:hover { color: #99FFCC; }
a.header_cell:visited { color: #009966; }

.footer_cell { background-color: #000000; color: #99FFCC; border-width:0px; }
a.footer_cell, a.footer_cell:active, a.footer_cell:hover {
 color: #99FFCC;
}
a.footer_cell:visited { color:#009966; }

.outside_nav_cell { border-width:0px; background-color: #000000; }
.nav_table { background-color:#000000; }
.nav_group_cell {
 background-color: #002010;
 color: #99FFCC;
 font-size: 14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: italic;
}
.nav_group_cell_top { background-color: #002010; color: #99FFCC; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.nav_link_cell { padding-top:4px; padding-bottom: 4px; background-color:#000000; color: #99FFCC; }
a.nav_link { color: #99FFCC; }
a.nav_link:visited { color: #99FFCC; }
.nav_brand_cell { background-color:#000000; }
a.nav_brand_link { color: #99FFCC; }
a.nav_brand_link:hover { color: #99FFCC; }
a.nav_brand_link:visited { color: #009999; }

.page_title { }
td.page_title { }
a.page_title_link, a.page_title_link:hover, a.page_title_link:visited, a.page_title_link:active { color: #99FFCC; }
.page_summary { }

a.message_notification {
color:#FFFF99;
font-size:11px;
font-weight:bold;
}

a.message_notification:hover {
color:#99FFCC;
font-size:11px;
font-weight:bold;
}

a.message_notification:visited {
color:#009999;
font-size:11px;
font-weight:bold;
}

a.message_notification:active {
color:#FFFF99;
font-size:11px;
font-weight:bold;
}

.gallery_table { border:2px solid #000000; }
.gallery_section_bar { background-color:#000000; color:#99FFCC; }

.gallery_display_table { border:1px solid #000000; }
.gallery_display_avatar_cell { border-bottom:1px solid #000000; background-color:#000000; }
.gallery_display_title_cell { border-bottom:1px solid #000000; background-color:#000000; }
.gallery_display_filler { background-color:transparent; }
.gallery_display_image_cell { background-color:transparent; border-bottom:1px solid #000000; }
img.gallery_display_image_cell { border:1px solid #000000; }

a.gallery_image_action_bar, a.gallery_image_action_bar:active, a.gallery_image_action_bar:visited { border:1px solid #000000; }
a.gallery_image_action_bar:hover { border:1px solid #000000; background-color:#FFFFCC; }

.gallery_display_notes_cell { background-color:#000000; border-bottom:1px solid #000000; }
.gallery_display_details_cell { background-color:#000000; border-left:1px solid #000000; border-bottom:1px solid #000000; }
.writers_gallery_details_cell { background-color:#000000; border:1px solid #000000; }

.gallery_comment_table {
 border-top: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 1px solid #000000;
}

.gallery_comment_header_cell { background-color:#000000; border-bottom:1px solid #000000; }
.gallery_comment_avatar_cell { background-color:#000000; border-bottom:1px solid #000000; }
.gallery_comment_body { background-color:#000000; border-bottom:1px solid #000000; }
.gallery_comment_divider_cell { background-color:#000000; border-bottom:1px solid #000000; }

.trailimagediv
{
background-color: #000000;
color:#99FFCC;
border: 1px solid #000000;
}

Hi, my namez: "NO, Bad Kitteh, NO!"  Whaz yurs?
BadKittehCo Store  BadKittehCo Freebies and product support


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.