Try Tuts+ Premium, Get Cash Back!
Adaptive Blog Theme: Single Post Styling
videos

Adaptive Blog Theme: Single Post Styling

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

Okay guys, you know the drill. Let’s start writing some LESS styles for our single post layout. In these two screencasts we’ll look at general styling, blockquotes, images and buttons.

General Styles and Blockquote


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

Images and Buttons


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
  • Sharjeel Hassan

    Mega Series

  • Jay

    Hey Adi, Really loving the series so far. Just on criticism though. I don’t believe you are using the cite element correctly for your blockquotes. Refer to http://dev.w3.org/html5/spec/single-page.html#the-cite-element . I believe you would be better off using a paragraph or span with a special class.

    Otherwise really loving the series so far!

  • http://www.facebook.com/asilvermandrums Adam Silverman

    Can’t thank you enough for walking us through all this, it helps put the pieces together for me! I’m a part-time developer and a full time musician, so things like this make me want to get even deeper into the code world, so thank you!

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

    I hope they give you a medal some day :) those are good tuts .. thank you :)

  • romaalupka

    thank you :)