Adaptive Blog Theme: Single Post Markup
videos

Adaptive Blog Theme: Single Post Markup

on Nov 27th 2012 with 9 comments
Tutorial Details
  • Screencast duration: 31 mins
  • Difficulty: Beginner
  • Topic: HTML
Download Source Files
Demo View It Online
This entry is part 10 of 14 in the Adaptive Blog Theme: From Photoshop to WordPress Session
« PreviousNext »

In the screencasts leading up to this point we’ve been building the homepage of our theme. Let’s now turn our attention to the single post page, beginning with some markup.

Post Markup


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

Comments Area Markup


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

Adi Purdila is AdiPurdila on Themeforest
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Whether it’s websites, logos or print materials, my work philosophy is the same: never take any shortcuts and always put my heart and soul into each project because in the end, it’s the small details that count and the more effort I put into a project, the better it represents myself as a person and a designer and at the same time, it represents my client in a manner that’s appropriate to his needs. If you’re interested in the HTML Templates and Landing Pages I’m developing, you can check them out on my portfolio page on ThemeForest.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • Saeed

    thanx

  • Guest

    Which tool do you use to transform commands like div.tag-container into ? Would be nice to know, because it seems to really enhance your workflow! :)

    • Sameh Elhawary

      You can use Notepad++ and Emmet Plugin – Emmet Plugin is the tool you asking for

  • http://www.facebook.com/Seitz.Erik Erik Seitz

    Which tool do you use to transform commands like div.tag-container into ? Would be nice to know, because it seems to really enhance your workflow! :)

  • http://www.facebook.com/matija.strlekar Matija Štrlekar

    Hello Adi, very good tutorials so far.. will do it all foo sure! I gained some skills with Less on the way, and also how to keep your code nice and neat :) Thank you…

  • Andrea Bassolino

    You just forgot in the 2nd video to show the br class=”cb” to clear the float of the images. ; )

  • Pingback: From Photoshop to Wordpress Theme | MBAx.me