Ringr Tumblr Theme

Since I’ve started using Tumblr a few people have asked me how I’ve put my site together. Most recently with questions of how I added tags/topics to my site.

After a certain point I figured I should just open source the code and design to allow whoever to use it. But before I got a chance to do that I decided to use Tumblr for a few other sites as well. So I put together my own little Tumblr theming kit, which I call Ringr.

Ringr allows me to set the global styles using one stylesheet and brand specific styles in another. Together with Blueprint CSS, I can create a new Tumblr site or group in just a few minutes.

So here it is, Ringr. Feel free to customize and hack to your hearts content. While I’ve based the main Ringr template off of flingLog, I’ve also included the code for Mobile Design, Six Sites and the Ringr site as well. If you can, let me know when you do so I can reblog it.

added 1 year ago with these tags About Permalink

Version 0.5

  • Description: Ringr——An all purpose Tumblr theme that separates layout, structure and branding into unique stylesheets
  • Version: 0.5
  • Author(s): Brian Fling (flingmedia.com and flinglog.com)>
  • Last Modified: 4/19/2008
  • License: Creative Commons Attribution-Share Alike 3.0

TODO:

  • Need to style the pagination
  • Add Reblog option
  • Groupify (Group post and Group members option)
  • Add Day indicators to main stream
  • Add date-based pages and date-based navigation
  • Add Following option to sidebar
  • Add permalink containers for those who want comments and such

Background

It originally started as a theme for my Tumblr site flingLog . When I decided to use Tumblr for Mobile Design and Six Sites, I didn’t want to add two more code bases to manage as well. So one morning while jetlagged in a London hotel I created a base Tumblr theme that I could easily brand for multiple sites. I call it Ringr because even though Tumblr themes are pretty simple, I’m lazy to use a shortcut anyway.

Instructions

The recipe to get up and running is pretty simple.

  • Take your Tumblr markup (ringr_template.html), customize where indicated by the comments. You should get a Google Analytics and Feedburner account.
  • Create a brand stylesheet of your own. I’ve included my stylesheet for flingLog so you can see what I’m doing. I find it easier to do all my stylesheet work live on the server so I can see it on actual content. But I will leave that up to you.
  • Copy all of your assets to a public web server somewhere (I recommend Dream Host, they are super cheap and give you a lot of flexibility for simple sites. Signing up with this link will give me a little kick back)
  • Cut and paste the HTML from the template to the Custom HTML option within Tumblr and Save.
  • Customize your styles and images to suit.

Support

I’ll try to provide as much support as I can, but I don’t have the time to teach you basic HTML.

Download

added 1 year ago with these tags Release Notes Permalink

Page 1 of 1