Starcraft II Stylish Theme

ReVolver

ReVolver

Mega Super Ultra Cool Member
Reaction score
610
This is a theme I created for the Starcraft II section of the site, I don't know what the progress for the theme is as of now, but I have tweaked it a bit to make it feel better on your eyes. Let me know if you want anything changed or a suggestion to keep this theme going.

Things Done:
  • Navigation Icons
  • AOL/Yahoo/MSN Icons
  • Reputation Icons
  • New Logo
  • Background Changed
  • GUI
  • JASS
  • Online/Offline Icons

Things Not Done:
  • Overall Forum Color Layout
  • Smilies and Skype Icons

Screenshots:







Suggestions:
[None At The Moment]

Requirements:
  • Mozilla Firefox or Google Chrome Browsers
  • Sylish or GreaseMonkey Plugins

How To Install:
***You Must Have Starcraft II Theme Enabled!***
Stylish: http://userstyles.org/styles/36928?r=1284713740
GreaseMonkey: Use the same link as Stylish or use this code
Code: 
// ==UserScript==
// @name          TheHelper.Net Starcraft II CSS Fix
// @namespace     http://userstyles.org
// @description	  Fixes some CSS that interferes with Starcraft II CSS Design
// @author        ReVolver
// @homepage      http://userstyles.org/styles/36928
// @include       http://thehelper.net/*
// @include       https://thehelper.net/*
// @include       http://*.thehelper.net/*
// @include       https://*.thehelper.net/*
// ==/UserScript==
(function() {
var css = "img[src=\"/forums/images/dot.gif\"]{background: url(\nhttp://imm.io/media/1k/1kDT.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:15px !important;\npadding-top:15px !important;}\n\nimg[src=\"images/misc/im_aim.gif\"]{background: url(\nhttp://imm.io/media/1k/1kHG.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:17px !important;\npadding-top:17px !important;}\n\nimg[src=\"images/misc/im_yahoo.gif\"]{background: url(\nhttp://imm.io/media/1k/1kHQ.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:17px !important;\npadding-top:17px !important;}\n\nimg[src=\"images/misc/im_msn.gif\"]{background: url(\nhttp://imgur.com/r872t.gif) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:17px !important;\npadding-top:17px !important;}\n\nimg[src=\"images/reputation/reputation_highpos.gif\"]{background: url(http://imgur.com/gHdh7.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_pos.gif\"]{background: url(http://imgur.com/30elQ.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_neg.gif\"]{background: url(http://imgur.com/ZydUQ.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\n\nimg[src=\"images/reputation/reputation_highneg.gif\"]{background: url(http://imgur.com/m3qnc.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_balance.gif\"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_off.gif\"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/statusicon/user_online.gif\"]{background: url(http://imm.io/media/1k/1kE8.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:15px !important;\npadding-top:15px !important;}\n\nimg[src=\"images/statusicon/user_offline.gif\"]{background: url(http://imm.io/media/1k/1kE0.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:15px !important;\npadding-top:15px !important;}\n\n\n\nbody{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;\nbackground-attachment: fixed !important;}\n\n\n\nimg[src=\"images/headermainsc2.png\"]{background: url(http://imm.io/media/1k/1kHn.png) no-repeat !important;\nheight: 0 !important;\nwidth: 0 !important;\nmargin-left: 0 !important;\npadding-left: 335px !important;\npadding-top: 134px !important;}\n\n\n\n.keyword {color:#FFFFFF !important;}\n\n.jass, .alt2Active { background: none repeat scroll 0 0 #000D20 !important;}\n\n.native {color:#FFAAFF !important;}\n\n.string {color:#AAFF00 !important;}\n\n.number {color:#AAAAFF !important;}\n\n.ascii {color:#7EB6DA !important;}\n\n\n\n.wc3trigger, .lastopen, .lasttree{background-color:#000D20 !important;}";
if (typeof GM_addStyle != "undefined") {
	GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
	PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
	addStyle(css);
} else {
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		var node = document.createElement("style");
		node.type = "text/css";
		node.appendChild(document.createTextNode(css));
		heads[0].appendChild(node); 
	}
}
})();

Source Code:
Code: 
@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("thehelper.net") {

/*====================Icons====================*/

img[src="/forums/images/dot.gif"]{background: url(
http://imm.io/media/1k/1kDT.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:15px !important;
padding-top:15px !important;}

img[src="images/misc/im_aim.gif"]{background: url(
http://imm.io/media/1k/1kHG.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:17px !important;
padding-top:17px !important;}

img[src="images/misc/im_yahoo.gif"]{background: url(
http://imm.io/media/1k/1kHQ.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:17px !important;
padding-top:17px !important;}

img[src="images/misc/im_msn.gif"]{background: url(
http://imgur.com/r872t.gif) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:17px !important;
padding-top:17px !important;}

img[src="images/reputation/reputation_highpos.gif"]{background: url(http://imgur.com/gHdh7.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_pos.gif"]{background: url(http://imgur.com/30elQ.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_neg.gif"]{background: url(http://imgur.com/ZydUQ.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}


img[src="images/reputation/reputation_highneg.gif"]{background: url(http://imgur.com/m3qnc.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_balance.gif"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_off.gif"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/statusicon/user_online.gif"]{background: url(http://imm.io/media/1k/1kE8.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:15px !important;
padding-top:15px !important;}

img[src="images/statusicon/user_offline.gif"]{background: url(http://imm.io/media/1k/1kE0.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:15px !important;
padding-top:15px !important;}

/*====================Background====================*/

body{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;
background-attachment: fixed !important;}

/*====================Logo====================*/

img[src="images/headermainsc2.png"]{background: url(http://imm.io/media/1k/1kHn.png) no-repeat !important;
height: 0 !important;
width: 0 !important;
margin-left: 0 !important;
padding-left: 335px !important;
padding-top: 134px !important;}

/*====================Jass Tags====================*/

.keyword {color:#FFFFFF !important;}

.jass, .alt2Active { background: none repeat scroll 0 0 #000D20 !important;}

.native {color:#FFAAFF !important;}

.string {color:#AAFF00 !important;}

.number {color:#AAAAFF !important;}

.ascii {color:#7EB6DA !important;}

/*GUI Tags*/

.wc3trigger, .lastopen, .lasttree{background-color:#000D20 !important;}

/*====================End====================*/

}

Note: That you must disable this theme if you are going to use another theme like Default and Unreal
 
Omg kewl, I'm in the screenshots hahaha.

Anyway, concerning the theme, yes it is much easier on the eyes :D
 
I see nothing different other than the IM icons and the missing background. I like the background, it looks way too plain and unstarcrafty without.

Also the banner is awkward.

That little SC2 logo is way too overused. :p
 
sqrage said:
I see nothing different other than the IM icons and the missing background. I like the background, it looks way too plain and unstarcrafty without.

Also the banner is awkward.

That little SC2 logo is way too overused. :p
Click to expand...

Well I did change the GUI and JASS tags to fit the theme :eek:

You can always comment out the background and use the default

Code: 
change

body{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;
background-attachment: fixed !important;}

to

/*(body{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;
background-attachment: fixed !important;}*/

I couldn't think of another logo to replace the current one we had. I also need suggestions for the smilies and other small things (like the small SC2 icon I overused).
 
Oninuva said:
Well the Google Ads are still white background lol
Click to expand...

I don't think I can control that using the @thehelper.net domain because it's @google.com domain instead.

anything else?
 
You must log in or register to reply here.
General chit-chat
Help Users
  • No one is chatting at the moment.
  • The Helper The Helper:
    Cool Chicken Pasta recipe - Rattlesnake Pasta https://www.thehelper.net/threads/recipe-rattlesnake-pasta.194694/
  • The Helper The Helper:
    News portal has been retired. Main page of site goes to Headline News forum now
  • The Helper The Helper:
    Added the visually stunning Galaxy Cocktail https://www.thehelper.net/threads/cocktail-galaxy-cocktail.194703/
  • The Helper The Helper:
    I am working on getting access to the old news portal under a different URL for those that would rather use that for news before we get a different news view.
  • Ghan Ghan:
    Easily done
     +1
  • The Helper The Helper:
    https://www.thehelper.net/pages/news/ is a link to the old news portal - i will integrate it into the interface somewhere when i figure it out
  • Ghan Ghan:
    Need to try something
  • Ghan Ghan:
    Hopefully this won't cause problems.
  • Ghan Ghan:
    Hmm
  • Ghan Ghan:
    I have converted the Headline News forum to an Article type forum. It will now show the top 20 threads with more detail of each thread.
  • Ghan Ghan:
    See how we like that.
  • The Helper The Helper:
    I do not see a way to go past the 1st page of posts on the forum though
  • The Helper The Helper:
    It is OK though for the main page to open up on the forum in the view it was before. As long as the portal has its own URL so it can be viewed that way I do want to try it as a regular forum view for a while
  • Ghan Ghan:
    Yeah I'm not sure what the deal is with the pagination.
  • Ghan Ghan:
    It SHOULD be there so I think it might just be an artifact of having an older style.
  • Ghan Ghan:
    I switched it to a "Standard" article forum. This will show the thread list like normal, but the threads themselves will have the first post set up above the rest of the "comments"
  • The Helper The Helper:
    I don't really get that article forum but I think it is because I have never really seen it used on a multi post thread
  • Ghan Ghan:
    RpNation makes more use of it right now as an example: https://www.rpnation.com/news/
  • The Helper The Helper:
    Ok
  • The Helper The Helper:
    www.thehelper.net

    Latest News

    The Helper News Feed
    www.thehelper.net www.thehelper.net
  • The Helper The Helper:
    What do you think Tom?
  • tom_mai78101 tom_mai78101:
    I will have to get used to this.
  • tom_mai78101 tom_mai78101:
    The latest news feed looks good
  • The Helper The Helper:
    I would like to see it again like Ghan had it the first time with pagination though - without the pagination that view will not work but with pagination it just might...
  • The Helper The Helper:
    This drink recipe I have had more than a few times back in the day! Mind Eraser https://www.thehelper.net/threads/cocktail-mind-eraser.194720/

      The Helper Discord

      Staff online

      Members online

      Online now:
      140 (members: 3, guests: 137)

      Share this page

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top