7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Complete Websites

Tumblr Theme Design: Start to Finish

Scroll to top
Read Time: 1 min

Tumblr's popularity over the last year has increased exponentially. The reason why is quite simple: Tumblr is flexible, powerful, and, most importantly, a pleasure to work with. Unfortunately, there aren't many training resources available for the platform yet. In this video series, we'll go through the process of taking a Tumblr theme, designed in Photoshop, and converting it into a fully working theme -- in just a few hours.


The Full Series

  • Chapter 1: Intro
  • Chapter 2: Slicing the Design
  • Chapter 3: Creating the Markup and Adding the Tumblr Template Tags
  • Chapter 4: Adding the CSS
  • Chapter 5: Configuration Options
  • Chapter 6: @Font-Face and Custom Fonts
  • Chapter 7: Slide-out Panel – HTML and CSS
  • Chapter 8: Slide-out Panel – jQuery

Chapter 1: Introduction



Chapter 2: Slicing The Design



Chapter 3: Creating the Markup and Adding the Tumblr Template Tags



Chapter 4: Adding The CSS



Chapter 5: Configuration Options



Chapter 6: @Font-Face and Custom Fonts



Chapter 7: Slide-out Panel – HTML and CSS



Chapter 8: Slide-out Panel – jQuery


Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.