First attempt to design a css theme for /r/trillek

Anything to do with Trillek on the web. /r/trillek CSS tweaks for example.

Moderator: Wolfy87

First attempt to design a css theme for /r/trillek

Postby master565 » Sun Aug 18, 2013 3:32 am

Edit: I forgot to mention, the CSS is quickly and poorly done, and I never even checked if it worked on any browser other than chrome. If we decide to do anything with it, I'll clean it up.

I set up the theme on a random subreddit I created for this purpose, let me know what you think.

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

Also, here is a picture for the lazier of you people.


http://i.imgur.com/QHVHg5h.png

Image
master565
 
Posts: 35
Joined: Wed Aug 14, 2013 2:35 pm

Re: First attempt to design a css theme for /r/trillek

Postby master565 » Sun Aug 18, 2013 3:52 am

I changed the header to resemble the forum header

Image
master565
 
Posts: 35
Joined: Wed Aug 14, 2013 2:35 pm

Re: First attempt to design a css theme for /r/trillek

Postby gerbilOFdoom » Sun Aug 18, 2013 4:35 am

If you can come up with a Reddit theme that looks good, I can port it over to the forums.
gerbilOFdoom
Web Specialist
 
Posts: 61
Joined: Mon Aug 12, 2013 8:02 pm

Re: First attempt to design a css theme for /r/trillek

Postby master565 » Sun Aug 18, 2013 4:49 am

One more thing i came up with, a tab like system to divide posts.

Image
master565
 
Posts: 35
Joined: Wed Aug 14, 2013 2:35 pm

Re: First attempt to design a css theme for /r/trillek

Postby mrout » Sun Aug 18, 2013 5:27 am

If you're going to change the themes, please ensure you make both a light-on-dark theme and a dark-on-light theme.
mrout
 
Posts: 731
Joined: Mon Aug 12, 2013 10:49 pm

Re: First attempt to design a css theme for /r/trillek

Postby master565 » Sun Aug 18, 2013 6:28 am

Is there a way to implement both on reddit at once? Or do you mean just to see how they both look?
master565
 
Posts: 35
Joined: Wed Aug 14, 2013 2:35 pm

Re: First attempt to design a css theme for /r/trillek

Postby Wolfy87 » Sun Aug 18, 2013 9:38 am

It looks like the class "res-nightmode" is applied to the body when you enable the dark theme. That can be used to tweak font and background colours accordingly. I quite like these theme tweaks, but I'm not sure about taking the forum header colour, I don't really like the forum theme too much in the first place :)

The darker styles seem nice to me. I'm using a few purples in the WordPress stuff simply because they compliment the header space image. Maybe that would be something to bear in mind too.
Web developer - hosting Trillek's presence on the Internet and constructing the game's UI.

Project Trillek UI
@OliverCaldwell
github.com/Wolfy87
http://oli.me.uk/
User avatar
Wolfy87
Site Admin
 
Posts: 33
Joined: Mon Aug 12, 2013 2:00 pm
Location: London, UK

Re: First attempt to design a css theme for /r/trillek

Postby master565 » Sun Aug 18, 2013 4:06 pm

Well, I tried two other styles for the top. For one I inverted the image in photoshop and placed it on black

Image

and for the other, I tried a purple to blue gradient

Image
master565
 
Posts: 35
Joined: Wed Aug 14, 2013 2:35 pm

Re: First attempt to design a css theme for /r/trillek

Postby SunShiranui » Sun Aug 18, 2013 6:50 pm

The purple-blue one is hideous, but the inverted logo isn't that good... I'd also suggest you decrease the radius on those corners, they're a bit too round.
SunShiranui
 
Posts: 238
Joined: Mon Aug 12, 2013 2:07 pm

Re: First attempt to design a css theme for /r/trillek

Postby Wolfy87 » Sun Aug 18, 2013 6:52 pm

5px or so should be more than enough to just take the edge off of them. But whatever looks best really.
Web developer - hosting Trillek's presence on the Internet and constructing the game's UI.

Project Trillek UI
@OliverCaldwell
github.com/Wolfy87
http://oli.me.uk/
User avatar
Wolfy87
Site Admin
 
Posts: 33
Joined: Mon Aug 12, 2013 2:00 pm
Location: London, UK

Next

Return to Web Development

Who is online

Users browsing this forum: No registered users and 1 guest

cron