Post by CheatAreZee on Feb 13, 2015 13:56:33 GMT -8
Library Link: www.proboards.com/library/themes/item/2514
Theme Description:
This is an updated version of the Green Tea & Coffee theme that can be used here on the support forum. The theme uses a mix of browns, greens, and whites, making the theme both not too dark but not too light. You're welcome to modify any aspect of this theme to use on your own forum, but may not submit your theme changes to the theme library. Enjoy!
Preview:
Features:
The theme is pretty basic, with only a few minor CSS / Template changes. This means you can change pretty much all of the colors, images (including the banner background), or styling using the Colors & Theme Creator or the Visual Editor in the Advanced Styles & CSS area of your admin panel; like you could with the default theme that your forum came with. There are some additions to this theme that should be noted though:
CSS Changes:
- To remove or change the green line between the top banner and the navigation buttons, find the following in line 268 of the Style Sheet: border-top: johnnynav_bar_border; - you can either remove this from the line to remove the green line, or update the johnnynav_bar_border to the color that you would like to replace the green with.
- To adjust the green border found at the bottom of categories on the main page (and other areas), use the Visual Editor on the Advanced Styles & CSS page and navigate to Forum > Body (Content) > Containers > Content Areas. In this area, you can change the color of the border, size, style, and radius.
Additonal CSS - starting at line 1,550 of the Style Sheet. Everything is labeled, and can be adjusted to your liking, or outright removed if desired. These CSS additions include:
- The different color for links used in posts (currently set to a green color).
- Changes in the Sub-Board font and positioning on the home page of the forum.
- The border and spacing below the "Board", "Threads", "Posts", and etc. headings on the home page and thread listings.
- Some padding to prevent letters like y's, p's, q's, and g's from getting cut off at the bottom in posts.
- Color of the BBCode and Preview tab on the posting page.
- Changes to make the new / updated threads stand out, while hiding away topics you've already read through.
Custom Template Stuffs:
- The theme uses the Roboto font from Google. Remove line 5 of the Forum Wrapper template if you plan to use a different font.
- There is a script starting on line 80 of the Forum Wrapper template that shortens the thread names in the Last Post column on the home page / thread listings. Remove this code from <script> to </script> if you do not want this feature. (this script was borrowed from Brian's Err Bear theme, but shhhhh! Don't tell him!)
- Line 60 on the Home template comments out the birthdays link, preventing the "Today's Birthdays" text from appearing on the home page. Remove the <!-- and --> characters from this line if you would like to have that link display.
- Line 80 & 105 on the Home template comments out the (invisible) text from appearing after the username of members that choose to be invisible on the forum. Remove the <!-- and --> characters if you wish for this to display.
- There is a modification to make all topics take you to the most recent post in a thread, as if you clicked the "new" icon next to the thread title. Only difference is, you don't have to click the new icon directly with this theme as it's done automatically. Starting on line 10 of the Layout Templates > Board > Threads page of the admin panel you'll find the code used for this, along with instructions on how to revert it back to the default method if desired.
Theme Description:
This is an updated version of the Green Tea & Coffee theme that can be used here on the support forum. The theme uses a mix of browns, greens, and whites, making the theme both not too dark but not too light. You're welcome to modify any aspect of this theme to use on your own forum, but may not submit your theme changes to the theme library. Enjoy!
Preview:
Features:
The theme is pretty basic, with only a few minor CSS / Template changes. This means you can change pretty much all of the colors, images (including the banner background), or styling using the Colors & Theme Creator or the Visual Editor in the Advanced Styles & CSS area of your admin panel; like you could with the default theme that your forum came with. There are some additions to this theme that should be noted though:
CSS Changes:
- To remove or change the green line between the top banner and the navigation buttons, find the following in line 268 of the Style Sheet: border-top: johnnynav_bar_border; - you can either remove this from the line to remove the green line, or update the johnnynav_bar_border to the color that you would like to replace the green with.
- To adjust the green border found at the bottom of categories on the main page (and other areas), use the Visual Editor on the Advanced Styles & CSS page and navigate to Forum > Body (Content) > Containers > Content Areas. In this area, you can change the color of the border, size, style, and radius.
Additonal CSS - starting at line 1,550 of the Style Sheet. Everything is labeled, and can be adjusted to your liking, or outright removed if desired. These CSS additions include:
- The different color for links used in posts (currently set to a green color).
- Changes in the Sub-Board font and positioning on the home page of the forum.
- The border and spacing below the "Board", "Threads", "Posts", and etc. headings on the home page and thread listings.
- Some padding to prevent letters like y's, p's, q's, and g's from getting cut off at the bottom in posts.
- Color of the BBCode and Preview tab on the posting page.
- Changes to make the new / updated threads stand out, while hiding away topics you've already read through.
Custom Template Stuffs:
- The theme uses the Roboto font from Google. Remove line 5 of the Forum Wrapper template if you plan to use a different font.
- There is a script starting on line 80 of the Forum Wrapper template that shortens the thread names in the Last Post column on the home page / thread listings. Remove this code from <script> to </script> if you do not want this feature. (this script was borrowed from Brian's Err Bear theme, but shhhhh! Don't tell him!)
- Line 60 on the Home template comments out the birthdays link, preventing the "Today's Birthdays" text from appearing on the home page. Remove the <!-- and --> characters from this line if you would like to have that link display.
- Line 80 & 105 on the Home template comments out the (invisible) text from appearing after the username of members that choose to be invisible on the forum. Remove the <!-- and --> characters if you wish for this to display.
- There is a modification to make all topics take you to the most recent post in a thread, as if you clicked the "new" icon next to the thread title. Only difference is, you don't have to click the new icon directly with this theme as it's done automatically. Starting on line 10 of the Layout Templates > Board > Threads page of the admin panel you'll find the code used for this, along with instructions on how to revert it back to the default method if desired.
and i'v seen the notes saying you're not bothered about changing it, so iv changed a little and im wondering if i can use this 