Overclock.net banner

61 - 80 of 90 Posts

·
Premium Member
Joined
·
2,320 Posts
Now that I am done with butting the finishing touches on how I wanted my OCN to look, I decided to submit mine here into this thread for everyone to take a gander at and let me know what they think and if they like it. this was made specifically with chrome so anything not working in Firefox or Opera I will not know how to fix, please research CSS integration for the other browsers you use. I am by all means NOT taking requests or making any special designs. This will purely be updated by me for my own interest but anyone is welcomes to use it. The OP can move this to the main post so that everyone else can see it.
thumb.gif


Quote:
This blocks the Sidebar where your PM's/Folding Stats and other useless stuff normally shows up.
If using adblock, "Add your own filter" for OCN with the following:

Chrome
!www.overclock.net##DIV[id="sidebar[/URL]"]

Firefox
overclock.net###sidebar


Next I have the following options checked in my profile:
✓ Remove Homepage Carousel
✓ Remove Nested Quotes in Replies
✓ Constrain Threads to Constant Width
✓ Compact Thread List Page
✓ Hide right column in forum threads

For the few who have an overclocked account
✓ Turn off Advertising

Screenshot 1
[URL=http://www.overclock.net/content/type/61/id/971702/width/600/height/329/flags/]329
Screenshot 2
329
Code:

Code:
html, body {
  background-image: url('http: //dl.dropbox.com/u/445558/overclock.net/Forum%20Ideas/ocn_modified_background.png');
  background-repeat: repeat-x !important;
  background-attachment: fixed !important;
  background-position: left center !important;
  padding: 0 0 !important;
}
td.last-post-col, table.forum-list-tbl th, .bg2,.last-post-thread-col{
  background: #ccd3dd !important;
}
td.btn-grp-right {
  background: #748BA5 !important;
  border-top: 1px solid #748BA5 !important;
  border-left: 1px solid #748BA5 !important;
  border-right: 1px solid #748BA5 !important;
  border-bottom: 1px solid #748BA5 !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
td.btn-grp-right a{
  color: #f5f5f5 !important;
  font-size: 16px !important;
  font-family: Verdana, Kartika !important;
  font-weight: bold !important;
  font-smooth: always !important;
}
div.fj-control-bar.shazam{
  display: none !important;
}
.tooltip.smminus.H-toggleHideCollapse.io.ibtn.btn, .tooltip.H-toggleHideCollapse.io.ibtn.btn.smplus {
  margin-top: 1px !important;
}
.addsubscribe.ilink, .rss.itext.ilink {
  margin-top: 4px !important;
}
header a.logo {
  height: 60px !important;
  margin-bottom: 0 !important;
  margin-left: 20px !important;
  margin-right: 0 !important;
  margin-top: 20px !important;
}
header .ad {
  min-height: 0px !important;
}
td.icon-col, th.icon-col
{
  background: #ccd3dd !important;
  min-width: 25px !important;
  max-width: 25px !important;
}
.forum-col, .last-post-col, .narrow-col, .narrow-col-posts, td.icon-col, th.icon-col, .thread-col, .last-post-thread-col, .thread-col.compact, .last-post-thread-col.compact
{
  border-color: #999 !important;
}
th
{
  border-color: #999 !important;
  border-right-width: 1px !important;
}
table.forum-list-tbl th{
  background: #4d5c71 !important;
  color: #f5f5f5 !important;
}
table.forum-list-tbl th a{
  background: #4d5c71 !important;
  color: #f5f5f5 !important;
}
.tag-results .thread-list li,.selected, .selected .post-content-area, .selected .post-info-stat-cont, .selected .post-sig, .selected .H-toggle-title {
  background-color: #9dc2f2 !important;
}
.staticstream .three-column {
  padding-bottom: 0px !important;
  width: 33.2% !important;
}
.staticstream .column_1, .staticstream .column_2, .staticstream .column_3 {
  padding: 0px 0 5px !important;
}
.staticstream .two-column div.row, .staticstream .three-column div.row {
  border-bottom: 0px solid #000000 !important;
  height: 12px !important;
  margin: 0 5px 0 0 !important;
  overflow: hidden !important;
  padding: 4px 0 4px 5px !important;
  text-overflow: ellipsis !important;
  vertical-align: top !important;
  white-space: nowrap !important;
  z-index: 100 !important;
}
.staticstream .three-column div.row {
  max-width: 375px !important;
  min-width: 250px !important;
}
table.forum-list-tbl th, table.forum-list-tbl td {
  border-bottom: 1px solid #EDEDF2 !important;
  border-left: 1px solid #EBEBEB !important;
  padding: 0px 3px 0px 6px !important;
}
.forum-nav-control {
  font-size: 11px !important;
  margin-bottom: 0px !important;
  margin-left: 15px !important;
}
.forum-h1 {
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.home .forum-h1, #main #whosonline h3 {
  background: none repeat scroll 0 0 #4D5C71 !important;
  border-top: 5px solid #D5D5D5 !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: bold !important;
  line-height: 18px !important;
  margin-bottom: 0px !important;
  padding: 5px 0 5px 10px !important;
  text-transform: uppercase !important;
}
#header-area {
  margin-top: -20px !important;
  margin-bottom: 0px !important;
  min-height: 80px !important;
}
#search-area {
  padding-bottom: 1px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 1px !important;
}
#content-wrapper {
  padding-bottom: 1px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 1px !important;
}
#bc,.signature .widget .description,.post-sig,div.left-post-container ul.post-user-stats li span.unique-points, .related-row,.single-post .edited-by,div.postsby-container div.thread-hier-top li, div.postsby-container ul.thread-hier li,.forum-num-viewing, table.forum-list-tbl tbody tr td .forum-list-main-txt, table.forum-list-tbl tbody tr td .forum-list-sub-txt {
  color: #4d4b49!important;
}
#whosonline .user-nums {
  color: #5E5E5E !important;
  font-size: 10px !important;
}#main #whosonline .user-nums {
  padding: 0 0 0px 0px !important;
}
#main #whosonline #online-cloud {
  padding: 0 0 0px 10px !important;
}
#whosonline #online-cloud {
  line-height: 16px !important;
  margin-left: -6px !important;
  padding: px 0 0px !important;
}
#whosonline #online-cloud a {
  margin-left: 6px !important;
}
#whosonline .btm-info {
  border-top: 0px solid #B9B9B9 !important;
  color: #6A6A6A !important;
  font-size: 11px !important;
  padding-top: 0px !important;
  text-align: right !important;
}
#main #whosonline .btm-info {
  margin-bottom: 0px !important;
  padding: 0 0 0px 10px !important;
}
#bc {
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  padding-bottom: 5px !important;
}

Direct .css download(Right Click 'Save link as...')
http://dl.dropbox.com/u/445558/overclock.net/Forum%20Ideas/Blade_OCN_Theme.css
 

·
Premium Member
Joined
·
11,939 Posts

·
Registered
Joined
·
331 Posts
I have made a theme too. It is Black, at least before you get into viewing a thread, but those colors were dark enough for me so I am too lazy to care.
Most of my is pulled from the others and then modified so I can't take full credit.
Again this is a work-in-progress, but I am not a CSS coder so I don't really plan to tackle it more, I am happy enough with what I got.

What it looks like.

Now first we will follow Blade's steps, I added one small thing to hide the carousel by default so that even if you log out it wont show it.

Quote:


Next I have the following options checked in my profile:
✓ Remove Homepage Carousel
✓ Remove Nested Quotes in Replies
✓ Constrain Threads to Constant Width
✓ Compact Thread List Page
✓ Hide right column in forum threads
For the few who have an overclocked account
✓ Turn off Advertising

Then we copy and paste this into the editor, notice I have the moz-doc portion, I don't know what it would be for chrome, obviously correct that however it needs to be done.
Code:

Code:
@-moz-document domain('overclock.net'){
td.last-post-col, table.forum-list-tbl th, .bg2,.last-post-thread-col, .smminus, .smplus {
    background: #AAAAAA !important;
}

td.btn-grp-right {
    background: #222222 !important;
border-top: 2px solid #555555 !important;
border-left: 2px solid #555555 !important;
border-right: 2px solid #555555 !important;
border-bottom: 2px solid #555555 !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}

td.btn-grp-right a{
    color: #DDDDDD !important;
font-size: 14px !important;
font-weight: bold !important;
}

div.fj-control-bar.shazam{
display: none !important;
}

.tooltip.smminus.H-toggleHideCollapse.io.ibtn.btn, .tooltip.H-toggleHideCollapse.io.ibtn.btn.smplus {
margin-top: 1px !important;
}

.addsubscribe.ilink, .rss.itext.ilink {
margin-top: 4px !important;
}

a.header-logo {
margin-top: 44px !important;
}
#header-area {
margin-top: -33px !important;
}

td.icon-col, th.icon-col
{
    background: #444444 !important;
  min-width: 15px !important;
  max-width: 15px !important;
}

.forum-col, .last-post-col, .narrow-col, .narrow-col-posts, td.icon-col, th.icon-col, .thread-col, .last-post-thread-col, .thread-col.compact, .last-post-thread-col.compact
{
    border-color: #777 !important;
}

th
{
    border-color: #777 !important;
border-right-width: 1px !important;
}

table.forum-list-tbl th{
    background: #444444 !important;
    color: #f5f5f5 !important;
}

table.forum-list-tbl th a{
    background: #444444 !important;
    color: #f5f5f5 !important;
}

.tag-results .thread-list li,.selected, .selected .post-content-area, .selected .post-info-stat-cont, .selected .post-sig, .selected .H-toggle-title {
    background-color: #2222222!important!;
}

#bc,.signature .widget .description,.post-sig,div.left-post-container ul.post-user-stats li span.unique-points, .related-row,.single-post .edited-by,div.postsby-container div.thread-hier-top li, div.postsby-container ul.thread-hier li,.forum-num-viewing, table.forum-list-tbl tbody tr td .forum-list-main-txt, table.forum-list-tbl tbody tr td .forum-list-sub-txt {
    color: #4d4b49!important;
}

}

I know the [-] is gone for the expand and collapse on the right, again it was good enough for me.
 

·
Premium Member
Joined
·
2,320 Posts
Quote:
Originally Posted by copper View Post

omg I got titties stuck on my background now..... how do I get this off?
405
 

·
Registered
Joined
·
114 Posts
Can I post photo evidence? LOL........ I j/k I j/k but I do like this recoding idea. I need to mess around with it.
 

·
Premium Member
Joined
·
11,939 Posts
Quote:
Originally Posted by Sin100 View Post

I tried them all and none of the worked
frown.gif
. I really like Coffee's code!
What browser. And what did you mean by not working? Mine still works (at least on Firefox) as I still use it on a daily basis.
 

·
Premium Member
Joined
·
9,525 Posts
Quote:
Originally Posted by coffeejunky View Post

Quote:
Originally Posted by Sin100 View Post

I tried them all and none of the worked
frown.gif
. I really like Coffee's code!
What browser. And what did you mean by not working? Mine still works (at least on Firefox) as I still use it on a daily basis.
Stylish has to be enabled, and then set to be turned on, and then also have the script enabled.

I'm using one right now. But when I first started work on my script, I was stumped for a bit about why I wasn't seeing any changes.
tongue.gif
 

·
Premium Member
Joined
·
10,193 Posts
I have it enabled, I am not sure what is wrong then
frown.gif
. Here is a screen shot to show that it is indeed enabled (site wise and add on wise):

styles11111111111111111.png
 

·
Premium Member
Joined
·
9,525 Posts
When you click on the icon in the top right, what options are available?

I had to enable the script, the addon, and then also "Turn it on". It was quite confusing the first time I tried to get it to work.
 

·
Premium Member
Joined
·
10,193 Posts
I just don't understand it, I have everything enabled however when I click on the icon it displays the text "No styles installed for this site.". =\

I double checked the code and everything is good on that end. As you can see in the screen shots everything is enables, is there some hidden feature I am missing? I am using Chrome 16.0.912.75 m (latest version).
 

·
Premium Member
Joined
·
11,939 Posts
Sin, change 'URL' in the dropdown box to 'URLs on this domain', that should fix it. You may also try deleting -

Code:

Code:
@-moz-document domain('overclock.net'){
and the } at the very end of the code.
 

·
Premium Member
Joined
·
10,193 Posts
Quote:
Originally Posted by coffeejunky View Post

Sin, change 'URL' in the dropdown box to 'URLs on this domain', that should fix it. You may also try deleting -

Code:

Code:
@-moz-document domain('overclock.net'){
and the } at the very end of the code.
Yay! The domain URL worked. Thanks man!
thumb.gif
 
61 - 80 of 90 Posts
Top