Forum: Community Center


Subject: colour-coded forum stylesheet

pleonastic opened this issue on Apr 07, 2006 · 86 posts


pleonastic posted Fri, 07 April 2006 at 6:15 AM

i feel for all you guys who don't know CSS. i don't know whether this will help anyone else, but i've created a stylesheet that's colour-coded, so i can more easily identify the individual cells; that's what i do if i quickly want to adjust somebody else's style to my own preferences. i've used standard html colours, which every browser should be able to display: red blue green yellow aqua lime fuchsia purple maroon olive teal silver gray, as well as white and black. there is only one hex code, for the dark blue rosity colour so you'll remember the format once you start changing things. all the text and forum/thread titles are white. all other links are red. if you change one element at a time, you should be able to see quite clearly what all it affects. there are a couple of oversights in the stylesheet we get from rosity right now; and at least one bug in the main html code; i've done what i could to work around those by redefining some elements. hope this helps at least a little. here it is; just copy it as is, from the first /* to the last / into the text field in "my options". beware; it might make your eyes bleed :). if you screw up, you can always revert to the original, so don't worry about experimenting. i do all my editing in a text editor instead of the web form; i recommend doing that because you can easily save your progress and different versions. / pleonastic's rosity forum sample stylesheet / / these extras added for clarity and because of oversights in forum style / background { background-color:gray; } 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:gray; font-size:11px; color:white; } tr { background-color:gray; font-size:11px; color:white; } td { background-color:gray; font-size:11px; color:white; } a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color:red;} a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color:red;} a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color:red;} .content_cell {padding-left: 8; padding-right:8; background-color:silver;} / modded original starts here / .forum_headline { font-size:22px; font-weight:bold; padding-top:20px; color:white } #forum_announcement { border:2px solid silver; } #forum_announcement td { text-align:center; padding:4px; } #forum_outer_table { border:2px solid silver; } #forum_outer_table td { padding:1px; } #forum_inner_table { } #forum_inner_table th { background-color:#495F73; text-align:center; font-weight:bold; color:white; font-size:11px; height:20px; } #forum_inner_table td { height:35px; } .forum_marker_cell { background-color:yellow; } td.forum_name_cell { background-color:blue; 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; } a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:visited, a.forum_threadname_link:active { font-size:12px; color:white; } .forum_summary_div { font-size:11px; color:white; } .forum_author_cell { background-color:lime; font-size:11px; color:white; } a.forum_author_link, a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:11px; color:white; } .forum_threads_cell { background-color:green; font-size:11px; color:white; } .forum_posts_cell { background-color:aqua; font-size:11px; color:white; } .forum_views_cell { background-color:fuchsia; font-size:11px; color:white; } .forum_last_post_cell { background-color:purple; font-size:10px; color:white; } .forum_group_row_cell { background-color:red; font-size:14px; font-weight:bold; color:white} .forum_avatar_cell { background-color:maroon; font-size:10px; padding:2px; padding-top:5px; color:white; } a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active, a.forum_avatar_link:visited { font-size:10px; color:white; } td.forum_message_cell { background-color:olive; font-size:11px; color:white; } .forum_message_detail_table { border-bottom:1px solid silver; padding-top:2px; padding-bottom:2px; } .forum_message_detail_cell { background-color:teal; font-size:10px; color:white; } .forum_divider_cell { background-color:silver; } .forum_quote_div { font-style:italic; padding-left:20px; color:white;} / the end */


agiel posted Fri, 07 April 2006 at 7:00 AM

Attached Link: http://www.siteprocentral.com/cgi-bin/feed/feed.cgi

I've posted this elsewhere but this is a great place to start a 'style sheet guide' thread :) If you want to change the main background, add this to the style sheet : BODY {background-color:#9aa5ab; } .content_cell { background-color:#9aa5ab; } To find the right color code, go to the attached link, move the sliders and copy/paste the code displayed in the middle row, first column, just under the colored box.

TrekkieGrrrl posted Fri, 07 April 2006 at 7:30 AM

Here's mine (as it looks so far), if anyone wants it: /* TrekkieGrrrl's setup */ .forum_headline { font-size:22px; font-weight:bold; padding-top:20px; } #forum_announcement { border:2px solid #404040; } #forum_announcement td { text-align:center; padding:4px; } #forum_outer_table { border:2px solid #404040; } #forum_outer_table td { padding:1px; } #forum_inner_table { } #forum_inner_table th { background-color:#495F73; text-align:center; font-weight:bold; color:#FFFFFF; font-size:12px; height:20px; } #forum_inner_table td { height:35px; } .forum_marker_cell { background-color:#495F73; } td.forum_name_cell { background-color:#495F73; padding-bottom:10px; } a.forum_forumname_link, a.forum_forumname_link:hover, a.forum_forumname_link:visited, a.forum_forumname_link:active { font-size:12px; color:#FFFFFF;} a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:visited, a.forum_threadname_link:active { font-size:12px; color:#FFFFFF; } .forum_summary_div { font-size:12px; color:#FFFFFF; } .forum_author_cell { background-color:#495F73; color:#FFFFFF; } a.forum_author_link, a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:12px; } .forum_threads_cell { background-color:#495F73; color:#FFFFFF; font-size:12px; } .forum_posts_cell { background-color:#495F73; color:#FFFFFF; font-size:12px; } .forum_views_cell { background-color:#495F73; color:#FFFFFF; font-size:12px; } .forum_last_post_cell { background-color:#495F73; color:#FFFFFF; font-size:10px; } .forum_group_row_cell { background-color:#404040; color:#FFFFFF; font-size:14px; font-weight:bold; } .forum_avatar_cell { font-size:10px; padding:2px; padding-top:5px; } a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active, a.forum_avatar_link:visited { font-size:10px; }; .forum_message_cell { background-color:#495F73; color:#FFFFFF; font-size:10px; } .forum_message_detail_table { border-bottom:1px solid #808080; padding-top:2px; padding-bottom:2px; } .forum_message_detail_cell { font-size:10px; color:#FFFFFF;} .forum_divider_cell { background-color:#404040; } .forum_quote_div { font-style:italic; padding-left:20px; color:#FFFFFF;}

FREEBIES! | My Gallery | My Store | My FB | Tumblr |
You just can't put the words "Poserites" and "happy" in the same sentence - didn't you know that? LaurieA
  Using Poser since 2002. Currently at Version 11.1 - Win 10.



dadt posted Fri, 07 April 2006 at 8:10 AM

This may as well be written in Greek,it will only help people who are already programmers.


iloco posted Fri, 07 April 2006 at 8:39 AM

TrekkieGrrrl, I am using your style sheet. Do you know where to change the black fonts that are on main forum page where it says moderated by. I would like to change this to a white or lighter color. Also the same when I open say community Center forum and in the rows where it says authors, and last reply, I would like to change the black fonts to something lighter. It may be missing code to do this but I would like it if anyone has it. This looks more like a vbb or php help forum than a graphic forum. Why not open a forum for stysle sheets and css files if we going to have to do all the coding our selves. :)

ïÏøçö


Acadia posted Fri, 07 April 2006 at 8:49 AM

Quote - "This may as well be written in Greek,it will only help people who are already programmers."

If one of the above 2 examples is what you want, then all you need to do is copy the string of text, and paste it into the large box found in your "my options". Then click "save changes". They've done the hard work for you by entering in the colour codes etc. Now if someone would just come up with one for the light blue background and black text with a font size of 18px.....

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



pauljs75 posted Fri, 07 April 2006 at 8:57 AM

Here's mine... Probably not the purtiest or the best, but it's pretty close to how I'd like it. (Most stuff is locked in tables, so I still can't float it or repostion it.) If you want the same, just copy n' paste everything over that's between the dashed lines. Also note the comments between the /* & */, they're there to try and explain what the following parts control. (I didn't create the layout, so I don't know the specifics. I'm just trying to get close to what I think they do.) -----------------------(copy stuff below)-------------------- /* generic hyperlink appearances */ a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #3333FF;} a:hover {color: #DDDD33;} a:visited {color: #FF3333;} select {z-index: -1;} /* my temporary fix for forum_message_cell bug */ tr[bgcolor] {background-color: #000000; color: #FFFFFF;} td.content_cell {background-color: #000000; color: #FFFFFF;} .forum_headline {font-size:18px; font-weight:bold; padding-top:20px;} #forum_announcement {border:2px solid #404040;} #forum_announcement td {text-align:center; padding:4px;} #forum_outer_table {border:2px solid #404040;} #forum_outer_table td {padding:1px;} #forum_inner_table {background-color: #000000; color: #FFFFFF;} #forum_inner_table th {background-color:#778877; text-align:center; font-weight:bold; color:#FFFFFF; font-size:11px; height:20px;} #forum_inner_table td {height:35px;} .forum_marker_cell { background-color:#000000; } td.forum_name_cell { background-color:#333333; 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; } 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:#333333; } a.forum_author_link { color: #009900 } a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:11px; } .forum_threads_cell { background-color:#000000; #color: #FFFFFF; font-size:11px; } .forum_posts_cell { background-color:#000000; color: #CCCCCC; font-size:11px; } /* sets appearance for number of views column */ .forum_views_cell { background-color:#333333; font-size:11px; } /* sets appearance of last posted column */ .forum_last_post_cell { background-color:#333333; font-size:10px; } /* sets appearance of group listing */ .forum_group_row_cell { background-color:#000000; font-size:14px; font-weight:bold; } /* The following classes set avatar area appearance */ .forum_avatar_cell { background-color:#495F73; font-size:10px; padding:2px; padding-top:5px; } 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:#000000; color:#FFFFFF; } /* 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: #000000; color: #FFFFFF; font-size:10px; font-weight: bold; } .forum_divider_cell { background-color:#336633; } /* sets the appearance of quoting in forums */ .forum_quote_div { font-style:italic; padding:12px; color: #FFFFFF; background-color: #495F73; width: 600px; -moz-border-radius: 13px; } -----------------------(copy stuff above)-------------------- Also I've noticed some other confusedness about css in the class usage. Whoever programmed it is making single classes specific to tags, rather than specifying the application of a class to a tag with "proper" stylesheet syntax. So you'll see classes like .forum_message_detail_table and .forum_message_detail_cell when table.forum_message_detail and td.forum_message_detail should be used instead. Maybe it means gobbledygook to most people out there, but those familiar with HTML, CSS, or other scripting/programming languages probably get what's meant.

Why not open a forum for php and css?

There already is the HTML and Web Scripting Forum. I believe that would cover the subject. The knowledge base is pretty good too. :)


Barbequed Pixels?

Your friendly neighborhood Wings3D nut.
Also feel free to browse my freebies at ShareCG.
There might be something worth downloading.


agiel posted Fri, 07 April 2006 at 9:03 AM

What kind of light blue ? :) I can give it a shot if you have an example of blue for me.


rockets posted Fri, 07 April 2006 at 9:05 AM

LMAO!:tt2: Okay, now I need to figure out the color thingies!

My idea of rebooting is kicking somebody in the butt twice!


agiel posted Fri, 07 April 2006 at 9:09 AM

Here is mine -----------------------(copy stuff below)-------------------- BODY {background-color:#9aa5ab; } .content_cell { background-color:#9aa5ab; } #forum_announcement { border:0px solid } -----------------------(copy stuff above)--------------------

Acadia posted Fri, 07 April 2006 at 9:10 AM

The blue that is default in the forum threads. I don't like the white alternating with it. I find the white background very hard on my eyes.

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



pauljs75 posted Fri, 07 April 2006 at 9:15 AM

The blue that is default in the forum threads. I don't like the white alternating with it. I find the white background very hard on my eyes.

That would be #495F73 in RGB hexcode. If you're a Firefox user, the Colorzilla extension comes in handy for stuff like this.


Barbequed Pixels?

Your friendly neighborhood Wings3D nut.
Also feel free to browse my freebies at ShareCG.
There might be something worth downloading.


agiel posted Fri, 07 April 2006 at 9:15 AM

Oh... ok. Just put this in your style text area : .forum_avatar_cell { background-color:#DEE3E7; } .forum_message_cell { background-color:#DEE3E7; }


agiel posted Fri, 07 April 2006 at 9:18 AM

Or you can combine it with my style above to get rid of most of the white on the page : -----------------------(copy stuff below)-------------------- BODY {background-color:#9aa5ab; } .content_cell { background-color:#9aa5ab; } #forum_announcement { border:0px solid } .forum_avatar_cell { background-color:#DEE3E7; } .forum_message_cell { background-color:#DEE3E7; } -----------------------(copy stuff above)--------------------


Acadia posted Fri, 07 April 2006 at 9:22 AM

Ok, thanks. I'm heading to bed, but will look at this again later.

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



Lucifer_The_Dark posted Fri, 07 April 2006 at 9:34 AM

Downloading a css specific editor helps a great deal when editing things like this :D here's my entry, adapted from TrekkieGrrrl's original /* Lucifer The Dark's adapted TrekkieGrrrl setup */ .forum_headline { font-size:22px; font-weight:bold; padding-top:20px; } #forum_announcement { border:2px solid #404040; } #forum_announcement td { text-align:center; padding:4px; } #forum_outer_table { border:2px solid #404040; } #forum_outer_table td { padding:1px; } #forum_inner_table { } #forum_inner_table th { background-color:#495F73; text-align:center; font-weight:bold; color:#FFFFFF; font-size:12px; height:20px; } #forum_inner_table td { height:35px; } .forum_marker_cell { background-color:#495F73; } td.forum_name_cell { background-color:#495F73; padding-bottom:10px; } a.forum_forumname_link, a.forum_forumname_link:hover, a.forum_forumname_link:visited, a.forum_forumname_link:active { font-size:12px; color:#FFFFFF;} a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:visited, a.forum_threadname_link:active { font-size:12px; color:#FFFFFF; } .forum_summary_div { font-size:12px; color:#FFFFFF; } .forum_author_cell { background-color:#495F73; color:#FFFFFF; } a.forum_author_link, a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:12px; } .forum_threads_cell { background-color:#495F73; color:#FFFFFF; font-size:12px; } .forum_posts_cell { background-color:#495F73; color:#FFFFFF; font-size:12px; } .forum_views_cell { background-color:#495F73; color:#FFFFFF; font-size:12px; } .forum_last_post_cell { background-color:#495F73; color:#FFFFFF; font-size:10px; } .forum_group_row_cell { background-color:#404040; color:#FFFFFF; font-size:14px; font-weight:bold; } .forum_avatar_cell { font-size:10px; padding:2px; padding-top:5px; } a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active, a.forum_avatar_link:visited { font-size:10px; }; .forum_avatar_cell { background-color:#9aa5ab; font-size:14px; } .forum_message_cell { background-color:#9aa5ab; font-size:14px; } .forum_message_detail_table { border-bottom:1px solid #808080; padding-top:2px; padding-bottom:2px; } .forum_message_detail_cell { font-size:14px; color: #c64505} .forum_divider_cell { background-color: #2a64cf } .forum_quote_div { font-style:italic; padding-left:20px; color: #cb4b0b} BODY {background-color:#9aa5ab; } .content_cell { background-color:#9aa5ab; }

Windows 7 64Bit
Poser Pro 2010 SR1


iloco posted Fri, 07 April 2006 at 9:51 AM

Lucifer_The_Dark I like yours. One question where can I change the white color that is in the left side in a thread where my user name and avatar is located. I would like this the dark color green thats in the right side bar that is default color. :) Also how do you cahnge the color in the reply box that is under a thread for a quick reply. It is white and I would like to change it to a darker shade. :)

ïÏøçö


dlk30341 posted Fri, 07 April 2006 at 10:15 AM

Thanks guys for providing these style sheets, you all are EYE SAVERS:tt2: Ditto, Iloco as well, where do I change the color on the left side, where the avatar sits. Thanks guys & gals :)


Lucifer_The_Dark posted Fri, 07 April 2006 at 10:34 AM

The line you both want is .forum_avatar_cell { background-color:#9aa5ab; font-size:14px; } I had to move it right to the bottom so it would work for some reason, further study required I think.

Windows 7 64Bit
Poser Pro 2010 SR1


dlk30341 posted Fri, 07 April 2006 at 10:38 AM

Thank You :)


TrekkieGrrrl posted Fri, 07 April 2006 at 12:24 PM

Thanks pauljs75! I've finally, by using bit of pieces from yours and bits from my own, managed to make one I REALLY like :biggrin: /* Adapted from pauljs75 and TrekkieGrrrl's css / / generic hyperlink appearances / a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #FFFFFF;} a:hover {color: #778877;} a:visited {color: #909090;} select {z-index: -1;} / my temporary fix for forum_message_cell bug / tr[bgcolor] {background-color: #495F73; color: #FFFFFF;} td.content_cell {background-color: #000000; color: #FFFFFF;} .forum_headline {font-size:18px; font-weight:bold; padding-top:20px;} #forum_announcement {border:2px solid #404040;} #forum_announcement td {text-align:center; padding:4px;} #forum_outer_table {border:2px solid #404040;} #forum_outer_table td {padding:1px;} #forum_inner_table {background-color: #000000; color: #FFFFFF;} #forum_inner_table th {background-color:#778877; text-align:center; font-weight:bold; color:#FFFFFF; font-size:11px; height:20px;} #forum_inner_table td {height:35px;} .forum_marker_cell { background-color:#000000; } td.forum_name_cell { background-color:#333333; 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; } 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:#333333; } a.forum_author_link { color: #009900 } a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:11px; } .forum_threads_cell { background-color:#000000; #color: #FFFFFF; font-size:11px; } .forum_posts_cell { background-color:#000000; color: #CCCCCC; font-size:11px; } / sets appearance for number of views column / .forum_views_cell { background-color:#333333; font-size:11px; } / sets appearance of last posted column / .forum_last_post_cell { background-color:#333333; font-size:10px; } / sets appearance of group listing / .forum_group_row_cell { background-color:#000000; font-size:14px; font-weight:bold; } / The following classes set avatar area appearance / .forum_avatar_cell { background-color:#DEE3E7; font-size:10px; padding:2px; padding-top:5px; color:#000000; } 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:#495F73; color:#FFFFFF; } / 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: #000000; color: #FFFFFF; font-size:10px; font-weight: bold; } .forum_divider_cell { background-color:#336633; } / sets the appearance of quoting in forums */ .forum_quote_div { font-style:italic; padding:12px; color: #FFFFFF; background-color: #495F73; width: 600px; -moz-border-radius: 13px; }

FREEBIES! | My Gallery | My Store | My FB | Tumblr |
You just can't put the words "Poserites" and "happy" in the same sentence - didn't you know that? LaurieA
  Using Poser since 2002. Currently at Version 11.1 - Win 10.



Miss Nancy posted Fri, 07 April 2006 at 1:37 PM

I noticed that most of the above scripts were not changing the message body text size from 11 px, but I reckon once they fix the over-riding table (or table row) tag statements, it will be very easy, per williamson's comment in the previous thread. however, I might add that it's not necessary to copy-n-paste the entire style sheets. all one needs to do is paste in one or two statements in many case, to control background colour, and to control text size and colour. this will make things much easier for those who aren't into this type of coding, as a stop-gap measure until the admins can implement a more user-friendly set of forum prefs. but please give them time - it's a bit tricky getting it all just the way we should like it. :b_cool:



StaceyG posted Fri, 07 April 2006 at 1:43 PM

Thanks pleonastic for sharing this with our members :biggrin:


iloco posted Fri, 07 April 2006 at 2:07 PM

When I moved the forum avatar cell color to the body of the style sheet it did change the color where my avatar and user name is but it also changed the colors in the main body of the thread where peoples post and comments are at back to default colors. Hmmmmmmmm confused with this. Also no one has mentioned how to change th color of white in the reply window below the threads. :)

ïÏøçö


Bobasaur posted Fri, 07 April 2006 at 2:10 PM

changing the color in the "reply" window? Now that's just plain going too far - that's asking too much. I'm calling a penalty against you and the other team now gets a free kick. [grin]

Before they made me they broke the mold!
http://home.roadrunner.com/~kflach/


iloco posted Fri, 07 April 2006 at 2:12 PM

Its no more than what others have asked for. :)

ïÏøçö


Bobasaur posted Fri, 07 April 2006 at 2:28 PM

All kidding aside I don't know that I've ever seen anything other than white as a background for an entry form. But what the heck, go for it!

Before they made me they broke the mold!
http://home.roadrunner.com/~kflach/


Miss Nancy posted Fri, 07 April 2006 at 3:42 PM

bob, there is currently no class in their code for an entry form background:
(textarea name="body" style="width:500px; height:225px;")(/textarea)
nor would I advise them to allow modifications to the form section, or html/javascript/java entries in the form field, due to the presence of script kiddies and their shenanigans :lol:



Damsel posted Fri, 07 April 2006 at 4:06 PM

Thanks ernyoka1, I love that last one too. Easy on the eyes and stylish also.:b_grin:

Kathie Berry
Admin/PlanIT3D

Some painters transform the sun into a yellow spot. 
Others transform a yellow spot into the sun.
 --Pablo Picasso-
-


Bobasaur posted Fri, 07 April 2006 at 4:54 PM

hey ernyoka1, when I tried that one, the text next to my options became black against a black background. Specifically it was the text next to the boxes you check to determine whether you want to a forum to be visible and be notified when something is posted. What do I change to make that white?

Before they made me they broke the mold!
http://home.roadrunner.com/~kflach/


BDC posted Fri, 07 April 2006 at 5:17 PM

Thanks to those who've made these from those of us who don't know what the hell css is much less how to code it. If anyone's interested in doing a "style sheet" made to order please let me know. I'd really like to get my own colors back. But again thanks, at least now I don't have to look at that god aweful white!

"In times of universal deceit, telling the truth becomes a revolutionary act" ~George Orwell


agiel posted Fri, 07 April 2006 at 6:02 PM

BDC If you could post a screenshot of how the Renderosity gallery or Front Page news look like for you, we could try to figure out the right style sheet for you.


BDC posted Fri, 07 April 2006 at 6:51 PM

Thanks for the offer Agiel, What I'd like is pretty simple I think. Thanks again agiel. Scratch that it won't let me post the image. The color I'd like my black text to be is sort of a light bluish greenish.

"In times of universal deceit, telling the truth becomes a revolutionary act" ~George Orwell


cherokee69 posted Fri, 07 April 2006 at 7:11 PM

Quote - "Thanks pauljs75! I've finally, by using bit of pieces from yours and bits from my own, managed to make one I REALLY like :biggrin:"

Lisbeth, I like that one 2, but, what did you do to fix this at the bottom next to the STARS? I like the black background but need to change the color of the text.


BDC posted Fri, 07 April 2006 at 7:15 PM

Oh and can you please tell me agiel how too change a quotation from a sort of orangish red too the same color as my links colors for example?

"In times of universal deceit, telling the truth becomes a revolutionary act" ~George Orwell


pauljs75 posted Fri, 07 April 2006 at 9:00 PM

It is quite possible to change the color for the entry form. :biggrin: Of course it affects text entry at this site on a global basis - not just forums, but why not? Add these lines here to your style... /* Sets the appearance of entry boxes */ textarea {background-color: #556655; color: #000000;} form {padding: 1ex 1em;} Then change the colors to those which you prefer. The form padding just gives a little bit of room so the form isn't right on the edge. I also think it's possible to modify the width, fonts, and text size to some extent as well. I just haven't played with those settings yet. (A somewhat wider reply box might be nice... Hmmm...)


Barbequed Pixels?

Your friendly neighborhood Wings3D nut.
Also feel free to browse my freebies at ShareCG.
There might be something worth downloading.


agiel posted Fri, 07 April 2006 at 10:51 PM

BDC - sorry for the delay, I was out for dinner :) Send me the screenshot by email then - agiel@renderosity.com I will make the stylesheet for you tomorrow morning.


RedHawk posted Sat, 08 April 2006 at 7:52 AM

Here's another version of TrekkieGrrrl's style sheet. I've replaced the black portions with the default R'osity blue color. /* Adapted from pauljs75 and TrekkieGrrrl\\\'s css */ /* generic hyperlink appearances */ a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #FFFFFF;} a:hover {color: #778877;} a:visited {color: #909090;} select {z-index: -1;} /* my temporary fix for forum_message_cell bug */ tr[bgcolor] {background-color: #495F73; color: #FFFFFF;} td.content_cell {background-color: #495F73; color: #FFFFFF;} .forum_headline {font-size:18px; font-weight:bold; padding-top:20px;} #forum_announcement {border:2px solid #404040;} #forum_announcement td {text-align:center; padding:4px;} #forum_outer_table {border:2px solid #404040;} #forum_outer_table td {padding:1px;} #forum_inner_table {background-color: #000000; color: #FFFFFF;} #forum_inner_table th {background-color:#778877; text-align:center; font-weight:bold; color:#FFFFFF; font-size:11px; height:20px;} #forum_inner_table td {height:35px;} .forum_marker_cell { background-color:#000000; } td.forum_name_cell { background-color:#333333; 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; } 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:#333333; } a.forum_author_link { color: #009900 } a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:11px; } .forum_threads_cell { background-color:#000000; #color: #FFFFFF; font-size:11px; } .forum_posts_cell { background-color:#000000; color: #CCCCCC; font-size:11px; } /* sets appearance for number of views column */ .forum_views_cell { background-color:#333333; font-size:11px; } /* sets appearance of last posted column */ .forum_last_post_cell { background-color:#333333; font-size:10px; } /* sets appearance of group listing */ .forum_group_row_cell { background-color:#000000; font-size:14px; font-weight:bold; } /* The following classes set avatar area appearance */ .forum_avatar_cell { background-color:#DEE3E7; font-size:10px; padding:2px; padding-top:5px; color:#000000; } 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:#495F73; color:#FFFFFF; } /* 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: #495F73; color: #FFFFFF; font-size:10px; font-weight: bold; } .forum_divider_cell { background-color:#336633; } /* sets the appearance of quoting in forums */ .forum_quote_div { font-style:italic; padding:12px; color: #FFFFFF; background-color: #495F73; width: 600px; -moz-border-radius: 13px; }

<-insert words of wisdom here->


agiel posted Sat, 08 April 2006 at 4:22 PM

BDC I hope this is close to what you wanted : ----- copy below this line ------ BODY {background-color:#495F74; } TD {color: #00FFDD;} H3 {color: #FFFFFF;} .forum_headline { font-size:22px; font-weight:bold; padding-top:20px; } .content_cell { background-color:#495F74; } a, a:hover, a:active { color: #01FF2A; font-size:13px; } a:visited { color: #00FFDD; font-size:13px; } #forum_announcement { border:0px solid } #forum_announcement td { text-align:center; padding:4px; } #forum_outer_table { border:2px solid #91AAAE; } #forum_outer_table td { padding:1px; } #forum_inner_table { background-color:#91AAAF} #forum_inner_table th { background-color:#91AAAF; text-align:center; font-weight:bold; color:#000000; font-size:11px; height:20px; } #forum_inner_table td { height:35px; } .forum_marker_cell { background-color:#495F74; } td.forum_name_cell { background-color:#495F74;padding-bottom:10px;color: #00FFDD; } a.forum_forumname_link, a.forum_forumname_link:hover, a.forum_forumname_link:active { color: #01FF2A; font-size:13px; } a.forum_forumname_link:visited { color: #00FFDD; font-size:13px; } a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:active { color: #01FF2A; font-size:13px; } a.forum_threadname_link:visited { color: #00FFDD; font-size:13px; } .forum_summary_div { font-size:11px; } .forum_author_cell { background-color:#495F74; color: #00FFCC;} a.forum_author_link, a.forum_author_link:hover, a.forum_author_link:active { color: #01FF2A; font-size:13px; } a.forum_author_link:visited { color: #00FFDD; font-size:13px; } .forum_threads_cell { background-color:#495F74; font-size:11px; color: #00FFCC;} .forum_posts_cell { background-color:#495F74; font-size:11px; color: #00FFCC;} .forum_views_cell { background-color:#495F74; font-size:11px; color: #00FFCC;} .forum_last_post_cell { background-color:#495F74; font-size:10px; color: #00FFCC;} .forum_group_row_cell { background-color:#36643C; font-size:14px; font-weight:bold; color: #00FFDD;} .forum_avatar_cell { background-color:#495F74; font-size:10px; padding:2px; padding-top:5px; } a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active { color: #01FF2A; font-size:13px; } a.forum_avatar_link:visited { color: #00FFDD; font-size:13px; } .forum_message_cell { background-color:#495F74; color: #00FFCC; } .forum_message_detail_table { border-bottom:1px solid #808080; padding-top:2px; padding-bottom:2px; } .forum_message_detail_cell { font-size:10px; } .forum_divider_cell { background-color:#91AAAE; } .forum_quote_div { font-style:italic; padding-left:20px; color: #00FFDD;} ----- copy above this line ------


agiel posted Sat, 08 April 2006 at 4:24 PM

BDC I hope this is close to what you wanted : ----- copy below this line ------ BODY {background-color:#495F74; } TD {color: #00FFDD;} H3 {color: #FFFFFF;} .forum_headline { font-size:22px; font-weight:bold; padding-top:20px; } .content_cell { background-color:#495F74; } a, a:hover, a:active { color: #01FF2A; font-size:13px; } a:visited { color: #00FFDD; font-size:13px; } #forum_announcement { border:0px solid } #forum_announcement td { text-align:center; padding:4px; } #forum_outer_table { border:2px solid #91AAAE; } #forum_outer_table td { padding:1px; } #forum_inner_table { background-color:#91AAAF} #forum_inner_table th { background-color:#91AAAF; text-align:center; font-weight:bold; color:#000000; font-size:11px; height:20px; } #forum_inner_table td { height:35px; } .forum_marker_cell { background-color:#495F74; } td.forum_name_cell { background-color:#495F74;padding-bottom:10px;color: #00FFDD; } a.forum_forumname_link, a.forum_forumname_link:hover, a.forum_forumname_link:active { color: #01FF2A; font-size:13px; } a.forum_forumname_link:visited { color: #00FFDD; font-size:13px; } a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:active { color: #01FF2A; font-size:13px; } a.forum_threadname_link:visited { color: #00FFDD; font-size:13px; } .forum_summary_div { font-size:11px; } .forum_author_cell { background-color:#495F74; color: #00FFCC;} a.forum_author_link, a.forum_author_link:hover, a.forum_author_link:active { color: #01FF2A; font-size:13px; } a.forum_author_link:visited { color: #00FFDD; font-size:13px; } .forum_threads_cell { background-color:#495F74; font-size:11px; color: #00FFCC;} .forum_posts_cell { background-color:#495F74; font-size:11px; color: #00FFCC;} .forum_views_cell { background-color:#495F74; font-size:11px; color: #00FFCC;} .forum_last_post_cell { background-color:#495F74; font-size:10px; color: #00FFCC;} .forum_group_row_cell { background-color:#36643C; font-size:14px; font-weight:bold; color: #00FFDD;} .forum_avatar_cell { background-color:#495F74; font-size:10px; padding:2px; padding-top:5px; } a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active { color: #01FF2A; font-size:13px; } a.forum_avatar_link:visited { color: #00FFDD; font-size:13px; } .forum_message_cell { background-color:#495F74; color: #00FFCC; } .forum_message_detail_table { border-bottom:1px solid #808080; padding-top:2px; padding-bottom:2px; } .forum_message_detail_cell { font-size:10px; } .forum_divider_cell { background-color:#91AAAE; } .forum_quote_div { font-style:italic; padding-left:20px; color: #00FFDD;} ----- copy above this line ------

BDC posted Sat, 08 April 2006 at 4:50 PM

Agiel I have only one word for ya. PERFECT! That and a big ol thank you from a very appreciative forumite! Again thanks. BDC

"In times of universal deceit, telling the truth becomes a revolutionary act" ~George Orwell


pauljs75 posted Sun, 09 April 2006 at 4:14 PM

If you're a wide-screen jockey (I'm not), here's a line of code that might be useful. Let me know if it helped or not. table.outside_table { width: 1004px !important;} Then replace the 1004 with a width more appropriate to your screen size and resolution.


Barbequed Pixels?

Your friendly neighborhood Wings3D nut.
Also feel free to browse my freebies at ShareCG.
There might be something worth downloading.


cherokee69 posted Sun, 09 April 2006 at 4:23 PM

Thanks pauljs73, That worked like a charm. Now, if someone would come up with some css code to get this thing colored liek the previous incarnation was, that would be cool.


nruddock posted Sun, 09 April 2006 at 4:54 PM

Quote - "If you're a wide-screen jockey (I'm not), here's a line of code that might be useful. Let me know if it helped or not. table.outside_table { width: 1004px !important;} Then replace the 1004 with a width more appropriate to your screen size and resolution."

If you use "100%" you it should fill the screen width automatically.


PJF posted Sun, 09 April 2006 at 5:07 PM

When I use 100% as the table width it almost makes the new forum ideal. But I get about an inch gap of white between the forum stuff and the main Renderosity menu bar (21" monitor at 1280x960). Using pauljs75's latest suggestion reverted the site width back to normal for me. And many thanks for the ideas in this thread. They have relieved the stress of change greatly.


TrekkieGrrrl posted Mon, 10 April 2006 at 2:54 AM

Ah sorry for not repolying. These new ebots are pretty useless.. When you get 200 a day you stop paying attention to them. Good idea to change the black into blue, I know it made some of the links/text unreadable, but none of it was something I really needed,, so I didn't bother to fix it (like who cares what the stars mean when they're all yellow anyway...)

FREEBIES! | My Gallery | My Store | My FB | Tumblr |
You just can't put the words "Poserites" and "happy" in the same sentence - didn't you know that? LaurieA
  Using Poser since 2002. Currently at Version 11.1 - Win 10.



cherokee69 posted Mon, 10 April 2006 at 5:44 AM

Here is the one I'm using in FireFox, it works good and is now full screen (I'm on a wide screen monitor).

cherokee69 posted Mon, 10 April 2006 at 5:46 AM

But, when I open it in Internet Explorer, there is a white streak down the right side. Does anyone know what is causing that and how do I fix it? Thanks

cherokee69 posted Mon, 10 April 2006 at 5:50 AM

Here is the coding... /* Adapted from pauljs75 and TrekkieGrrrl's css / / generic hyperlink appearances / BODY {background-color:000000; color: #CCCCCC;} .content_cell { background-color:#000000; } table.outside_table { width: 1400px !important;} a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #FFFFFF;} a:hover {color: #778877;} a:visited {color: #909090;} select {z-index: -1;} / my temporary fix for forum_message_cell bug / tr[bgcolor] {background-color: #000000; color: #CCCCCC;} td.content_cell {background-color: #000000; color: #FFFFFF;} .forum_headline {font-size:18px; font-weight:bold; padding-top:20px;} #forum_announcement {border:2px solid #404040; } #forum_announcement td {text-align:center; padding:4px;} #forum_outer_table {border:2px solid #404040;} #forum_outer_table td {padding:1px;} #forum_inner_table {background-color: #000000; color: #FFFFFF;} #forum_inner_table th {background-color:#778877; text-align:center; font-weight:bold; color:#FFFFFF; font-size:11px; height:20px;} #forum_inner_table td {height:35px;} .forum_marker_cell { background-color:#000000; } td.forum_name_cell { background-color:#333333; 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; } 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:#333333; } a.forum_author_link { color: #009900 } a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:11px; } .forum_threads_cell { background-color:#000000; #color: #FFFFFF; font-size:11px; } .forum_posts_cell { background-color:#000000; color: #CCCCCC; font-size:11px; } / sets appearance for number of views column / .forum_views_cell { background-color:#333333; font-size:11px; } / sets appearance of last posted column / .forum_last_post_cell { background-color:#333333; font-size:10px; } / sets appearance of group listing / .forum_group_row_cell { background-color:#000000; font-size:14px; font-weight:bold; } / The following classes set avatar area appearance / .forum_avatar_cell { background-color:#888989; font-size:10px; padding:2px; padding-top:5px; color:#000000; } 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:#495F73; color:#FFFFFF; } / 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: #000000; color: #FFFFFF; font-size:10px; font-weight: bold; } .forum_divider_cell { background-color:#336633; } / sets the appearance of quoting in forums */ .forum_quote_div { font-style:italic; padding:12px; color: #FFFFFF; background-color: #495F73; width: 600px; -moz-border-radius: 13px; } */


PJF posted Mon, 10 April 2006 at 7:53 AM

I get the same, cherokee69. Frustrating indeed! I've bypassed that problem by using pauljs75's pixel width idea, which seems to work now (don't know why it didn't before). The only drawback is that what works for my screen at home makes the site too wide for the screens at work. I lose the navigation bar at right - not such a drawback afterall then! ;-)


TrekkieGrrrl posted Mon, 10 April 2006 at 7:57 AM

CHEROKEE69!!! LET ME EMBRACE YOU!!! Now THIS is how it should have looked from the start! OMG I love that! And wide and wonderful as well! PERFECT! AND...there's no white streak in Firefox. And ...well.. why use IE in the first place? (if you can help it, I know some aren't allowed to alter the default browser if they're for instance viewing Rosity from work, but all other...) c011.gifc014.gif

FREEBIES! | My Gallery | My Store | My FB | Tumblr |
You just can't put the words "Poserites" and "happy" in the same sentence - didn't you know that? LaurieA
  Using Poser since 2002. Currently at Version 11.1 - Win 10.



cherokee69 posted Mon, 10 April 2006 at 3:51 PM

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.


PJF posted Mon, 10 April 2006 at 5:35 PM

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 ________________


cherokee69 posted Mon, 10 April 2006 at 6:35 PM

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


PJF posted Mon, 10 April 2006 at 6:49 PM

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.


cherokee69 posted Mon, 10 April 2006 at 6:51 PM

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.


PJF posted Mon, 10 April 2006 at 7:31 PM

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'. ;-)


cherokee69 posted Mon, 10 April 2006 at 8:43 PM

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.


BDC posted Mon, 10 April 2006 at 8:50 PM

I dont get a white streak, thanks agiel!

"In times of universal deceit, telling the truth becomes a revolutionary act" ~George Orwell


Lyne posted Mon, 10 April 2006 at 9:11 PM

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 !

Life Requires Assembly and we all know how THAT goes!


cherokee69 posted Mon, 10 April 2006 at 9:17 PM

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.


-renapd- posted Tue, 11 April 2006 at 1:09 AM Site Admin

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



[[MyGallery] [MyStore]
"Collect moments, not things."


TrekkieGrrrl posted Tue, 11 April 2006 at 3:50 AM

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!!

FREEBIES! | My Gallery | My Store | My FB | Tumblr |
You just can't put the words "Poserites" and "happy" in the same sentence - didn't you know that? LaurieA
  Using Poser since 2002. Currently at Version 11.1 - Win 10.



aartika posted Wed, 12 April 2006 at 3:07 AM

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 */

aartika! fractal art by Tina Oloyede :  http://www.aartika.co.uk


ynsaen posted Wed, 12 April 2006 at 3:43 AM

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.

thou and I, my friend, can, in the most flunkey world, make, each of us, one non-flunkey, one hero, if we like: that will be two heroes to begin with. (Carlyle)


-renapd- posted Wed, 12 April 2006 at 5:29 AM Site Admin

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



[[MyGallery] [MyStore]
"Collect moments, not things."


ynsaen posted Wed, 12 April 2006 at 5:34 AM

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

thou and I, my friend, can, in the most flunkey world, make, each of us, one non-flunkey, one hero, if we like: that will be two heroes to begin with. (Carlyle)


-renapd- posted Wed, 12 April 2006 at 5:49 AM Site Admin

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



[[MyGallery] [MyStore]
"Collect moments, not things."


aartika posted Wed, 12 April 2006 at 5:53 AM

All my replies are visible as white text ...

aartika! fractal art by Tina Oloyede :  http://www.aartika.co.uk


TrekkieGrrrl posted Wed, 12 April 2006 at 5:55 AM

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 😄

FREEBIES! | My Gallery | My Store | My FB | Tumblr |
You just can't put the words "Poserites" and "happy" in the same sentence - didn't you know that? LaurieA
  Using Poser since 2002. Currently at Version 11.1 - Win 10.



ariannah posted Sun, 16 April 2006 at 1:06 AM

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......

I dare you, while there is still time, to have a magnificent obsession. --William Danforth


cherokee69 posted Sun, 16 April 2006 at 5:17 AM

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;}


ariannah posted Sun, 16 April 2006 at 10:37 AM

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! ;-)

I dare you, while there is still time, to have a magnificent obsession. --William Danforth


cherokee69 posted Sun, 16 April 2006 at 10:50 AM

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?


TrekkieGrrrl posted Sun, 16 April 2006 at 1:33 PM

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

FREEBIES! | My Gallery | My Store | My FB | Tumblr |
You just can't put the words "Poserites" and "happy" in the same sentence - didn't you know that? LaurieA
  Using Poser since 2002. Currently at Version 11.1 - Win 10.



Lucifer_The_Dark posted Sun, 16 April 2006 at 2:24 PM

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.

Windows 7 64Bit
Poser Pro 2010 SR1


cherokee69 posted Sun, 16 April 2006 at 4:26 PM

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.


PJF posted Sun, 16 April 2006 at 5:29 PM

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. ;-)

.


pauljs75 posted Mon, 17 April 2006 at 1:50 PM

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:


Barbequed Pixels?

Your friendly neighborhood Wings3D nut.
Also feel free to browse my freebies at ShareCG.
There might be something worth downloading.


LostinSpaceman posted Mon, 17 April 2006 at 6:29 PM

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


yggdrasil posted Wed, 19 April 2006 at 2:36 PM

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.

Mark


PJF posted Wed, 19 April 2006 at 3:27 PM

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.

.


yggdrasil posted Wed, 19 April 2006 at 4:44 PM

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.

Mark


PJF posted Wed, 19 April 2006 at 5:01 PM

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

.


PJF posted Wed, 19 April 2006 at 5:35 PM

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 ;-)).

.


Lucifer_The_Dark posted Thu, 20 April 2006 at 4:08 AM

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

Windows 7 64Bit
Poser Pro 2010 SR1