r/titleproblems • u/titleproblems • Feb 25 '19

My contributions to reddit - Themes, widgets and subreddit designs

8 Upvotes

Intro

All legacy reddit themes are written in CSS by me. I decided to link some of the older ones even though I know they aren't great. Fun to look back on sometimes!

I haven't done much on the reddit redesign, but I hope to get more into that when they eventually add back CSS support.

/r/StarWars

Legacy Reddit: old /r/StarWars - [screenshot] - [nightmode]

This subreddit has gone through several iterations:

Banners:

I've designed a few banners for this subreddit.

Variations used across multiple Star Wars subreddits:

/r/StarWarsTelevision

Legacy Reddit: old /r/StarWarsTelevision - [screenshot]

/r/FallenOrder

Legacy Reddit: old /r/FallenOrder - [screenshot]
This subreddit is using the theme temporarily while they wait for the game's reveal and a better look at its design language. It has since been updated with new game assets by the moderators.

more subreddits to follow soon

/r/NeedforSpeed

Legacy Reddit: old /r/NeedforSpeed - [screenshot]
New Reddit: new /r/NeedforSpeed - [screenshot]

This subreddit has gone through a few iterations:

Reddicord (Theme)

/r/Reddicord is a site-wide reddit theme made for Reddit Premium users. It's a dark theme using Discord's color scheme (hence the name).

It can be applied in the Premium options at the bottom of your preferences page. Click "use theme from /r/" and enter reddicord

The plan is to release a for-subreddit variation soon.

/r/titleproblems is using this theme

Other

Sidebar Widgets

Themes

These are all pretty old and none of these are great. I don't recommend putting any of them on your subreddit.

  • /r/Simplit - A simple theme. Probably my most widely used theme and the only one here I'd consider "ok" - 2014
  • /r/KeepItSimple - This one is pretty messy - 2013
  • /r/COST - One of the first themes I made, has a couple color variations - 2013
  • /r/titleproblemsYT - an old youtube layout copy for reddit - 2013
  • /r/Imgur_Theme - an old imgur layout copy for reddit - 2013

They were very helpful to me in learning CSS at the time, though!

4 comments

r/titleproblems • u/titleproblems • Jun 28 '13

[theme] Keep It Simple - Subreddit Theme

6 Upvotes

My simplest subreddit theme this far. I love it!

Download can be found on /r/KeepItSimple

Just copy the RAW Paste Data at the bottom, and paste it in your subreddit's stylesheet.

0 comments

r/titleproblems • u/titleproblems • Jun 18 '13

[template] Imgur Template

3 Upvotes

One of my favorite templates I have done so far.
Will do some minor fixed to it soon, possibly releasing it as well! But for now, it'll not be open for everyone to use. Pending reply from /r/imgur :)

/r/Imgur_Theme/

10 comments

r/titleproblems • u/titleproblems • Jun 10 '13

[subreddit] /r/juggling

6 Upvotes

And bam! /r/juggling finally got the style up and running :)

Check it out! /r/juggling !

1 comments

r/titleproblems • u/titleproblems • Jun 01 '13

[theme] COST: Clean - Organized - Simplistic - Theme

8 Upvotes

Please note that this subreddit is NOT using any of the COST themes!
COST theme originally made for /r/juggling

Leave a comment if you use the theme, I'd love to know!

**Please check out my newer theme, Keep It Simple, its way better. Message me and I will happily customize it for your needs!

COST

Clean - Organized - Simplistic - Theme

Name Preview Stylesheet Image preview
COST_blue /r/COST_blue http://pastebin.com/zeDU28JL http://i.imgur.com/LkSGecc.png
COST_orange /r/COST_orange http://pastebin.com/f64wKk5j http://i.imgur.com/OsFZnz5.png
COST_green /r/COST_green http://pastebin.com/pdBptt20 -

Github alternate link https://github.com/titleproblems/COST

How to download (following these steps are important) :

  • Go to the patebin link for your prefered color
  • Scroll down and copy the "RAW Paste Data"
  • Go to the subreddit settings, scroll down and click "edit the stylesheet". (located under "look and feel")
  • Paste CSS

Now you have the theme in place. There is still a few steps you have to follow:

  • Go to subreddit settings, and add this in the sidebar:

######This is the top-bar. You can edit it to say whatever you want. Do not remove.

  • Now add this in the bottom of the sidebar (IMPORTANT: HAS TO BE ON THE BOTTOM):

    > 1. Browse by flair ▾
    > 2. [Flair1](link-here)
    > 3. [Flair2](link-here)

Add as many of those as you want flairs.
To get the links you are going to add, go to your subreddit, and search "flair:word", where "word" is the flair. Copy url and paste in instead of "link-here". Do this for all the flairs you want.

Now to adding the flairs:

  • Go to "edit flair"
  • Change link flair position from "none" to "left" or "right". Save options. I prefer left.
  • Click "link flair templates"
  • Add flairs like this: http://i.imgur.com/YLlEzkq.png (Make sure the css class says "flair"!)
  • Add as many as you want. And save them.

And you are done! Make sure to message me if you're using one of the themes so I can add the subreddit in the list below!

Subreddits using these themes:

COST_blue:
/r/COST_blue
/r/juggling
/r/AskReligion
/r/IdiotsFightingThings/
/r/accidentallyawesome
/r/thesavedones
/r/Training
/r/CrappyIdeas
/r/YGOFeedback
/r/4hourbodyslowcarb
/r/3dsFCswap

COST_orange:
/r/COST_orange
/r/playmygame

COST_green:
/r/COST_green
/r/btcraffle/
/r/AskProgramming
/r/GunViolence
/r/rebirthwow
/r/environment
/r/SoraNoOtoshimono
/r/eliomotors

19 comments

r/titleproblems • u/titleproblems • Jun 01 '13

[template] YouTube Subreddit Template

3 Upvotes

Hey hey hey!
I made a template to make Subreddits look like YouTube. Could be cool for subreddits heavily involving YouTube.

The biggest reason I made it was for fun, and it was a great learning experience! :D

http://www.reddit.com/r/titleproblemsYT

Subreddits using this template:

0 comments