/r/CSSstyle
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.
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
/r/modhelp/wiki - An amazing collection of page tips for moderators
/r/CSS Help - Search, ask and learn new CSS tips
/r/Project CSS - Helps out by doing some of subs CSS work
/r/Building Subreddits - Ideas, suggestions, request critique & more
/r/Reddit Logos - Reddit alien snoo designers here
/r/Gnu Reddits - Promote your reddit, plus oodles of sidebar links for mods to more promoting sub-reddits
/r/Adopt a Reddit - Save a reddit from mod-less-ness
/r/Reddit Request - Request a sub-reddit that's abandoned or has an inactive mod
/r/Report the Spammers - Some useful links on the sidebar too
/r/Need a Mod - Request help with your sub-reddit or select volunteers
/r/SubReddit Ideas - Post your ideas for a new sub-reddit, and get or give feedback to others
Contact Reddit Admins - It is in the Footer but, just in case you couldn't find it
Send me a message if you think something could be added here.
Bot Section
/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
/r/CSSstyle
/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!
In need of some improvement.
/r/portlandpets
or send me a message.
Check out /r/Aeolus!
If you're new to Aeolus, read this.
/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.
/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.
/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.
/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.
/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!
/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!
/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.
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; }
/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.
/* 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}
/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.
/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!
/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?
/r/Sloths
Awwww, talk about a cute header & snoo, this page has it! Easy on the eyes and lots of cute sloth posts!
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.
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!
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.
/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 :-)
/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.
/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!
/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.
/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.
###/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.
/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/
/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.
/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...
/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.
/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.
/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.