/r/CSSstyle

Photograph via snooOG

The purpose of CSS style is to share unique pages of any style so that you can get ideas for new designs, codes or page ideas.

  • The purpose of CSS style is to share unique pages of any style so that you can get ideas for new designs, codes or page ideas.

  • All pages are accepted here from easy on the eyes to bizarre looking reddit pages. We all have our own styles of creativity. Share anyones page on here you like, especially your own personal favorites.

CSSstyle Wiki Pages WIP

Posting on pages: Title bar should simply have 'SubsName by designersID' if found. If the designer is not listed simply write by unknown.

Don't forget to post the link to your page in the comments with a description; history, design, short codes, funny or favorite posts, anything you are comfortable talking about.

If you have any questions or would like to request a CSS tutorial please message us here.

Do you have an Art sub to promote? Post it at /r/ArtReddits & get listed in our Wiki so people can find you easily!

Website Help Links

  • Psychological Property of Colors - This link may be helpful in choosing a color theme for your page design.

  • Color Explorer - Upload your page header & you can choose up to 50 matching color choices. On the 'Color Analysis Refinement' you can choose from Rough to Ultra Fine color selections.

  • HTML Color Mixer - After I've used Color Explore I often go to this page to tweak a few colors lighter, by simply using white as my bottom color option.

Helpful Links on Reddit

Bot Section

  • /r/AutoWikiBot - If there's a bot on reddit, it's on this page. Many are private though too, I know there's one called Precious only on a friends page.
  • /r/BotWatchman - who is page - My favorite bot run by /u/radd_it - I add BW to all of my pages and looked at the blocked list on one of them and it went through all the posts in nearly a year and removed and blocked all those uninvited bots

  • /r/AutoModerator - Probably one of the most commonly used bots because it is very helpful. It did flag a few of my posts for unknown reasons but I still think it's great

CSS design by svarafly

/r/CSSstyle

88 Subscribers

1

/r/win9x by alexanderdecrypter

/r/win9x by alexanderdecrypter


I spent quite a while making this Windows 9X/2000 theme and I'd like to see your opinions.

Instead of the webpage itself being Windows 9X/2000, I took the approach of the page being a window from said OS.

I hope you all enjoy!

0 Comments
2018/07/10
17:15 UTC

1

If you are a CSS badass, come flex on my subreddit, /r/portlandpets

In need of some improvement.

/r/portlandpets

or send me a message.

0 Comments
2016/03/02
11:49 UTC

1

Introducing Aeolus v0.0.1.3 with advanced customisation, full wiki styling and RES support!

Check out /r/Aeolus!

If you're new to Aeolus, read this.

0 Comments
2014/12/26
12:48 UTC

24

/r/hockey by unknown

/r/hockey


/r/hockey is a very heavily styled sub giving viewers a lot to look at. From the get go, you're presented with a really clean design that neatly incorporates pictures of hockey players.
The big bar at the top is actually a drop down menu that neatly redirects the viewer to other hockey reddits. Its always nice to see bigger reddits support smaller reddits of similar interest like this.
The bracket and stanley cup under the bar is also a roll over image showing a bracket of games leading to the finals (btw, way to go Kings).
Checking out the sidebar they also have a really neat chart for redirecting to team subreddits.

The reddit is seems compatible with RES. The arrows of #RESShortcutsSort were not properly styled. It also seems like RES Night Mode was overlooked with the quality of appearance dropping.

Overall /r/hockey is is a very functional and good looking reddit.

0 Comments
2014/06/11
19:37 UTC

3

What do you think of this sidebar setup?

/r/massachusetts

I went for a simple look that works well on touchscreens and in nightmode. Where is the room for improvement? I want to keep it as technically simple as possible.

2 Comments
2014/06/05
14:55 UTC

11

/r/Diablo by unknown

/r/Diablo


This reddit decided to go all out with their design, and the results are stunning. The Diablo series capitalizes on the epic dungeons and crypts that heros must fight through and is filled with decor to match. This theme follows suit by employing stone and metal everywhere, and keeping the entire palette dark with plenty of red.
The page also has a light theme for those who would prefer it. It is much more minimalistic, lacking all the embellishments of the default but still gives the eye something to look at.

In my experience finding good dark themes can be difficult so seeing /r/Diablo is a really nice step away from the norm.

4 Comments
2014/05/30
03:51 UTC

2

/r/SFWTrees by unknown

/r/sfwtrees


Tree hugger here, I just think they're one of natures prettiest creations. The page is warm & inviting with of course a tree filled green header & if you look really close you'll see snoo peeking out behind it. Very informative sidebar as well with information for Nature related charities.

3 Comments
2014/05/26
08:34 UTC

1

/r/RedPandas by wabble

/r/redpandas


Beautiful CSS work done here over & under the /r/mindashq stylesheet. The top has a lightened image of red pandas hanging out in trees with a cute cartoon like red panda logo. Even the snoo is a cute little red panda. There's a soft brown border and a brown bar background behind the minddashq theme. Very natural & nature feeling page for animal lovers!

0 Comments
2014/05/26
07:48 UTC

5

/r/Artistoftheday by Mauricio Romano

/r/Artistoftheday


Artist of the day is part of the imaginary network & has a beautiful header done by a deviant artist with a lovely font & Northern Lights sky background. What's unique about this sub is it features artists pages off of reddit of all styles from realistic to unusual. Cool idea for a sub!

7 Comments
2014/05/22
23:22 UTC

1

/r/Svara (medieval) by svarafly

/r/Svara


Reposting this because the subs theme has changed. It's all Dark Ages; Medieval & Renaissance now (some current posts that resemble the era too). It used to include anything fantasy as well, & the sub was just getting strange.

The history of the sub was just supposed to be my practice sub for learning new CSS. The name Svara was found on a dragon name site long ago & it just stuck with me. I have recently learned that Svara is girls name in India & means 'Goddess of sound.'
Since the change I have really enjoyed looking for content more to share with members.

I also have a link on the sidebar for a search to google with the words 'dark ages, medieval, & renaissance' hopefully coaxing & helping members to find & share content they enjoy from this era.

I redid the header in a collage of castles, tired one night, intending on adding the wording the next day & and uploaded it over the old image. That was about four days ago. I've since decided that for now I like it with only the image & no title. First sub out of probably 30 I've done that has no title on the header.

Membership is slowly rising again. I know it probably seems strange to have a Dark Ages sub called Svara, but the name has always been dear to my heart & stuck with me.
Please feel free to ask any questions if you have them.

0 Comments
2014/05/18
17:02 UTC

1

Setting up Flairs

These color flairs are pastel & can be seen on /r/3Dchalk & /r/Pinc. The darker set is on /r/Rainbow if you want the code to those.

/* FLAIRS */

.flair-purple { background-color: #d4c1ff; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-blue { background-color: #94e2ff; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-green { background-color: #c7ffc7; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-yellow { background-color: #fffaba; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-orange { background-color: #ffd796; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-red { background-color: #ffaeac; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-pink { background-color: #f3beff; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-periwinkle { background-color: #a7b5ff; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-white { background-color: #ffffff; font-weight: bold; color: #000; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }

.flair-black { background-color: #000; font-weight: bold; color: #FFF; font-size: 12px; border: 1px solid #000;  padding: 1px 3px; border-radius:5px;  }
2 Comments
2014/05/15
23:45 UTC

2

/r/ArtBattle by unknown

/r/ArtBattle


Really cute snoo in the upper corner layered with what looks like a blue butterfly, crest & snoo. What's really unique about this page are the alternating post colors in red, green & blue. Looks like the subs been quiet for a few months though.

0 Comments
2014/05/14
06:18 UTC

2

New cool code: Fancy Fonts

/* FANCY FONTS */

.author {font-family: Baskerville,
"Baskerville Old Face", "Hoefler     
Text", Garamond, "Times New Roman",     
serif; font-style:italic; font-size: medium} 

.flair{font-family: Baskerville,
"Baskerville Old Face", "Hoefler 
Text", Garamond, "Times New Roman", 
serif; font-style:italic; font-size: medium}     






 
2 Comments
2014/05/11
08:21 UTC

2

/r/HeyComeVisitOurSub

/r/HeyComeVisitOurSub

Hey Come Visit Our Sub is unique & different than other reddit sharing pages because it has colorful images in blues with clouds and oranges with a pretty sunset image on the side that links to the homepage. We hope you'll come back often & enjoy the view & see new pages posted! HeyComeVisitOurSub's purpose is to invite redditors to visit your sub & hopefully join. We're hoping submitters will give descriptions of their sub as well so users looking for new places to visit can find their sub easily in a search on our page. Any and all sub invites are welcome. We hope this will help you build subscribers on your subReddit page(s).

We are lucky to have some sweet users acting as mods here as well as a very talented lady (/u/Svarafly) doing our CSS set ups.

We all hope you will visit our new sub, join, post, and comment there. If you have any questions feel free to message our mods. We will all be glad to help.

1 Comment
2014/05/08
19:53 UTC

3

/r/nfl by unknown

/r/nfl by /u/NapoleonBonerparts


Football fans united together! 32 team icons across the top & sidebar. Probably flairs too but my phone wouldn't let me open them. Unique looking too, the top looks like a page on a page with shadows behind the edges. Good job guys!

4 Comments
2014/05/08
03:57 UTC

2

/r/Guineapigs by unknown

/r/Guineapigs


Absolutely adorable guinea pig snoo and they drop the header tabs down like I do on my pages so they don't cover the graphics. On the sidebar is a big image of their pepper upvote 'arrow' and guinea pig poo for the downvote! Now who would even use poo on such a cute little critter?

2 Comments
2014/05/08
03:40 UTC

2

/r/Sloths by unknown

/r/Sloths


Awwww, talk about a cute header & snoo, this page has it! Easy on the eyes and lots of cute sloth posts!

2 Comments
2014/05/06
07:26 UTC

4

/r/Godzilla & /r/KingKong by: Cheezyspam

I mod both /r/Godzilla and /r/KingKong (as well as /r/Mothra as was posted before)

/u/svarafly graciously asked that I post and comment about both of these subs so here ya go.

  • GODZILLA

I'm a huge Godzilla fan and all things "Japanese Giant Monsters", I joined the sub over a year ago when it was bare bones, no CSS apart from a slopping banner at the top. It was my 1st ever CSS project and looking back I was probably in over my head, but I did everything I could to shape it up into what it is now.

Some elements are still sloppy and as any designer can attest to, you are always critical of your own work! I've layered and added on to it so many times... it needs to be scrapped and completely redone (specifically the sidebar), but with the new movie coming out the fan base continues to grow by the hundreds and until the new movie hype dies down I'm kinda stuck with what I've got. I'd hate to shake up the familiarity of the look at the height of it's success!

But that isn't to say I'm not proud of it. I've incorporated a lot of neat things and user interactions into it. My favorite being the new animated upvotes! I also have downvote hover warnings and lots of other subtle tricks around the sub!

  • King Kong

It's sad to me that such an iconic character has so few subscribers, but after the work I did on Godzilla I was asked to help revamp King Kong's look. I took everything I loved about the old film and modeled the design after it as though it were an extension to the old B&W movie. I do love Peter Jackson's Kong and then there was the Jeff Bridges 70's Kong (take it or leave it... leave it please) as well as the Japanese "man in a suit" rendition of him! (he even fought Godzilla in one movie!!) but when I think KING KONG, I think only of THE classic.

I don't have any special tricks to note really. It has a downvote hover wanting too and the title changes when you hover over it. simple coding that I copy/pasted from when I implemented them into my Godzilla theme.

I'd love to eventually give it a few updates, but sadly the sub gets so little recognition I don't see the point... It remains one of my favorite themes I've done. It's simple, but it respects and honors a timeless film.

2 Comments
2014/05/03
21:54 UTC

3

/r/mothra by unknown

/r/mothra


Here I thought I had the only Pink (shameless plug, sorry) page on reddit, but this one is gorgeous. Beautiful gradient colors behind user ID's & the thumbnail pics are round with a soft blue border. Cool page check it out :-)

12 Comments
2014/05/03
05:55 UTC

2

/r/Elephant6 by mscroggs

/r/Elephant6 is a subreddit dedicated to the Elephant 6 Recording Company, a recording artist collective of sorts started in the early 1990s by devotees of a psychedelic pop aesthetic reminiscent of the 1960s. The snoo icon is a take on Scott Spillane, seen here with a suspiciously tuba-like instrument.

3 Comments
2014/05/02
05:35 UTC

4

/r/AnimalsBeingDerps by Jaxspider

/r/AnimalsBeingDerps


Once again another lovely page by Jaxspider. Reminds me of a jungle design with a really cute froggy snoo, I think. The posts are really cute & funny too!

6 Comments
2014/04/30
06:10 UTC

3

/r/Aww by myself

/r/aww/


I created the style with the help of the /r/aww mods and community. It is meant to be fun, cheerful, and cute. The hope is that the CSS sets the tone of the subreddit.

1 Comment
2014/04/28
15:11 UTC

1

/r/KendrickLamar by Svarafly & OnePieceCop101

/r/KendrickLamar/


I'm so proud of this page. I've begged the guys to post it for me, but they get busy & forgetful too, just like me. I wanted to share it mostly because, yeah I think it looks great but the guys all collaborate on a daily basis on things to do & add to the page. I first did the design months ago when a very wonderful & polite moderator Warlordthewinner asked me if I would like to do another page for him. I choose to do it in red & black thinking it would be cool to match the colors on www.KendrickLamar.com - I now think that was a mistake. After reading the website page on the psychology of colors (see link in sidebar under websites) I decided to go with blues & gold colors this time. I've learned a few new codes since I did the page the first time & I think it turned out much better. I designed the page and my young co-CSS designer did the flair spritesheet images and the first announcement bar. I had come across a page that had a wider announcement bar & the wording was centered & messaged it to OnePieceCop101. I probably refreshed the page 10 minutes after I sent him the message and he had the new bar up lickety split! We work good together as a team, and that's probably the most important thing when you're working on a reddit page together.





My other best friend on reddit & co-mod on most of my pages is chalkchick0. I'm also very fond of the fun Aussie Fargrist & Belgium friend xBerefuseD who I also mod with in other pages & willow on toothpicks, she's a sweetie, I know I am missing out a few other great people, I mod for, but I'm on a phone and don't want the page to go white on me like it usually does if I go & look. Deadfraggle, who I do not moderate with and Jaxspider also deserve honorable mentions here as well. They are both great designers & good hearted people to know here on reddit.

0 Comments
2014/04/27
07:30 UTC

3

/r/GfycatDepot, this is a WIP by me, /u/jaxspider

###/r/GfycatDepot


This is my newest project. I am using 99% of /r/Cinemagraphs's CSS. I made the logo for right now. Once this subreddit takes off, I will be revamping most of it.

The subreddit's purpose is to make a database for easily search-able gfycats. You'd be surprised how good the search function works if you title your post properly.

5 Comments
2014/04/26
06:45 UTC

2

/r/conspiracydocumentary

/r/conspiracydocumentary

Created by /u/Weedtastic.

Motto:"Our intentions are aimed towards a fairer, more transparent world and a better future for everyone."

With the clean neatly finished look of a trade magazine in red, black, grey, and red orange on a classic white background this subs double column boxed style gives a professional feel.

2,735 member strong and actively in use. Sidebar rules encourage open discussion and respect for others.

/u/Weedtastic and his fellow mods can feel proud of this well done sub.

I'm not into politics but I feel this sub would be a useful and edifying site for those who are.

Thank you to /u/anonymous123421 who brought this clean well thought out sub to my attention in this post.

http://www.reddit.com/r/csshelp/comments/23wx6k/looking_for_a_specific_subreddit/

8 Comments
2014/04/25
20:13 UTC

2

/r/Rabbits/ by unknown

/r/Rabbits/


Just in time for a Happy Easter to all, but this is a great page too. Bunny snoo and a selection of very hard to pick out, cause they're all so cute - image flairs. The side bar information really come across as knowledgeable about taking good care of your pet as well as some added color boxes.

2 Comments
2014/04/20
04:06 UTC

3

/r/icecreamtheme by mwzun

/r/icecreamtheme


A new theme for subreddits that can be used by anyone about to be released publicly, as simple as copying & pasting with a couple image uploads... Be one of the first to use it...

5 Comments
2014/04/19
20:35 UTC

3

/r/spiceandwolf by unknown

/r/spiceandwolf


Unique worn out parchment paper side bar. Snoo is one of the anime girl characters that drops down below the header and just above the radius link bar. All submitters on the page have a unique gradient orange to white color behind their names.

0 Comments
2014/04/17
06:52 UTC

3

/r/Dexter/ by pdongen

/r/Dexter/


Unique looking page, a little faded blood drizzle on the top. The background confuses me slightly. Are they meant to represent all his little glass slide collections? I'll admit I'm a bit bias on this one as I watched all seasons till the very end.

6 Comments
2014/04/17
06:40 UTC

3

/r/firefly/ by jaxspider

/r/firefly/


Fans of Firefly, the short lived TV show, will love this page. The header is set in beautiful orange cream clouds with a spaceship snoo and the title floating into the clouds. A small radius bar under the header contains the normal tab links. Easy on the eyes for Browncoats.

5 Comments
2014/04/17
06:17 UTC

Back To Top