Advertisement
Complete Websites

Adaptive Blog Theme: Post Layout

by

It's time to wrap up the Photoshop part of this process - let's now concentrate on the single post page layout. We'll be looking at the post content itself, post elements (such as images, typography etc.) then the all-important comments section.


Single Post Structure


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Comments Area and Form


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube
Related Posts
  • Web Design
    CMS
    Adding a Twitter Timeline to a Tumblr ThemeTumblr 28 retina
    Welcome to this, the first of three bonus videos in our series Tumblr Theming 101. During this lesson we'll look at incorporating a simplified Twitter timeline into our theme; a slightly more complex process since Twitter updated their API to v1.1.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: ImagesTumblr 22 retina
    Moving on with our coverage of Tumblr's Appearance Options, we're now going add an option whereby users will be able to set a background image to the theme.Read More…
  • Web Design
    CMS
    Adding Localization to Tumblr ThemesTumblr 17 retina
    In this episode of Tumblr Theming 101 we'll complete the CSS for our video post type, which will involve using some principles from Fitvids.js. We'll also look at adding localized theme strings, for multilingual support.Read More…
  • Web Design
    CMS
    Creating the Tumblr Post Footer and Notes Tumblr 12 retina
    Let's kick off this tutorial by reviewing the Tumblr theme markup we've built already. Once that's done, we can continue by sorting out the footer and "Post Notes".Read More…
  • Web Design
    CMS
    Tumblr's Audio and Video Post TypesTumblr 11 retina
    We're making great progress with our custom Tumblr theme! In this video we're going to continue building our markup, turning our attention to the audio and video post types.Read More…