New Posts  All Forums:Forum Nav:

OCN Classic

post #1 of 383
Thread Starter 
OCN Classic
200x300px-LM-fa5b8abd_8724582c_vbattach22970.png
This is the way the facelift should have been done.
 
 

Current version: 1.4.8

Last theme update: 3-23-2016 at 10:28 p.m. Central Time (UTC -6:00)

 

Note: I have noticed that this theme looks best in Firefox. I'm not sure why yet.

 

 


 

Screenshots (Click to show)

 

I only provided links to most of these screenshots because they are big and pretty and I don't want them to be resized on you. Once the images are loaded into your browser, please click them to zoom in to their full-sized version.

 

 

Navbar and navbar menus:

 

 

 

 

Buttons:

 

 

 

 

One-Click Log-In

 

 

 

 

Private Messaging:

 

 

 

 

Restored Missing Sitewide icons:

 

ea72e86c_ToolsNotYourThread.png

 

2f6e7af3_ToolsNotYourThreadUnreadAndSubscribed.png

 

1e53c0a3_ToolsYourThread.png

 

39800a27_NavNewPosts.png

 

f9791558_NavActivityFeed.png

 

d2692183_NavNewThreads.png

 

87afc7c8_NavUnanswered.png

 

48dddaa7_NavIvePosted.png

 

a4e53a29_ToolsNewThreads.png

 

eeedf1ed_ToolsUnanswered.png

 

7c700c57_ToolsIvePosted.png

 

943e099c_ToolsAllForums.png

 

d5d6f95c_ToolsForumsOnMainPage.png

 

 


 

Standard Features (Click to show)

 

On the Navbar:

 

  • The profile menu has a longer display time, meaning it doesn't disappear the instant you take your mouse off of it.
  • The profile menu has a hover delay, meaning that the menu doesn't appear the instant your mouse touches the profile menu button.
  • The hover effect of the profile menu button doesn't appear instantly; instead, it appears at the exact same moment that the profile menu appears.
  • Links for Private Messages and Subscriptions are on the navbar instead of in the profile menu.
  • Red notification bubbles for Private Messages and Subscriptions, and they only show if there's 1 or more unread item. This is a great attention-grabber when you need it!
  • The text "Private Messages" becomes "New Message" with 1 new private message, and "New Messages" with 2 or more private messages.
  • Avatar button's notification bubble has been removed because it's unnecessary in this theme.
  • The search menu button is next to RIGBUILDER and the menu points to the right now (in order to come out underneath the empty space on the navbar).
  • Disabled the silly "You Are Here" indication on the main navbar buttons. Now when you are in FORUMS or NEWS or GAMING or REVIEWS, that section's button doesn't light up to tell you where you are. This provides an even cleaner appearance.
  • Classic Overclock.net logo.
  • High-resolution avatar button on the navbar to replace the low-resolution version.
  • The top of the Forums menu has the vertical dividers between "New Posts", "Unanswered" and "I've Posted".
  • The top of the Forums menu is a lighter shade of OCN Blue.
  • The top of the Profile Menu is a lighter shade of OCN Blue.
  • Your OCN username on the Profile Menu now has the correct capitalization. For example: "twocables" > "TwoCables".
  • "Edit Signature" is on the profile menu.
  • "View All Drafts" is on the Profile Menu.
  • On the Profile Menu, "Logout" has been changed to "Log Out".
  • The link text "Private Messages" on the navbar becomes "New Message" with 1 new message, and "New Messages" with 2 or more messages.
  • No more unnecessary generic avatar button on the navbar when you're not logged in.




Buttons

 

  • All buttons on the entire site now have rounded corners
  • Restored icons to 'Post a Reply' and 'Start a New Thread' buttons
  • The 'Delete", "Edit" and 'Clone Rig" buttons on your rig page now have the correct body color and hover color (the old color, which enables the 'Clone Rig' button's icon to be visible)
  • All of the buttons on the site are OCN Blue (#46566B or RGB 70, 86, 107) instead of the new blue that OCN is using now.
  • All buttons have a hover color
  • The Multi button turns bright red in its Selected state
  • The Multi button's Selected state has a hover effect; while it's in its Selected state, it gets a black border on hover.
  • The Rep+ button turns gray after you've given Rep+. It is also always gray on your own posts because you can't Rep+ yourself.
  • The Submit button on the "Edit Thread" page is now the correct size.
  • All pagination buttons are the correct color.
  • All Pagination buttons have a hover color.
  • Smaller-sized Thread Action buttons (Rep+, Multi, Quote and Reply) with perfectly-centered button text.
  • A better size for the View Full Post buttons on a member's All Posts page, including your own.
  • The "Submit" button on the "Edit Thread" page is the correct size.
  • The button text is perfectly centered on all buttons on the entire site.
  • Slightly smaller Edit and Flag buttons to better match the smaller Rep+, Multi, Quote and Reply buttons.

 



Sitewide

 

  • Restored the background color to every area on the entire site
  • Restored the background color to the list of private messages
  • The post number link on the post header is now underlined to make it clear that it's a clickable link
  • Special hover color for the post number (the link) on the Post Header for each post in a thread
  • Restored text color for all headers (it's a special blue that matches the classic OCN logo)
  • Improved notification bubbles on your Subscription page's 'Activity' tab (the red notification bubble in the list of threads)
  • No more missing icons! Check out the new screenshots to see what I'm talking about.
  • One-Click Log-In!
  • One-Click Log-In records the last URL that your browser loaded before you logged out and brings you back to that URL the next time you log in.
  • One-Click Log-In has the classic login button that we all know and love.
  • Classic "OCN Blue" colors.
  • Classic blue flame favicon.
  • No unnecessary selection indication borders on links or buttons except where needed. This makes for a much cleaner look.
  • No sticky link text underlining problem (with a couple of exceptions on a couple of buttons as noted).
  • The last breadcrumb at the top of a thread page is now linked. This can be useful if the last breadcrumb is the thread title because it would be linked to the thread's first page.
  • All header bars are "OCN Blue". For example: in your profile, the headers bars for "Members You Follow" and "Members Following You".
  • "THREAD STARTER" on the post headers is bold, just like it used to be

 



Optional Theme Enhancements (install just one, or combine all of them)

 

  • Put the search bar onto the navbar, but without a search button (this maximizes the width of the search bar for more visible room for typing)
  • Put the search bar onto the navbar
  • Keep the navbar at the top
  • Make the navbar become transparent when you scroll down.
  • Hide the navbar's search button (this doesn't do anything if you have the search bar on the navbar)
  • Get white notification bubbles
  • Get bright yellow notification bubbles

 

 

 

10 Optional "Standalone" installs, all of which include the following features:

 

  • 1 install for:
    • Restoring all of the missing icons
  • 1 install for: One-Click Log-In (plain button only). Includes the following extra features:
    • "Edit Signature" on the profile menu
    • "View All Drafts" on the profile menu
    • The high-resolution avatar profile menu button
    • Correct capitalization of your username on the profile menu
    • Correct "Logout" to become "Log Out"
  • 4 installs for: Put Private Messages and Subscriptions onto the navbar with your choice of Left or Right-Alignment and white or red notification bubbles. Includes the following extra features:
    • "Edit Signature" on the profile menu
    • "View All Drafts" on the profile menu
    • The high-resolution avatar profile menu button
    • Correct capitalization of your username on the profile menu
    • Correct "Logout" to become "Log Out"
  • 4 installs for: All-in-One: both Standalone installs in one package:
    • One-Click Log-In (plain button only)
    • Put Private Messages and Subscriptions onto the navbar with your choice of Left or Right-Alignment and white or red notification bubbles (with bold black or white text, respectively)
    • "Edit Signature" on the profile menu
    • "View All Drafts" on the profile menu
    • The high-resolution avatar profile menu button
    • Correct capitalization of your username on the profile menu
    • Correct "Logout" to become "Log Out"

 

 


 

Changelog (Click to show)

1.4.8

 

  • Restored the icon on the Forum Nav menu (this is the down-arrow triangle icon, such as the one here: "All Forums: [icon] New Posts [down-arrow triangle icon])
  • Restored the icon on the 'Post a Reply' button
  • Restored the hover color of the 'Post a Reply' button
  • Restored the icon on the "Full Page Editor" button
  • Restored the vertical centering of the text on the Thread Action buttons (Rep, Multi, Quote and Reply). It's still not perfect, but it's the best that I can do without rebuilding the entire script.
  • Restored the horizontal centering of the text on the Multi button. It was previously too far to the left.
  • Restored the vertical centering of the text on the Multi button when you hover over it while it's in its Selected state (hovering over it would make the text go up)
  • Restored the "View Full Post" button
  • Restored the Locked Thread icon
  • "THREAD STARTER' on the post header is now bold, just like it used to be (but this wasn't broken by the recent update - it was just something I noticed due to examining the entire site very closely to see what needed to be fixed)

 

 

 

Version 1.4.7

 

  • Increased the display time for the profile menu, meaning that it no longer disappears the instant you take your mouse off of the menu.
  • Added a hover delay to the profile menu, meaning that it no longer appears the instant you hover your mouse over the profile menu button.
  • Added a hover delay to the profile menu button's hover effect so that the hover effect doesn't appear until the profile menu appears.

 

 

 

Version 1.4.6

 

  • The top of the Forums menu matches the hover color of the Forums menu button
  • The top of the Profile menu matches the hover color of the profile menu button

 

 

 

Version 1.4.5

 

  • Added code to prevent the navbar's search menu button from moving up when you scroll down (that is, when the navbar transitions into the sticky navbar).
  • Added code for any "Activity Feed" page to vertically center the text on the buttons "Reviews", "Forums", "Articles" and "Profiles".
  • Added code to greatly improve the vertical centering of the button text on 'Post a Reply' and 'Start a New Thread' (especially for 'Start a New Thread').
  • Added code to fix vertical centering of button icons.
  • Deleted some unnecessary code.
  • Cleaned up the code a little bit more.

 

 

 

Version 1.4.4

 

  • I finally fixed the following problems:
    • On the 'Edit Thread' page, clicking 'PREVIEW' (or just pressing Enter on it) causes the button text "SUBMIT" to go down a few pixels.
    • On the "Start a New Thread" page, clicking 'PREVIEW' (or just pressing Enter on it) causes the text "PREVIEW" to go down a few pixels.
    • On the in-line post editor, clicking 'PREVIEW' will bring you to the Full-Page Editor as normal, but the 'PREVIEW' button's text is too low, just like the 2 problems above.
    • When you click "Full Page Editor" on the In-line post editor and then click 'PREVIEW' on the Full-Page Editor, the 'PREVIEW' button's text goes down a few pixels like described above.

 

 

 

Version 1.4.3

 

  • New version of OCN Classic Theme Completer. This is a required part of the installation process for OCN Classic v1.4.3.
  • Red notification bubbles are now the default because this is what we used to have before the facelift.
  • White notification bubbles are now a Theme Enhancement
  • I flipped the locations of "Edit Signature" and "View All Drafts" in the profile menu because I kept clicking the wrong one (lol). I hope this is better for everyone. Let me know if it's worse for you.
  • Button icons restored for 'Post a Reply' and 'Start a New Thread'
  • Restored the rounded corners on all buttons
  • Rounded the top left and top right corners of the main forum nav buttons and the profile menu button (you see it when you hover over them)
  • Background color restored to the whole site
  • Background color restored to Private Messaging area
  • Added code to keep the unread rows in the list of private messages white just in case Wikia Gaming decides to change that on us
  • Restored the proper locked thread icon color
  • The Expand/Collapse buttons at the top of the main page are the correct color now (restored the original color, including the original hover color)
  • The Expand/Collapse buttons on the rest of the site now have a border, making them more visible. The original hover color is restored too.
  • The post number link on the Post Header of any post is now permanently underlined to show that it's a clickable link
  • The post number link also has a special hover color now that matches the color of the classic OCN logo (hex color #A6C2D9)
  • Removed capitalization of the "P" in the word "Post" on the post headers (reverted back to the default due to realizing it's not as good as I thought)
  • Header text color and bolding restored to all headers (it's a special blue color that matches the classic OCN logo, hex color #A6C2D9)
  • OCN stats box header text colors restored to their original (it's the special blue color, #A6C2D9)
  • Rounded the corners a tiny bit more of the notification bubbles on the navbar
  • Restored the look of the notification bubbles that we have on the "Activity" tab on our Subscriptions page by making the numbers vertically centered perfectly, and I also restored the size and shape of the bubbles
  • The small light blue pagination buttons inside the list of threads (on a forum's page) no longer become squared when you hover your mouse over them (the original effect is restored)
  • The text "All Forums:" that's located on the Forum Nav bar (near the top of the page) has been raised up by 1 pixel to be perfectly lined up with the menu text that's immediately to its right
  • The 'Delete', 'Edit', and 'Clone Rig' buttons have the original body color restored, including the border color and the hover color. This original color allows you to see the full icon on the 'Clone Rig' button.
  • The "Edit" link(s) underneath your rig(s) on your profile page is/are no longer hidden without your mouse on it/them (this is the way it used to be).
  • Restored the tiny red flag icon on rig comments.
  • Restored the color to the button that suddenly appears to the right when composing a PM at that moment you enter a recipient's name. Also restored its hover color.
  • For all of the "buttons" that used to have missing icons (see the screenshots above), I added a few pixels of space to the right of the text in order to make them look more perfect. Thank you, cookieboyeli!
  • Restored the red infraction icon (thank you, TFL Replica!)
  • I cleaned up the code a bit of the install option that puts the search onto the navbar
  • I added a few more 'Comments' to the CSS install portion of the theme to help clarify things a little more to anyone who wants to look at the code.

 

 

 

Version 1.4.2

 

  • Restored all of the missing icons
  • Added a Standalone Install to restore the missing icons
  • Updated/perfected the install for putting the search bar onto the navbar

 

 

 

Version 1.4.1

 

  • The main navbar links (FORUM, NEWS, GAMING, REVIEWS and RIGBUILDER) no longer move up a few pixels when you scroll down.

 

 

 

Version 1.4.0

 

  • Added Theme Enhancement for getting bright yellow notification bubbles
  • Added screenshots to show the bright yellow notification bubbles with both the Left-Aligned and Right-Aligned links.
  • Added code to prevent the profile menu button from moving up a few pixels when you scroll down (when the navbar transitions into the sticky navbar).
  • Fixed a minor bug where the hover effect of the classic OCN logo would cause it to disappear for a couple of milliseconds (usually only on the very first hover in a browser session).

 

 

 

Version 1.3.9

 

  • The classic OCN logo now has the proper hover effect when you are logged out.
  • New version numbering system for OCN Classic Theme Completer in order to avoid getting to version 2.0 too soon
  • Added a simple patch-like install option to Right-Align your navbar links to Private Messages and Subscriptions (if you have the Left-Alignment and you'd rather not reinstall or uninstall/disable anything).
  • More code clean-up (very minor stuff)

 

 

 

Version 1.3.8

 

  • Replaced the "Theme Options" idea with "Theme Enhancements" that you install alongside the theme.
  • Created Standalone install options for anyone who wants the following without having to install OCN Classic:
    • One-Click Log-In (plain button only)
    • Private Messages and Subscriptions on the navbar (left-aligned only right now)
  • Both of the above Standalone installs give you all of these features as well:
    • "Edit Signature" on the profile menu
    • "View All Drafts" on the profile menu
    • The high-resolution avatar profile menu button
    • Correct capitalization of your username on the profile menu
    • Correct "Logout" to become "Log Out"
  • Provided an "All-in-One" standalone install option for anyone who wants both One-Click Log-In and Private Messages and Subscriptions on the navbar. So, you'd get all 7 features above.
  • Switched to white notification bubbles with bold black text.
  • Provided a Theme Enhancement to get the red bubbles with white text back, including red bubbles with bold white text if desired.
  • Provided an alternative theme install option to get Right-Aligned links to Private Messages and Subscriptions.
  • Restored the hover effect of the classic OCN logo (the code for it is inside the OCN Classic Theme Completer script).
  • Centered the number on the notification bubble a little better. Single digits are still slightly off-center, but there's nothing that I can do about that.
  • Moved the notification bubbles to the right a tiny bit.
  • Made the word "post" on the post header become "Post". For example: "post #1 of 1" is now "Post #1 of 1". This isn't the way OCN used to be, but I have always felt that it should be this way.
  • Cleaned up the code a little more
  • ...and a lot more that I haven't listed yet (I forgot to). Update on 12-13-2015: At this point, I think I have forgotten the rest. :/

 

 

 

Version 1.3.7

 

  • Jiiks gave me a better fix for the darker color of the navbar when scrolled all the way to the top in Theme Options 2 and 5.
  • Text link underlining on mouse hover no longer disappears as soon as you click the link. It's not sticky either. It's just perfect. :)
  • Fixed a bug caused by returning the vertical dividers back to the top of the Forums menu.
  • Fixed the height of the "Start a New Thread" button (the one that you see when you are in a thread).

 

 

 

Version 1.3.6

 

  • Returned the vertical dividers to the top of the Forums menu that go between "New Posts", "Unanswered" and "I've Posted".

 

 

 

Version 1.3.5

 

  • New versions for all 7 scripts (all 6 Theme Option scripts and the OCN Classic Theme Completer script).
  • Fixed the darker color of the navbar when scrolled all the way to the top in theme options 2 and 5.
  • Fixed the problem in the "Right-Aligned" theme options (4, 5 and 6) where the text "Private Messages" was too far to the right when you had no new private messages.
  • Moved all of the code described below to the Stylish scripts (it was inside the OCN Classic Theme Completer script):
    • Formatting & styling for the links to "Private Messages" and "Subscriptions"
    • Formatting and styling for the notification bubbles
  • Removed some unnecessary lines of code in the code that I moved.
  • Removed some unnecessary lines of code in the OCN Classic Theme Completer script.
  • Cleaned up the code in the OCN Classic Theme Completer script a bit.
  • Updated and improved some of the "comments" in the code for all 6 Theme Options and the OCN Classic Theme Completer.

 

 

 

Version 1.3.4

 

  • Fixed a flaw that was created by some code that I shouldn't have added.

 

 

 

Version 1.3.3

 

  • Fixed color variations of the OCN stats box on the main page.
  • Removed the generic avatar icon on the navbar that we see when we're not logged in.
  • Increased the width of the notification bubbles to better accommodate 2-digit numbers.
  • Improved the horizontal text centering on notification bubbles as much as possible. It's as good as it's going to get. The more perfect it is for single-digits, the less it is for double-digits, and vice-versa.
  • Your username on the Profile Menu is now perfectly centered vertically.
  • Fixed some errors in the code, and removed a few unnecessary lines as well.
  • Added commented-out code (disabled code) to the OCN Classic Theme Completer script for including "Private Messages" and "Subscriptions" in the Profile Menu. You can enable the code: just edit the script, scroll down and look for the green text, and delete the two forward slashes in front of both lines ("//"). Save it, reload your OCN page, and enjoy. No notificiation bubbles for this though.

 

 

 

Version 1.3.2

 

  • Moved the search button (and its menu) next to RIGBUILDER. The menu also now points to the right instead of the to the left. This makes it sit underneath the empty space on the navbar when it's open.
  • Removed the invisible (but touchable) portion of the search button. Now the search menu won't appear if you accidentally hover your mouse NEXT to the search button.
  • One-Click Log-In added.
  • One-Click Log-In records the last URL that your browser loaded before you logged out and logs you into that URL the next time you log in, regardless of the URL that's in your address bar when you logged out or logged in.
  • Added the classic login button to the One-Click Log-In.
  • On the One-Click Log-In, "Forgot password?" and "Remember me" changed to "Forgot Password?" and "Remember Me".
  • Moved "Forgot Password" and "Remember Me" down slightly.
  • On the One-Click Log-In, increased the width of the Username and Password fields from 110px each to 125px (the maximum before the button drops down to the next line).
  • Repositioned "Remember Me" and its checkbox after the resizing.
  • Changed all One-Click Log-In font sizes to 8pt.
  • Added a stand-alone One-Click Log-In. It currently only has a plain log-in button - but it works.
  • Classic Favicon now stays after logging out. No more new black favicon when you log out.
  • Made the coloring of the Profile Menu match the Forums menu. So now only the top of the Profile Menu is OCN Blue while the rest is color #3B3B3B. This is the way that I wanted it all along and I finally figured it out!
  • On the Profile Menu, your OCN name now has the proper capitalization. It used to be all lowercase (that's the OCN default right now). For example: "twocables" > "TwoCables".
  • Added "Edit Signature" to the profile menu and coded it to open in the same tab or the same window. This gives you the option to open it in a new tab or a new window if you wish.
  • Added "View All Drafts" to the Profile Menu.
  • On the Profile Menu, changed "Logout" to "Log Out".
  • Changed the font of the Notification Bubbles to Verdana for improved readability.
  • Moved the following items on the navbar a little further away from the Profile Menu's button:
    • Private Messages
    • Subscriptions
    • Both Notification Bubbles (this means that the far-right side of these bubbles is no longer being covered up by the Profile Menu's button).
  • Carefully and perfectly aligned the left side of the Profile Menu with the left side of the "P" and "S" in the words "Private" and "Subscriptions".
  • Now when you have 1 new private messages, "Private Messages" becomes "New Message".
  • Now when you have 2 or more private messages, you will see "New Messages".
  • The "Edit Thread" page's Cancel button now has a hover color.
  • On the "Edit Thread" page, tabbing out of the editor to the PREVIEW and SUBMIT buttons now underlines the text "PREVIEW" or "SUBMIT", depending on which button you tabbed onto. This tells you which button you're currently focused on! The underlining is sticky though. A proper dotted white line may come in a future release. (Sorry, the tab order currently does not include the Cancel button)
  • Matched the font size of the PREVIEW and CANCEL buttons with the font size of the SUBMIT or SEND buttons. Previously, CANCEL and PREVIEW were 11pt and SUBMIT/SEND were 12pt. Now they're all 12pt.
  • All the buttons on the entire site now have perfectly-centered text. See the bottom of this page for a known bug with this feature.
  • Special attention was paid to the text of the Multi button. It was too far to the right and now it's not! :)
  • Resized the Edit and Flag buttons.
  • Resized View Full Posts button slightly.
  • Resized Rep+, Multi, Quote and Reply buttons.
  • Removed unnecessary dotted white focus border around the Rep+ button when you click it (you would have seen it before clicking "Add to Reputation").
  • Added hover color to the in-line editor's PREVIEW button.
  • New name for the JavaScript installation: "OCN Classic Theme Completer"

 

 

 

Version 1.3.1

 

  • New version numbering system in order to significantly reduce the chances of reaching "v2.0" before it's appropriate.
  • Added a hover color to all buttons (except for the Cancel button on the "Edit Thread" page - that's coming)
  • Changed button sizes for many buttons.
  • Center-aligned the button label text on several buttons.
  • Fixed the color on the last few buttons that were still the new blue color
  • Updated the coloring of the pagination buttons
  • Removed the blue 1-pixel border that was on many of this theme's buttons (it was OCN's new blue color)
  • Added a 1-pixel black border (on mouse hover) around the Multi button when it's turned on.
  • Performed other improvements and perfections that are minor and difficult to describe.
  • New "comment" lines in the CSS and JavaScript code to help you navigate the code better.
  • Cleaned up the code's appearance.
  • Every single header throughout the site now has the correct color. For example, "Members You Follow" and "Members Following You" in your profile. Those are headers.

 

 

 

Version 1.3

 

  • Name change from "OCN New Classic" to "OCN Classic"
  • Now all of the buttons on the site are the correct color. (this later turned out to be wrong)
  • Fixed the black hover color on a pressed Multi button.
  • The Submit button on the "Edit Thread" page is now the correct size.

 

 

 

Version 1.2

 

  • Started a Changelog. :)
  • Fixed sticky underlining problem for the entire site
  • Linked the thread title at the top of a thread page (the last breadcrumb). It links to the first page in the thread.
  • Pagination buttons now have the correct colors

 

 


 

 

Tools Needed for Installation

 


You will need two different browser extensions: a CSS manager and a JavaScript script manager. The following extensions are very highly recommend:


Extension for a CSS script manager:

 

 

 


Extensions for a JavaScript script manager:

 

 

 

NOTICE: When updating to a newer version of a JavaScript, you must disable/uninstall the old one before using it!

 

 


 

Installation
 
Important: Install "OCN Classic Theme Completer". THE THEME IS INCOMPLETE WITHOUT IT.

 

 

 

 

The theme:

 

 

 

 

Alternative full theme install to get Right-Aligned links to Private Messages and Subscriptions (OCN Classic Theme Completer is still required):

 

 

 

 

Theme Enhancements:

 

 

 

 

 

Standalone Installs - DO NOT INSTALL THESE IF YOU HAVE "OCN Classic Theme Completer" INSTALLED

 

 

 

 

 

 

 

 


 

Credits (Click to show)

 

Credits (in order of appearance on this project):


@TheBadBull
@agawthrop
@Jiiks
@TFL Replica

If I left you out of the credits, then please tell me to add you to the list.

TheBadBull started this by colorizing the navbar and the buttons throughout the site. If it weren't for him, then I never would have done any of this.

agawthrop did so much that I would need a big post just to explain it all.
Jiiks did even more than agawthrop.

Without Jiiks and agawthrop, I would not have been able to improve upon what TheBadBull started. Basically, they did everything that I would have done if I had their programming skills. All I did was tell them what I wanted, and the next thing I knew they were giving me the code for what I wanted. Sure, I made some minor adjustments to most of the code that they gave me, but they still get 100% of the programming credit. Still, almost everything you see and experience in this theme came out of my head.

Forgive me if you had a smaller contribution in this and I failed to give you credit. Speak up and I will be very happy to add you to the credits!
 

 


 

Feature or Change Requests (suggestions) (Click to show)

 

Feature or Change Requests (suggestions)

Please consider the name of this theme before posting a feature or change request or any kind of a suggestion. My vision for this theme is to go back to what we had as much as possible before OCN rolled out their new theme on 11-16-2015. That's why this theme is called "OCN Classic". If this makes you wonder why the navbar exists in this theme, then that's easy to explain: the navbar is awesome. Sorry. smile.gif

You are free to customize this theme however you see fit. You are also free to use this theme as a base to make your own. If you need help with customizing this theme or making your own, then post a new thread in the Web Coding forum here on OCN and I'm sure one of OCN's experts will be able to help you out. You are still free to ask me for help because you never know! After all, I've been swimming in this theme's code for a long time now.

 

 


 

Known issues and bugs with this theme so far (this list may include issues that I have with OCN's new theme) (Click to show)

 

  • Vertical centering of button text is bad in Google Chrome, at least for me. I'm still having a hard time figuring this out.
  • Every once in a while at random, the perfect vertical centering of the button text will be lost.
  • Randomly, clicking a Rep+ button will cause its text to go up a few pixels until you click somewhere else. It doesn't always do this.
  • In Google Chrome, the button text on many buttons is still not vertically centered perfectly, at least on my computer.
  • In Google Chrome, the classic One-Click Log-In button icon is too high, at least on my computer.
  • On the "Edit Thread" page, there is no selection indicator for the 'CANCEL', 'PREVIEW' and 'SUBMIT' buttons. This is partially fixed with an Underline-On-Focus function for the 'PREVIEW' and 'SUBMIT' buttons. The underlining is sticky though, meaning that it stays underlined until you click somewhere else or until the page is reloaded.
  • On OCN's old one-click log-in feature, logging in would simply reload the URL that's currently in your address bar. Our custom One-Click Log-In currently can't do this; we think it requires special server access. So for now, it just records the last URL that your browser loaded before you logged out, and sends you back to that URL the next time you log in (regardless of the URL that's in your address bar when you log in).
  • One-Click Log-In's classic login button ruins the existing login buttons. LOL :) I have no plans to fix this.
  • We currently only have the plain login button on the Standalone script.
  • The favicon doesn't get restored in Google Chrome, at least not for me.

 

 

Please tell me of more issues and bugs as you find them. Thank you!

 

 



Edited by TwoCables - 11/4/16 at 7:55pm
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #2 of 383
Nice write up TC, subbed to keep an eye out.

Since these are add-ons, they should work in WaterFox as well?
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
post #3 of 383
Thread Starter 
Quote:
Originally Posted by TheReciever View Post

Nice write up TC, subbed to keep an eye out.

Since these are add-ons, they should work in WaterFox as well?

Thank you!

As far as I know, the extensions Stylish and Greasemonkey work with WaterFox because they work with Firefox.
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #4 of 383
This is nice. Haven't seen how it looks but will give this a try. Thanks all those involved for this !!
post #5 of 383
Thread Starter 
You're welcome! I am seeing that I definitely need screenshots. The original post is so big that now I don't know where they can go. I don't have a 2nd post reserved. Yikes.
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #6 of 383
Well you already have the 5th post and put a hyperlink in your first post to your 5th post with all the images uploaded in the 5th post.
post #7 of 383
Just put them in spoiler tags to show differences, keeps it nice and neat.
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i7 4930mx 3.5Ghz .97v AW17 Ranger 780m 1006c/2800m 16GB DDR3 1600Mhz 
Hard DriveHard DriveHard DriveHard Drive
256GB SSD 2TB FireCuda 7mm 2TB Firecuda 7mm 1TB Seagate SSHD 
OSMonitorPowerMouse
Windows 10 x64 Pro 17" 1080p120hz TrueColor  330w Delta  G502 Proteus Spectrum 
Audio
SHP9500 w/ HM5 pads & MM4 
  hide details  
Reply
post #8 of 383
Thread Starter 
I'm working on it. They will just be right beneath the title in the OP.
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #9 of 383
Subbing just to see screenshots and updates as you go. If i turn out liking it a lot, I can give this a try and then change all the colors to something I personally prefer more.

Also your theme's name could be something along the lines of "OG OCN Theme" or "OCN Classic".
Snowy Behemoth
(24 items)
 
Media-End-Table
(13 items)
 
PC4POPS
(11 items)
 
CPUMotherboardGraphicsRAM
Intel Core-i7 3770K @ 4.5 GHz @ 1.24v Asus Sabertooth Z77 Gigabyte GTX 1070 G1 Gaming 16GB Corsair Vengence DDR3 1600 
Hard DriveHard DriveHard DriveHard Drive
OCZ Vertex 4 256GB SSD OCZ ARC 100 240GB SSD WD Black 1TB 7200RPM 64mb Sata 6Gb WD Green 3TB 
Optical DriveOptical DriveCoolingOS
LG Blu-Ray Burner Asus DVD Burner Corsair H100 Windows 7 Professional 64bit 
MonitorMonitorKeyboardPower
Asus PB278Q 27" 2560x1440 HP 23" 1920x1080 Microsoft Sidewinder X6 OCZ Fatal1ty 1000W 
CaseMouseMouse PadAudio
Thermaltake Level 10 GT Snow Edition Microsoft Sidewinder Razer eXactMat SteelSeries Siberia V2 Headset 
AudioAudioAudioOther
Onkyo TX NR727 Receiver KEF KHT5001 5 Speaker System + 2 JBL Loft 40s KEF Q400b Subwoofer CyberPower CP1350PFCLCD UPS 
CPUMotherboardGraphicsRAM
Intel Pentium G3258 Asus Gryphon Z87 With Armor XFX R7 250X 8GB HyperX Fury White  
Hard DriveOptical DriveCoolingOS
WD VelociRaptor 150GB 10000RPM ASUS DVD Burner Cooler Master Hyper T4 Windows 10 Professional (Insider Build) 
MonitorPowerCaseMouse
HP W2007 Corsair CS450M Custom Microsoft Wireless Laser Mouse 6000 
Other
TP-LINK Archer T9e AC1900 Wireless Card 
  hide details  
Reply
Snowy Behemoth
(24 items)
 
Media-End-Table
(13 items)
 
PC4POPS
(11 items)
 
CPUMotherboardGraphicsRAM
Intel Core-i7 3770K @ 4.5 GHz @ 1.24v Asus Sabertooth Z77 Gigabyte GTX 1070 G1 Gaming 16GB Corsair Vengence DDR3 1600 
Hard DriveHard DriveHard DriveHard Drive
OCZ Vertex 4 256GB SSD OCZ ARC 100 240GB SSD WD Black 1TB 7200RPM 64mb Sata 6Gb WD Green 3TB 
Optical DriveOptical DriveCoolingOS
LG Blu-Ray Burner Asus DVD Burner Corsair H100 Windows 7 Professional 64bit 
MonitorMonitorKeyboardPower
Asus PB278Q 27" 2560x1440 HP 23" 1920x1080 Microsoft Sidewinder X6 OCZ Fatal1ty 1000W 
CaseMouseMouse PadAudio
Thermaltake Level 10 GT Snow Edition Microsoft Sidewinder Razer eXactMat SteelSeries Siberia V2 Headset 
AudioAudioAudioOther
Onkyo TX NR727 Receiver KEF KHT5001 5 Speaker System + 2 JBL Loft 40s KEF Q400b Subwoofer CyberPower CP1350PFCLCD UPS 
CPUMotherboardGraphicsRAM
Intel Pentium G3258 Asus Gryphon Z87 With Armor XFX R7 250X 8GB HyperX Fury White  
Hard DriveOptical DriveCoolingOS
WD VelociRaptor 150GB 10000RPM ASUS DVD Burner Cooler Master Hyper T4 Windows 10 Professional (Insider Build) 
MonitorPowerCaseMouse
HP W2007 Corsair CS450M Custom Microsoft Wireless Laser Mouse 6000 
Other
TP-LINK Archer T9e AC1900 Wireless Card 
  hide details  
Reply
post #10 of 383
Thread Starter 
Screenshots added, as text links only because I don't want them to be resized on anyone.

What does "OG" stand for?

'OCN Classic". I'll seriously consider that one.
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(19 items)
 
  
CPUMotherboardGraphicsRAM
i5-2500K @ 4.5GHz (1.368-1.384V fixed voltage) ASUS P8P67 EVO B3 (UEFI ver. 1850) GTX 780 ASUS DirectCU II (1228 / 6300, 1.180V) G.SKILL Ripjaws X 8GB (2 x 4GB) 1866MHz, CL9 
Hard DriveHard DriveHard DriveOptical Drive
250 GB Samsung 840 EVO (C:\) 250 GB Samsung 840 EVO (D:\) 150 GB WD VelociRaptor Samsung SH-S243N 24x DVD Burner 
Optical DriveCoolingOSMonitor
Samsung SH-S203N 20X DVD Burner Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) 
KeyboardPowerCaseMouse
Filco Majestouch 104-key Cherry MX Blues w/NKRO Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate 
Mouse PadAudioAudio
Basic, but premium round X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding