Reports' colors

knuckler · 12-19-2003, 06:06 PM

I was wondering if someone could help me with the color scheme for the report uploads. We've been using the standard blue since v5 came out, but I am thinking I would like to change our colors. What are some color schemes that some of you have seen that look really good? Is there a list available somewhere for the colors that need to be inputed? Thanks in advance.

What I'd like to do is something in a darker green with possibly silver as the secondary color.

kq76 · 12-19-2003, 11:22 PM

To easily identify what code in the styles.css file refers to what colors in the reports, I suggest downloading a free color identifier program like color selector (google it). You then use that program to identify the screen colors of different parts of the report and the program spits out the html code of that color. Then in the css file you search for that html color code and replace it with whatever color you want.

If someone ever does a legend of the codes in the css file, that would be something great to have. Hopefully the OOTP people will do a better job of identifying them in the css code for OOTP6.

knuckler · 12-20-2003, 01:53 AM

Thanks for the advice.

redmarkYankees · 12-22-2003, 08:25 PM

Take a look at http://www.hitforthecycle.com/hftc-ootp/gazette.html for a design I did for the HFTC league. I quite like it anyway.

It uses the same dark blue from the OOTP defaults for certain text and heading table rows, as some people in the league prefer to use the default OOTP webpages and this allows the same styles.css to be used in one directory, with one set of reports, with the colour scheme fitting both designs.

As a simplistic guide:

Say you want a white background for the basic design, with two alternate colours for highlighted rows etc. Using the Standings page on HFTC as an example.

Set the "background-color" attribute to #FFFFFF (white) for all elements.

For the main heading, ("Major League Baseball Main page"), change the attributes for the td.title element.

(HFTC Gazette - white background #FFFFFF, or 'white', dark blue text (color attribute) #464B69).

For the subheadings ("American League Standings", "East Division"), change the attributes for the td.s5 element.

(HFTC Gazette - dark blue background #464B69, white text #FFFFFF, or 'white').

For the top row of any table ("Team W D L ....") and alternate rows thereafter, change the attributes for each of the following elements: tr.g, td.s1, td.s2, td.s3, td.s6, td.s7.

(HFTC Gazette - light blue background #CCDDEE, black text #000000 or 'black').

For the 2nd row of any table ("New York Yankees...") and alternate rows thereafter, change the attributes for each of the following elements: tr.g2, td.s1_2, td.s2_2, td.s3_2, td.s6_2, td.s7_2.

td.s4 I also have set to white, but can't remember exactly where it's used.

(HFTC Gazette - white background #FFFFFF or 'white', black text #000000 or 'black').

There are other issues with borders, alignment, etc, and it's difficult to change table cell sizes and get it to fit different screen resolutions in any browser, but that's a different issue.

Hope this is helpful.

JerseyPride · 12-30-2003, 06:51 PM

I really like that Gazeete page. Whoever did it, they did an amazing job. I'd love to be able to implement something like that into the S3BL.

knuckler · 12-30-2003, 10:43 PM

Thanks for the added help.

redmarkYankees · 01-05-2004, 07:43 PM

Quote:

Originally posted by JerseyPride
I really like that Gazeete page. Whoever did it, they did an amazing job. I'd love to be able to implement something like that into the S3BL.

I did it. If you give me a link so I can check out your site's design, league structure, any colour preferences you've got etc. and an email address, I could do a version for you. Can't promise it would be immediate, got a few things on at the moment, but it shouldn't take too long.

Also a name, in case you don't like Gazette, or I decide I should rename it - in case the Cato creator reads this, apologies for using the name "Gazette", which I later discovered is used by Cato, I believe.

DaveHorn · 01-05-2004, 11:13 PM

Redmark's excellent Gazette is also available through HFTC's Downloads section (link to HFTC in my sig). He has a nice readme associated with it and everything to make it easy to add to your own HTML.

BlitzburghBucco · 02-28-2004, 06:33 PM

Thanks for the tips guys, I modified it a touch some, but I gave you HTFC's stiles file a shot, and I think its wonderful.

12-19-2003, 06:06 PM	#1
knuckler Hall Of Famer Join Date: Apr 2003 Posts: 3,347	Reports' colors I was wondering if someone could help me with the color scheme for the report uploads. We've been using the standard blue since v5 came out, but I am thinking I would like to change our colors. What are some color schemes that some of you have seen that look really good? Is there a list available somewhere for the colors that need to be inputed? Thanks in advance. What I'd like to do is something in a darker green with possibly silver as the secondary color. Last edited by knuckler; 12-19-2003 at 06:15 PM.

12-19-2003, 11:22 PM	#2
kq76 Global Moderator Join Date: Nov 2002 Posts: 12,009	To easily identify what code in the styles.css file refers to what colors in the reports, I suggest downloading a free color identifier program like color selector (google it). You then use that program to identify the screen colors of different parts of the report and the program spits out the html code of that color. Then in the css file you search for that html color code and replace it with whatever color you want. If someone ever does a legend of the codes in the css file, that would be something great to have. Hopefully the OOTP people will do a better job of identifying them in the css code for OOTP6. __________________ My OOTP Wishlist \| My FAQ List OOTP Wiki \| Your Recommended Team Nicknames, By City (A Crowdsourced Project) For Beta/Devs: Full screen (1920x1080)

12-30-2003, 06:51 PM	#5
JerseyPride All Star Reserve Join Date: May 2003 Location: Dirtay Jerzey Posts: 951	I really like that Gazeete page. Whoever did it, they did an amazing job. I'd love to be able to implement something like that into the S3BL. __________________ "I guess you could call the Yanks my daddys." -Pedro Martinez

01-05-2004, 11:13 PM	#8
DaveHorn All Star Starter Join Date: Aug 2003 Posts: 1,146	Redmark's excellent Gazette is also available through HFTC's Downloads section (link to HFTC in my sig). He has a nice readme associated with it and everything to make it easy to add to your own HTML. __________________ Dave HFTC Commish

12-20-2003, 01:53 AM	#3
knuckler Hall Of Famer Join Date: Apr 2003 Posts: 3,347	Thanks for the advice.

12-22-2003, 08:25 PM	#4
redmarkYankees All Star Starter Join Date: Nov 2003 Posts: 1,283	Take a look at http://www.hitforthecycle.com/hftc-ootp/gazette.html for a design I did for the HFTC league. I quite like it anyway. It uses the same dark blue from the OOTP defaults for certain text and heading table rows, as some people in the league prefer to use the default OOTP webpages and this allows the same styles.css to be used in one directory, with one set of reports, with the colour scheme fitting both designs. As a simplistic guide: Say you want a white background for the basic design, with two alternate colours for highlighted rows etc. Using the Standings page on HFTC as an example. Set the "background-color" attribute to #FFFFFF (white) for all elements. For the main heading, ("Major League Baseball Main page"), change the attributes for the td.title element. (HFTC Gazette - white background #FFFFFF, or 'white', dark blue text (color attribute) #464B69). For the subheadings ("American League Standings", "East Division"), change the attributes for the td.s5 element. (HFTC Gazette - dark blue background #464B69, white text #FFFFFF, or 'white'). For the top row of any table ("Team W D L ....") and alternate rows thereafter, change the attributes for each of the following elements: tr.g, td.s1, td.s2, td.s3, td.s6, td.s7. (HFTC Gazette - light blue background #CCDDEE, black text #000000 or 'black'). For the 2nd row of any table ("New York Yankees...") and alternate rows thereafter, change the attributes for each of the following elements: tr.g2, td.s1_2, td.s2_2, td.s3_2, td.s6_2, td.s7_2. td.s4 I also have set to white, but can't remember exactly where it's used. (HFTC Gazette - white background #FFFFFF or 'white', black text #000000 or 'black'). There are other issues with borders, alignment, etc, and it's difficult to change table cell sizes and get it to fit different screen resolutions in any browser, but that's a different issue. Hope this is helpful.

12-30-2003, 10:43 PM	#6
knuckler Hall Of Famer Join Date: Apr 2003 Posts: 3,347	Thanks for the added help.

02-28-2004, 06:33 PM	#9
BlitzburghBucco Minors (Triple A) Join Date: Aug 2003 Location: The Steel City Posts: 217	Thanks for the tips guys, I modified it a touch some, but I gave you HTFC's stiles file a shot, and I think its wonderful.