OCN Classic 2.0
Last Updated: 3-6-2018 at 11:27 a.m. Central Time
Screenshots:
Main: https://userstyles.org/style_screenshots/154662_after.png
Demonstrating column colors: https://userstyles.org/style_screenshots/154662_additional_29672.png
Demonstrating the new User CP enhancement (see "Edit Options" on the left side): https://userstyles.org/style_screenshots/154662_additional_29683.png
Showing the corrected background color on the main page for Latest Discussions and News: https://userstyles.org/style_screenshots/154662_additional_29715.png
Download and installation:
Main theme: https://userstyles.org/styles/154662/ocn-classic-2-0
Classic blue flame logo favicon: https://greasyfork.org/en/scripts/37764-ocn-classic-blue-flame-favicon
This is the new version of OCN Classic. I created it from the ground up for OCN's new platform; vBulletin. You won't find the same massive amount of changes and customizations that the original OCN Classic had because there aren't nearly as many things that I hated about the look and feel this time. I may still find a few things here and there that I will change as time goes by, but I think this is mostly finished right now. Mostly! I'm never done, of course!
I welcome all feedback, ideas, and suggestions. I also welcome all help with CSS and JavaScript code. So if you are good with CSS and/or JavaScript and you have an idea or suggestion, then please show me the code you'd write for that idea or suggestion.
Features:
I also created these simple style sheets for myself. Try them all!
Autohide Navbar (invisible navbar) This one makes the navbar completely invisible when you scroll down, but it's actually still there. To access it, just hover your mouse at the top. After all, the navbar is still there; it's just 100% invisible when you scroll down.
Hide "Quick Links" menu This does exactly as it says. It hides the Quick Links menu from the Tools menu. I kept accidentally opening the menu and clicking on some of its menu items, so I created this style sheet to finally get rid of it. I never used it anyway.
Bold important menu items This is a style sheet I made for the things I click frequently every day: "User CP" and "Unanswered Threads". This helps improve my mouse aim on these items.
Hide Active Topics on Overclock.net This is something that may not be needed when this migration to vBulletin is 100% complete. As of right now, this style sheet is necessary if you want to have the Active Topics sidebar hidden (disabled) but continue to have the automatic resizing behavior of the navbar work properly when you scroll down.
Lock OCN Navbar This prevents the navbar from following you down the page when you scroll down. I made this style sheet because page anchors to individual posts are set as though there is no navbar (set too high), and it bothered me enough that I made this style sheet. Without this style sheet, the scroll position will always end up too low on each and every post when linked directly to a post whether that's the first unread post, the last post, or some specific post.
Anyway, so there you have it! OCN Classic 2.0.
Credits are in the Spoiler box below (copy/pasted from the original thread because they haven't changed):
Last Updated: 3-6-2018 at 11:27 a.m. Central Time
Screenshots:
Main: https://userstyles.org/style_screenshots/154662_after.png
Demonstrating column colors: https://userstyles.org/style_screenshots/154662_additional_29672.png
Demonstrating the new User CP enhancement (see "Edit Options" on the left side): https://userstyles.org/style_screenshots/154662_additional_29683.png
Showing the corrected background color on the main page for Latest Discussions and News: https://userstyles.org/style_screenshots/154662_additional_29715.png
Download and installation:
Main theme: https://userstyles.org/styles/154662/ocn-classic-2-0
Classic blue flame logo favicon: https://greasyfork.org/en/scripts/37764-ocn-classic-blue-flame-favicon
This is the new version of OCN Classic. I created it from the ground up for OCN's new platform; vBulletin. You won't find the same massive amount of changes and customizations that the original OCN Classic had because there aren't nearly as many things that I hated about the look and feel this time. I may still find a few things here and there that I will change as time goes by, but I think this is mostly finished right now. Mostly! I'm never done, of course!
I welcome all feedback, ideas, and suggestions. I also welcome all help with CSS and JavaScript code. So if you are good with CSS and/or JavaScript and you have an idea or suggestion, then please show me the code you'd write for that idea or suggestion.
Features:
- Bug fix: After a recent update to OCN, the "Tags" box at the bottom of threads had the wrong appearance. So, I fixed it with this update to OCN Classic 2.0.
- Bug fix: The feature of the left-side panel in the User CP highlighting was broken. This update fixes it.
- I finally fixed the color on the main page for Latest Discussions and News.
- Just a small bug fix as discussed beginning with this post.
- User CP left-side panel item highlighting and text bolding (the highlighting and text bolding matches where you are in the User CP). Here's the screenshot that shows an example: https://userstyles.org/style_screenshots/154662_additional_29683.png See "Edit Options" on the left side.
- On the "Edit Folders" page for your private message folders, there was a problem with text being white and in the wrong locations. This has been fixed reasonably well.
- Corrected the color of the columns on every page that lists threads and forums, including your threads page and your thread subscriptions
- Added crisp borders to all tables, such as thread views and forum views
- Added crisp borders elsewhere, such as the User CP and profile pages
- Increased font size of usernames in the postbits
- Corrected the bolding of all usernames. Now only Overclocked Account names and Staff names are bold.
- Increased width of postbits to accommodate the larger font size of usernames
- Modified the size of avatars and badges in the postbits to a more correct size
- Added a background color to the top of the profile menu (when you click your avatar up on the navbar)
- The text "Welcome, %username%" is now bold
- Your username on this part of the profile menu is now in the correct color
- Removed unnecessary hover effect over "Your Notifications" in the profile menu
- In the Quick Links menu, I corrected the header color for each section of the menu
- In the Quick Links menu, I fixed the hover color for the link "User Control Panel", and it's also underlined permanently since it's a link
- Fixed hover color and text color on the tabs on any member's profile page, including your own
- Fixed the header color of the 'Tags' header at the bottom of any thread page. It's now the proper light gray color.
- Removed the unnecessary horizontal line in the Tags box when you're adding tags
- Fixed the location (again) of the popup menus for the left-side User CP items "Private Messages" and "Thread Subscriptions". Somehow, they were moved slightly today.
- Added a very light border around your avatar on the 'Edit Avatar' page in your User CP. This is helpful for transparent avatars so that you can see the actual borders.
- Fixed the color of the postbits (the left side panel of every post where your avatar is)
- Removed unsightly horizontal line near the bottom of every post
- Added a crisp border around all posts and postbits using OCN color #46566B
- Removed unsightly borders on all profile pages.
- Fixed the location of the popup menus for Private Messages and Subscriptions in the User CP, but only on the left side. This is the best I could do.
- Proper OCN color on the navbar and the bottom of the page
- Navbar shadow
- Proper OCN hover color on all navbar buttons
- Classic OCN logo on the navbar
- Classic OCN blue flame logo favicon (the small icon you see on OCN bookmarks, in the location/address bar, etc.) - you only have this if you install the Classic Favicon script from GreasyFork.org.
- Perfectly aligned 'Tools' menu on the navbar (see the screenshot) - it drops down to the right instead of the left!
- Red notification bubble on avatar profile menu button with bold white numbers
- Hover effect (gray color) on page number buttons, except for those that have visible vertical dividers (such as those on your page labeled "Thread Subscriptions"). I had some trouble with those. I need help with this one!
- "Thread Starter" changed to bold red text in all caps so that it reads "THREAD STARTER". This is a little buggy for me. Sometimes it doesn't work, but it works most of the time.
- Fixed vertical height of avatar profile button's hover effect so that it no longer hangs down below the navbar. This is a fix of a new bug that was created when they increased the size of the avatar for our profile button.
- The WYSIWYG editor displays the correct default font and font size. Now it's truly WYSIWYG!
- Updated all button colors on the entire site, including a new color for the Multi-Quote button when it's turned on and the footer buttons "Mobile" and "Desktop" have the correct look
- "permalink" is underlined to make it very easy to differentiate it from the post# link (and it has a new hover color)
- Fixed this bug: http://www.overclock.net/forum/1779...wn-screenshots-inside-since-hard-explain.html
- Added dotted white focus/selection border on all buttons. This means that tabbing around on buttons is visually much easier.
- Updated the appearance of the code
- Bug fix for the color of the Multi-Quote button when it's turned on (it was caused by an oversight when I changed the color of all of the buttons on the site)
- Removed Google+/Twitter button at the top of every thread page (I am only doing this because I'm assuming they will be removing this in the future since there's talk of removing all social media elements. I can show you how to get it back if you want)
- Changed Italicized text in Post Quote boxes to Normal text
- Corrected the font size of post previews and the Topic Review underneath the full-page editor. It was too small before.
- Increased thread title size on every thread page
- Quote box color restored
- Code box color restored
- Spoiler box color restored
- Fixed the font size inconsistency problem on OCN Live
- Fixed the appearance of the postbit. The postbit is the panel on the left side of every post.
- Increased width of Title text boxes. There's a character limit of 85 characters, and this new width shows all 85 characters. It's much wider than you need in order to allow for the variable-width font to create very wide titles. I will not be increasing the character limit, so please don't ask (after all, I don't own and run this site)
- Fixed the location of the "subscribed threads only" checkbox on OCN Live. It was too far to the left before. Now it's exactly where it's supposed to be.
- Fixed the width of the username and password fields on the auto-generated login page if you try to visit something like your User CP when you're not logged in. Both text fields were way too long after the last update.
- Updated the color of the Multi-Quote button when it's 'enabled' to a darker/duller red. I was trying plain red #FF0000 before, but now I'm trying #B84300, which used to be OCN's default color for notification bubbles, and has been the red I use for "NEW!".
- Colors updated/improved throughout the entire site, including all headers (even the post headers)! There are too many changes to list them all though. Have a look around after installing this new version of OCN Classic 2.0!
- New hover color for "permalink"
- Unbolded the text on all post headers, except for "THREAD STARTER". I couldn't unbold "post #" though. I spent over an hour trying! lol I actually kind of like it now.
- Updated the hover color effect for the Multi-Quote button when it's 'enabled'
- The classic blue flame favicon has been updated so that now it no longer breaks OCN Live! https://greasyfork.org/en/scripts/37764-ocn-classic-blue-flame-favicon
- Fixed the height of the profile menu's hover effect. It's still very messed up on RigBuilder though, and all of my efforts to fix it have failed.
- Fixed the hover effect on RigBuilder buttons
- Underlined "Control Panel" and "Your Profile" in User CP, because they're links
- Added hover color to "Control Panel" and "Your Profile" links in User CP
- Added hover color to "Private Messages" and "Subscribed Threads" on the left side panel in User CP
- Added hover color to the text of the following navbar items: 'FORUMS', 'NEWS', 'GAMING', 'REVIEWS', 'RIGBUILDER', 'ARTICLES', and 'NEW POSTS'. These are all links and they only work when you're hovering over the text. So, I feel it's better if they give instant feedback to indicate that you are actually touching the link.
I also created these simple style sheets for myself. Try them all!
- Autohide Navbar (invisible navbar)
- Hide "Quick Links" menu
- Bold important menu items
- Hide "Latest Discussions" sidebar
- Lock OCN Navbar
Autohide Navbar (invisible navbar) This one makes the navbar completely invisible when you scroll down, but it's actually still there. To access it, just hover your mouse at the top. After all, the navbar is still there; it's just 100% invisible when you scroll down.
Hide "Quick Links" menu This does exactly as it says. It hides the Quick Links menu from the Tools menu. I kept accidentally opening the menu and clicking on some of its menu items, so I created this style sheet to finally get rid of it. I never used it anyway.
Bold important menu items This is a style sheet I made for the things I click frequently every day: "User CP" and "Unanswered Threads". This helps improve my mouse aim on these items.
Hide Active Topics on Overclock.net This is something that may not be needed when this migration to vBulletin is 100% complete. As of right now, this style sheet is necessary if you want to have the Active Topics sidebar hidden (disabled) but continue to have the automatic resizing behavior of the navbar work properly when you scroll down.
Lock OCN Navbar This prevents the navbar from following you down the page when you scroll down. I made this style sheet because page anchors to individual posts are set as though there is no navbar (set too high), and it bothered me enough that I made this style sheet. Without this style sheet, the scroll position will always end up too low on each and every post when linked directly to a post whether that's the first unread post, the last post, or some specific post.
Anyway, so there you have it! OCN Classic 2.0.
Credits are in the Spoiler box below (copy/pasted from the original thread because they haven't changed):
TheBadBull
agawthrop
Jiiks
TFL Replica
If I left you out of the credits, then please tell me to add you to the list.
TheBadBull unintentionally started this for me by colorizing the navbar and the buttons throughout the site and posted it in OCN's "A New Face for Overclock.net" thread. If it weren't for him, then I never would have done any of this!
agawthrop did so much that I would need a huge post just to explain it all.
Jiiks did even more than agawthrop!
These guys just blew me away. 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!
agawthrop
Jiiks
TFL Replica
If I left you out of the credits, then please tell me to add you to the list.
TheBadBull unintentionally started this for me by colorizing the navbar and the buttons throughout the site and posted it in OCN's "A New Face for Overclock.net" thread. If it weren't for him, then I never would have done any of this!
agawthrop did so much that I would need a huge post just to explain it all.
Jiiks did even more than agawthrop!
These guys just blew me away. 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!