Custom Boards Skin - Rune Wars Renekton

Sir ArmaMalum·10/8/2014, 7:06:06 PM·7 votes·4,204 views

Hey all, thought I'd try my hand at a Board skin as well. This is actually my first time working with CSS and awhile since I've coded in general, so would really like feedback and/or tips for any ones I may do in the future (it was pretty fun messing around with this).

Source code by Icedteaisgood. To put it in perspective Iced did 95% of the work and I muddled around with the other 5%.

Download Stylish if you haven't already then the aforementioned Boards Skin here

You can also grab other themes, like a Worlds Theme and a Blood Moon Akali Theme

Preview: http://i.imgur.com/RQPWf1z.jpg

Added to base code: Various tiny positioning tweaks OP comment marker

I'm learning as I go so I may add more on as I figure out how to work CSS.

19 Comments

Sir Frosthaven10/8/2014, 7:55:28 PM6 votes

I'm really loving what the community is creating. Great work Sir!

Icedteaisgood10/8/2014, 9:48:37 PM3 votes

Awesome! Glad to see more of these!

Hey all, thought I'd try my hand at a Board skin as well. This is actually my first time working with CSS and awhile since I've coded in general, so would really like feedback and/or tips for any ones I may do in the future (it was pretty fun messing around with this).

Learn these. Probably the hardest and most important part (of making custom styles) is just making sure you have the right element selected... and making sure it doesn't conflict across the 100 various different pages. You have to select the exact element you want, while excluding all the others.

For instance, body div p {border:red;} might give you a red border around paragraphs on this page, just like you wanted, but then it might go and completely mess things up on the redtracker page or the post history page or something. You have to specifically select the exact element you want while excluding all the ones you don't. Styling it from there is pretty easy.

By the way, I learned CSS the exact same way, except it was styling the IGN Boards back in 2002 or something. I actually think it's a pretty decent way to learn. Just focus on properly selecting and styling one element at a time, and your knowledge will grow.

FOODFOOD10/8/2014, 8:10:14 PM1 votes

Nice jorb! Can someone create a simple skin? I want one that just makes things easier to read... like, light grey background, dark letters, etc. Wish I knew how to do it, else I'd make one myself!

Anyways, nice job! Looks really really cool!

Duke Dryfocker10/8/2014, 8:11:24 PM1 votes

How about addressing the plague called IP Farming Bots before it drives away all of your customers? Those of you who haven't seen a Bot in-game yet will. Trust me you will. And trolling my statement like your about to will feel like denying the world is round after you watch two bots on your team feed the enemy to victory.

FOODFOOD10/8/2014, 9:04:58 PM1 votes

Just tried out that "at night" one... not a huge fan, but it's a step in the right direction. I didn't like the hover-over effect, it was really laggy.

Azshreb10/9/2014, 5:06:07 AM1 votes

Great work! I found this is be the most readable skin yet (out of the ones that aren't just a solid color) and the OP comment tracker is a great addition. I hope you don't mind if I use it with my own skin(s).

Also I think it would be neat to have a Mega Thread for people to share their various skins/themes, code tweaks, and icons (for example I'm thinking of making a skull/pumpkin out of the Riot Fist for Halloween). But I don't think that I'm the best suited to make the thread considering I didn't write the code, and I'm not even sure if a non-Rioter is technically allowed to make a Mega Thread.

MrBuffington10/8/2014, 7:40:23 PM1 votes

sweeeeet :D maybe I should try something out XD (I have basically no programming experience)

Isthia10/15/2014, 4:02:57 AM1 votes

dg\vsajghsd. The stupid userstyles site won't let me submit mine. AND THIS IS WHY I ONLY USE PASTEBIN FRIENDS

Fires of Justice10/8/2014, 8:07:54 PM1 votes

Just installed Stylish and this skin. THIS IS SO AWESOME WOW!!!!!!!!! Could possibly have one for Thunderlord Volibear and a Kayle? Have all of my upvotes, beautiful stuff!