New Posts  All Forums:Forum Nav:

OCN Classic - Page 7

post #61 of 385
Thread Starter 
Quote:
Originally Posted by TFL Replica View Post

It's a nice color, but applying a custom font color post-wide doesn't look very good, and can even seem unprofessional. It's best to stick with the "automatic" color, and use custom colors sparingly. Just my personal opinion.

Yeah, I saw what you mean and I decided instead to just colorize the centered titles. What do you think?

Oh, and I edited my last post in OCN Dark.
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #62 of 385
Thread Starter 
I'd like to see what it would be like in this theme to have a hover color for every little button that can be clicked (probably a lot of work?). What would be the code for that?

I tried the code below, but it's only working for like less than half the buttons on here. It's not even working for 100% of the buttons commented in this code.
Code:
/*--Page # navigation--*/
.pn li a:hover,
.pn .curr {
        background-color: #000!important;
        border: 1px solid transparent!important;
}
/*--Forum Navigation control (drop downlist) Go button--*/
.forum-nav-control .btn:hover {
        background-color: #000!important;
        border: 1px solid transparent!important;
}
/*--Quick Reply editor - full page editor--*/
#quick-reply-editor .reply-btn:hover {
        background-color: #000!important;
        border: 1px solid transparent!important;
}
/*--Search buttons--*/
.advanced-search .btn:hover,
#search-form .btn:hover {
        background-color: #000!important;
        border: 1px solid transparent!important;
}
/*--PM inbox buttons and Account editing buttons--*/
#pm-container .btn:hover,
#edit-acct-cont .btn:hover {
        background-color: #000!important;
        border: 1px solid transparent!important;
}

/*--Forum Post Tools - Report, Rep+, multi, quote and reply--*/ 
.forum-post-tools .btn:hover,
.forum-post-tools .icon-report-to-mod .ibtn .btn:hover,
.forum-post-tools .ibtn.io:hover {
        background-color: #000!important;
        border-color: #5A6A7F!important; /* Necessary because report icon has 4px border */
}

What would you write if you were to to give absolutely every last button on this site a hover color? I mean, without missing one button.

I also just noticed that there's a 1px blue border (OCN's new blue) on most of my buttons. Here's the code I have now:

Warning: Spoiler! (Click to show)
Code:
/* Version 1.3 */

@-moz-document domain("overclock.net") {
.ui-header-fixed {
    background: rgba(70, 86, 107, .99)!important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}
.ui-header-fixed ul#main-nav .mainNav-logoLink,
.ui-header-fixed ul#main-nav .mainNav-logoLink:focus,
.ui-header-fixed ul#main-nav .mainNav-logoLink:hover{
    background-color: transparent!important;
}
ui-header-fixed ul#main-nav.forums-tab li.forums a {
   background-color: transparent!important;
}
.forum-77 .ui-header-fixed ul#main-nav li.gaming a,
.forum-78 .ui-header-fixed ul#main-nav li.gaming a,
.forum-79 .ui-header-fixed ul#main-nav li.gaming a,
.forum-80 .ui-header-fixed ul#main-nav li.gaming a,
.forum-82 .ui-header-fixed ul#main-nav li.gaming a,
.forum-152 .ui-header-fixed ul#main-nav li.gaming a,
.forum-149 .ui-header-fixed ul#main-nav li.news a,
.forum-225 .ui-header-fixed ul#main-nav li.news a,
.forum-226 .ui-header-fixed ul#main-nav li.news a,
.forum-227 .ui-header-fixed ul#main-nav li.news a,
.forum-349 .ui-header-fixed ul#main-nav li.news a,
.forum-379 .ui-header-fixed ul#main-nav li.news a,
.ui-header-fixed ul#main-nav.forums-tab li.forums a,
.ui-header-fixed ul#main-nav.section-lists li.rigbuilder a,
.ui-header-fixed ul#main-nav.product-tab li.reviews a {
    background-color: transparent!important;
}
.yui3-panel .yui3-widget-buttons .yui3-button,
.yui3-panel .yui3-widget-buttons .yui3-button.button-submit {
        background-color: #46566B!important;
}
a.H-threadEdit-clickHandlers-submit.cta.btn{
    background-color: #46566B !important; 
    border:1px solid #46566B !
    important;border-top: 1px solid #46566B !important;
    border-bottom: 1px solid #46566B !important;
    padding-top: 4px!important;
    padding-bottom: 4px!important; height:16px
}
/*--Page # navigation--*/

/*hover and current page*/
.pn li a:hover,
.pn .curr {
        background-color: #46566B!important;
        border: 1px solid transparent!important;
}

/*background and text color*/
.pn li a {
        border: 1px solid #46566B!important; 
        color: #46566B;
        background-color: transparent;
}
a:focus {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.btn.depressed {
    background-color: #FF0000!important;
    border: 1px solid #FF0000!important;
}
.btn.depressed:hover {
        background-color: #FF0000!important;
}

.component.rating .btn.rating-button.post-rated {
    background-color: #A1A8B4!important;
    border: 1px solid #A1A8B4!important;
}
body .btn,
body .forum-control .reply-btn,
body a.priact,
body .form_actions .accented_primary_cta,
body .form_actions .primary_cta:first-child {
    background-color: #46566B !important;
    border-radius: 10;
    color: #fff !important;
    font-weight: normal !important;
}
.btn-cont a:hover,
body a.priact:hover,
body a.priact:focus,
body .form_actions .accented_primary_cta:hover,
body .form_actions .accented_primary_cta:focus,
body .form_actions .primary_cta:first-child:hover,
body .form_actions .primary_cta:first-child:focus,
.form_actions .buttons-right .btn:hover {
    background-color: #46566B !important;
    border: 1px solid #46566B!important;
}
.ibtn.io {
    border-width: 4px 3px!important;
    border-color: #46566B!important;
}
*:focus::-moz-focus-inner {
    border:1px dotted #FFFFFF;
}
*:focus {
  outline:transparent !important;
}
/*.post-header .forum-post-num,
.post-header .forum-post-num a,
.post-header .forum-post-date,
.post-header .post-header-label .text {
        color: #fff!important;
}*/
  

  /*NAV DROPDOWN*/
#forum-select-menu .forum-select-options {
  background: #46566B !important;
}
#forum-select-menu ul li.current-forum ul ul li.current-forum a, #forum-select-menu ul li.current-forum a {
    border-left-color: #46566B;
}
/*PROFILE DROPDOWN*/
.ui-header-fixed ul.menu a, .ui-header-fixed ul.menu li {
  background:#46566B !important;
  color:#FFF !important;
  border:none !important;
}
.ui-header-fixed ul.menu li {
  border-top: 1px solid #313D4D !important;
}
.ui-header-fixed ul.menu a:hover, .ui-header-fixed ul.menu li:hover {
  background: #5A6A7F !important;
  color:#FFF !important;
}  
  .jlink {
    text-align:left !important;
}
  
  .jpadder, .jcounter {
    float:right !important;
    margin-top:2px;
    margin-left:3px;
}

.ui-header-fixed ul#main-nav li.forums a.form-select-link-expanded,
.ui-header-fixed ul#main-nav li.forums a:hover,
.ui-header-fixed ul#main-nav .mainNav-rootLink:hover,
.ui-header-fixed ul#main-nav.forums-tab li.forums a:hover,
.ui-header-fixed li.profile:hover .user-avatar,
.ui-header-fixed ul#main-nav .search:hover>a::before {
    background-color: #5A6A7F!important;
}
}

(this is option 1 of the theme, minus the new OCN logo to save everyone's eyes from the wall of code)
.
Edited by TwoCables - 11/26/15 at 5:26am
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #63 of 385
Quote:
Originally Posted by TwoCables View Post


Yeah, I saw what you mean and I decided instead to just colorize the centered titles. What do you think?

Oh, and I edited my last post in OCN Dark.

 

That looks much better.

 

Quote:
Originally Posted by TwoCables View Post

I'd like to see what it would be like in this theme to have a hover color for every little button that can be clicked (probably a lot of work?). What would be the code for that?

 

You'd need to find and match every single button that exists. There's no parent button style that links all the buttons together.

post #64 of 385
Thread Starter 
Quote:
Originally Posted by TFL Replica View Post

That looks much better.

Thank you!

Quote:
Originally Posted by TFL Replica View Post

You'd need to find and match every single button that exists. There's no parent button style that links all the buttons together.

I know, but I don't know how to code anything at all. It's like asking me to navigate Chinese or something. I'm confident that Jiiks or agawthrop can help me - especially Jiiks because he accomplished it.

I did take a look in the Inspector earlier, but I was like a deer in headlights. I could kinda see though how some of the code that I've been given was created.
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #65 of 385
Quote:
Originally Posted by TwoCables View Post

Thank you!
I know, but I don't know how to code anything at all. It's like asking me to navigate Chinese or something. I'm confident that Jiiks or agawthrop can help me - especially Jiiks because he accomplished it.

I did take a look in the Inspector earlier, but I was like a deer in headlights. I could kinda see though how some of the code that I've been given was created.

The way I understand it is that a lot of the buttons they list in order for the first line or so of code to say what the next code will do to alter it.
So for simple terms lets say it was like this:
Code:
  }

  /*BUTTONS*/
  button 1, button 2, button 3, button 4, button 5, (...and so on...), button 20 {
    background-color: #00FF00 !important;
    color:#000000 !important;
    font-weight: bold !important;
    border: 3px solid #000000 !important;
  }


In order to have every button be different, you would have to have a single block of code for each and every button so I will show 2 as an example, but in your case it might be 50 or more, how ever many buttons there are if you really want 100% unique. Perhaps reuse some colors, but in different areas and it would cut down the code length.
Code:
  }

  /*BUTTON 1 (Name of button like Rep+)*/
  button 1 {
    background-color: #00FF00 !important;
    color:#000000 !important;
    font-weight: bold !important;
    border: 3px solid #000000 !important;
  }
Code:
  }

  /*BUTTON 2 (Name of button like Submit)*/
  button 2 {
    background-color: #FFFF00 !important;
    color:#000000 !important;
    font-weight: bold !important;
    border: 3px solid #000000 !important;
  }

(I realize this wasnt code for the hoover, but I think you get the idea)


*Edit: Also need to say, what a great choice in theme name tongue.gif*
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 #66 of 385
Thread Starter 
Quote:
Originally Posted by mrtbahgs View Post

The way I understand it is that a lot of the buttons they list in order for the first line or so of code to say what the next code will do to alter it.
So for simple terms lets say it was like this:
Code:
  }

  /*BUTTONS*/
  button 1, button 2, button 3, button 4, button 5, (...and so on...), button 20 {
    background-color: #00FF00 !important;
    color:#000000 !important;
    font-weight: bold !important;
    border: 3px solid #000000 !important;
  }


In order to have every button be different, you would have to have a single block of code for each and every button so I will show 2 as an example, but in your case it might be 50 or more, how ever many buttons there are if you really want 100% unique. Perhaps reuse some colors, but in different areas and it would cut down the code length.
Code:
  }

  /*BUTTON 1 (Name of button like Rep+)*/
  button 1 {
    background-color: #00FF00 !important;
    color:#000000 !important;
    font-weight: bold !important;
    border: 3px solid #000000 !important;
  }
Code:
  }

  /*BUTTON 2 (Name of button like Submit)*/
  button 2 {
    background-color: #FFFF00 !important;
    color:#000000 !important;
    font-weight: bold !important;
    border: 3px solid #000000 !important;
  }

(I realize this wasnt code for the hoover, but I think you get the idea)


*Edit: Also need to say, what a great choice in theme name tongue.gif*

Hoover. hehe smile.gif

Anyway, thank you. In my observations, I think it might be simpler than that - but it's still very mysterious to me. I didn't say easier though, just simpler. Not as many facets or like, not as much code.

hehe yeah, I admit that I was considering "OCN Classic" even before you recommended it (and you were definitely the first to recommend it), but I was afraid that it might give people the impression that this theme reverts everything back to the way everything was before OCN rolled out their new theme. I also didn't want a name that copied "OCN Dark". So, I kept trying to avoid "OCN Classic" somehow. I kept trying to find other names. Even when I tried, "OCN New Classic", it just didn't have a ring to it. It was clunky to say and it was clunky to read. "OCN Classic" is just smooth. It glides off the tongue and it reads like melted butter!

I'm still open to suggestions of course, but I certainly can't think of anything better.
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #67 of 385
This CSS should add a hover color to just about every button on the site, excluding the Nav bar:
Code:
.btn-cont a:hover,
body a.priact:hover,
body a.priact:focus,
body .form_actions .accented_primary_cta:hover,
body .form_actions .accented_primary_cta:focus,
body .form_actions .primary_cta:first-child:hover,
body .form_actions .primary_cta:first-child:focus,
.form_actions .buttons-right .btn:hover,
.pn li a:hover,
.forum-nav-control .btn:hover,
#quick-reply-editor .reply-btn:hover,
.advanced-search .btn:hover,
#search-form .btn:hover,
#pm-container .btn:hover,
#edit-acct-cont .btn:hover,
.yui3-panel .yui3-widget-buttons .yui3-button:hover,
.yui3-panel .yui3-widget-buttons .yui3-button.button-submit:hover.
.component .btn:hover {
    background-color: #000!important;
}

This CSS would add a hover color to all the Nav bar buttons.
Code:
.ui-header-fixed ul#main-nav li.forums a.form-select-link-expanded,
.ui-header-fixed ul#main-nav li.forums a:hover,
.ui-header-fixed ul#main-nav .mainNav-rootLink:hover,
#forum-select-menu .forum-select-options,
.ui-header-fixed ul#main-nav.forums-tab li.forums a:hover,
.ui-header-fixed li.profile:hover .user-avatar,
.ui-header-fixed ul#main-nav .search:hover>a::before {
    background-color: #000!important;
}

Edited by agawthrop - 11/26/15 at 7:34pm
First Build
(12 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i5 4690K Asus Z97-A Gigabyte GeForce GTX 970 mini Crucial 8GB 
Hard DriveHard DriveOptical DriveOS
Samsung SSD 840 EVO 250GB Western Digital Blue 1TB LG DVD Burner Windows 8.1 Pro 
KeyboardPowerCaseMouse
Logitech K800 Seasonic 550W Corsair Carbide SPEC-02 Logitech G700s 
  hide details  
Reply
First Build
(12 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i5 4690K Asus Z97-A Gigabyte GeForce GTX 970 mini Crucial 8GB 
Hard DriveHard DriveOptical DriveOS
Samsung SSD 840 EVO 250GB Western Digital Blue 1TB LG DVD Burner Windows 8.1 Pro 
KeyboardPowerCaseMouse
Logitech K800 Seasonic 550W Corsair Carbide SPEC-02 Logitech G700s 
  hide details  
Reply
post #68 of 385
Thread Starter 
Everyone: if I were to have a hover color on this theme's buttons, then what color do you think would be the best? Right now I am testing black and it's ok, but I feel it could be better. Maybe a much lighter version of #46566B?

Or what would you choose?
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
post #69 of 385
Hey TwoCables, nice work! I personally prefer Left Aligned, 74% opaque (option 2) with integrated search bar.

How do updates work? Will this update continuously without my intervention?

I'd also like to make a suggestion. Shrink the smaller nav bar even more, making margins just 2 pixels from the top and bottom of the avatar, and have that size be the only one, so it doesn't change if you scroll to the top.
I'd also like it if you extended the search box/bar to take up the unused space to it's right so the inner text is not cut off. Perhaps you can move advanced search as well to help shrink the vertical size. The whole thing is still too big in small mode, and really doesn't need to be expanded AT ALL IMO.

Also, what's the point of it anyway?! You still have to scroll allllll the way up to the top of the page to use the thread interaction buttons! Perhaps some of them can be moved to the navbar.

The lower forum navigation bar is redundant too... can you cut it out? The newer one is a better design, although it does have that stupid decades old movement issue when you use sub menus...

Here's a picture with some other suggestions/problem areas.

Also, I'm not really sold on the transparency level. Something just seems... off.
It would be so neat if it were clear transparent and fogged/blurredlike Aero! biggrin.gif A real slap in the face to this new Windows 10 look. wink.gif



EDIT: A lighter version of #46566B might work well, the trick is finding exactly how light.
Edited by cookieboyeli - 11/27/15 at 6:39pm
post #70 of 385
Thread Starter 
Quote:
Originally Posted by cookieboyeli View Post

Hey TwoCables, nice work! I personally prefer Left Aligned, 74% opaque (option 2) with integrated search bar.

Thank you!

Quote:
Originally Posted by cookieboyeli View Post

How do updates work? Will this update continuously without my intervention?

Unfortunately, there is no way to push out updates. The only thing you can do is subscribe to this thread because I will always post a new reply to it whenever I update the theme. That new reply will always contain the following:

  • All 6 links for each of the 6 theme options
  • The Greasymonkey/Tampermonkey install (with a quick note saying whether existing OCN Classic users need to install it again)
  • The Changelog
  • The link to the original post of this thread (for convenience)

The reason why I haven't included the link to my OP in any of my update posts yet is, I came up with the idea to do that about 30 seconds ago. smile.gif

So yeah, this is the only way that it can be done - even though it's nearly the year 2016. lol I mean good lord, how card can it be to have CSS and JavaScript extensions that periodically check for updates to code that was installed from a URL? Sheesh. It would be easier for everyone: I upload the new code, click save, and I'm done. A day or two later, the extension checks for an update and says, "Hey! There's a new version. Do you want to install it now?" Sigh. lol

Before I get into any of these replies below, you'll notice a recurring statement that I would need a coder to do everything for me (I'm paraphrasing it after proofreading this post). That's because I don't know how to code anything at all, not even "Hello, World". Any changes I make (like edits or adding new lines or code or removal of any lines of code) is only possible because the code is already in front of me. So, I would bet that I'd never get a feature request or a change request that I could handle on my own. :/ Guys, this doesn't mean that you should hold back your request(s)! Let them loose!

With that said, let's go! smile.gif

Quote:
Originally Posted by cookieboyeli View Post

I'd also like to make a suggestion. Shrink the smaller nav bar even more, making margins just 2 pixels from the top and bottom of the avatar, and have that size be the only one, so it doesn't change if you scroll to the top.

I'd need a coder to tell me if it can be done and I'd need them to give me the code. I would then provide it to you in a new reply to this thread (as a separate install) without updating the theme in the OP because this would force the full-sized OCN logo to always be small, and that goes against my vision for this theme.

Quote:
Originally Posted by cookieboyeli View Post

I'd also like it if you extended the search box/bar to take up the unused space to it's right so the inner text is not cut off. Perhaps you can move advanced search as well to help shrink the vertical size. The whole thing is still too big in small mode, and really doesn't need to be expanded AT ALL IMO.

Yeah, I don't use that install option because it's butt-ugly. lol I LOVE what you're suggesting here though because it's what we used to have before OCN dumped their new theme on us. If someone can figure out what the code would be in order to achieve this, then I'd like to have it. We also need a search box that dynamically adjusts with browser width. Your browser width is extremely wide and makes mine look like 4:3 in comparison. When I put the search on the navbar, it takes up most of that empty space between "RIGBUILDER" and the links for Private Messages and Subscriptions.

Quote:
Originally Posted by cookieboyeli View Post

Also, what's the point of it anyway?! You still have to scroll allllll the way up to the top of the page to use the thread interaction buttons! Perhaps some of them can be moved to the navbar.

Thread interaction buttons? Can you show me what you're talking about?

Remember though: you're seeing significantly more unused space on the navbar than I am because of your browser's width. On my end, there isn't enough room for anything extra.

Quote:
Originally Posted by cookieboyeli View Post

The lower forum navigation bar is redundant too... can you cut it out? The newer one is a better design, although it does have that stupid decades old movement issue when you use sub menus...

Can you show me with a screenshot precisely what you're talking about? Are you referring to the breadcrumbs? If so, then those are there for convenience. They are indeed redundant, but they provide a certain convenience, just as the breadcrumbs at the top do. I use them frequently even though we have the navbar.

If it's possible to remove what you're really talking about and if someone can show me the code, then I will gladly make it as a separate install option for you because I can't remove anything that other people might be using. So, it would be provided to you in a new reply only.

Quote:
Originally Posted by cookieboyeli View Post

Here's a picture with some other suggestions/problem areas.


  • Priority levels are subjective. wink.gif
  • Just as with everything else you'd like to remove, the Forum Nav could be in use by MANY people. I don't use it, but I wouldn't want to take it away from anyone who may be using it. If it's possible to remove it, then I can make a separate code install for you if someone can figure it out and give me the code. As with the other custom changes, it would be provided to you in a new reply only.
  • The thing on the same bar as Forum Nav that's to the far right is another redundant thing that's there for the sake of convenience. There are lots of redundant things on websites for the sake of convenience. If someone figures out the code and gives it to me, then I will provide it to you in a new reply only as a separate install.
  • If it's possible to satisfy the request for integrating the thread title, thread tools (or whatever they're called), and the two buttons at the top of the page (Post a Reply and Start a New Thread) into the navbar, then I would only provide it as a separate install in a new reply only. When I look at all that extra space in your screenshot (which is like 10 times as much as I have or more), I can clearly see where you'd want everything to go. A user like me though just doesn't have any extra space. So that's why if there's a way to do this and if someone can figure it out and give me the code, then I'd give it to you in a new reply only as a separate install. However, I doubt that anything could be added to the empty space to the left of the logo and to the right of the profile/avatar button because those two empty spaces get reduced to absolutely nothing at 1240 pixels wide. As you go wider and wider from 1240, both spaces gets bigger and bigger. So, expect it to be impossible to put anything on either the left or right side.
  • If a coder can figure out how to move move the post date and time to the right, then I would provide it as a custom separate install option in a new reply only. I mean, this change would go against my vision for this theme. Besides, that's the Post Header bar; it's for the entire post. That's why the post date and time is all the way to the left.


You have warmed my heart BIG time by already customizing my theme it as much as you could to your liking. That's one of the reasons why I'm providing it. smile.gif I hope that I can satisfy at least one of your requests at the absolute minimum, but I won't be applying any of these changes to the theme itself (but the search improvement will replace the current install for it). However, I might end up including your custom installs in the "miscellaneous" list, if we end up being able to make any. You see, myy original vision for this theme was to give us back what we had before OCN dumped their new theme on us. I quickly fell in love with the sticky navbar, so I decided to take full advantage of it. My new vision is to give us back the OCN we used to know before this big change, but with the new and ultra-useful sticky navbar (or not, as seen in options 3 and 6). That's why this theme has had the following two names.

  • A New Face for Overclock.net: Perhaps The Way It SHOULD Have Been
  • OCN New Classic


The reason for choosing "OCN Classic" is, it sounds better even though it's probably implying that it's undoing ALL of the changes. My problem with the name "OCN New Classic" is, it's a clunky name in comparison even though it's more accurate.

Anyway, to sum it up, my vision for this theme is to simply give us what we've all become accustomed to as much as possible.

Quote:
Originally Posted by cookieboyeli View Post

Also, I'm not really sold on the transparency level. Something just seems... off.
It would be so neat if it were clear transparent and fogged/blurredlike Aero! biggrin.gif A real slap in the face to this new Windows 10 look. wink.gif

Yeah, I would rather have the Aero Glass look too! No matter how I adjust the opacity of the navbar, I just don't like it. I did at first, but that was before I put Private Messages and Subscriptions up there. Up until I did that, I was loving the transparency! It provided a different feel when scrolled down vs. being at the top. I miss that feel because it was useful. However, I grew sick and tired of the way Private Messages and Subscriptions look on the transparent navbar. Making it more opaque didn't help because then it just became too opaque and it made me go, "well at this point, I may as well have a 100% opaque navbar. Heh. Ok fine, 100% it is. Done". lol Today, I can't stand a reduced opacity. I tried to go back to it, but I hate it now (but again, that's because I have Private Messages and Subscriptions up there). To me, I strongly prefer the look of having Private Messages and Subscriptions on a 100% solid background.

So, are you wondering why I chose 74% opaque and not 75? I'm a sucker for the number 11, and 7+4=11. lol I wanted 75% opaque but 7+5 is 12! So, that's the story behind that. smile.gif

Anyway, if someone can find a way to get an Aero Glass effect instead of the Windows 8 and up transparency effect, then I will GLADLY update my them with that!!! HOLY CRAP THAT WOULD BE FANTASTIC! lol


Edit: Using a lighter version of #46566B would just result in increasing the transparency. If you want to adjust the transparency yourself, then all you have to do is change ".74" at the top of the code. If you'd like to experiment with 100% opacity instead of 74%, then change it to just '1'. Here's what you'll see at the very top:
Code:
/* Version 1.3 */

@-moz-document domain("overclock.net") {
.ui-header-fixed {
    background: rgba(70, 86, 107, .74)!important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

".74" is the opacity percentage. Whenever you make a change, click the "Save" button and then switch back to your OCN tab to see the change. You never have to restart your browser. If you ever make a change to any JavaScript code in Greasemonkey/Tampermonkey, then all you have to do is reload the page.
.
Edited by TwoCables - 11/27/15 at 9:06pm
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
X-Fi Titanium HD Klipsch ProMedia 2.1 (with 16 AWG Monster Cable... 
  hide details  
Reply
It's a computer!
(18 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 DriveOptical DriveOptical Drive
250 GB Samsung 840 EVO (OS) 3 TB Toshiba P300 (storage) Samsung SH-S243N 24x DVD Burner Samsung SH-S203N 20X DVD Burner 
CoolingOSMonitorKeyboard
Thermaltake Frio Win 7 Home Premium x64 SP1 Retail AOC G2460PG (24" 1920 x 1080 144Hz G-SYNC) Filco Majestouch 104-key Cherry MX Blues w/NKRO 
PowerCaseMouseMouse Pad
Corsair HX650 (Bronze, ordered on 12-12-2009) CM 690 Intellimouse Optical (1.1A) 1000Hz polling rate Basic, but premium round 
AudioAudio
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