Advertisement
  1. Web Design
  2. Complete Websites
Webdesign

Adaptive Blog Theme: Post Layout

by
Length:QuickLanguages:
Complete WebsitesAdobe Photoshop
This post is part of a series called Adaptive Blog Theme: From Photoshop to HTML & CSS.
Adaptive Blog Theme: Homepage Layout
Adaptive Blog Theme: Initial HTML Markup

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
Advertisement
Iign1n2b
Adi Purdila
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
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
View Online Demo View on GitHub
Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Translate this post
Powered byNative logo
Advertisement
Watch any
course now
Subscribe to Access
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.
WordPress Themes
From $13
Magento Themes
From $17
ECommerce Websites
From $16
HTML5 Templates
From $4
Unlimited Downloads
From $16.50/month
Get access to over 400,000 creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Hire a Freelancer
Choose from 2,000 professionals ready to do the work for you.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories