Envato Elements Now includes 200,000 hand picked photos. Only $29/month. Envato Elements Now with 200,000 photos. Find Your Perfect Photo
Dismiss
Advertisement
  1. Web Design
  2. Complete Websites
Webdesign

Adaptive Blog Theme: Finishing up the Header

by
Difficulty:BeginnerLength:QuickLanguages:
Complete WebsitesCSS
This post is part of a series called Adaptive Blog Theme: From Photoshop to HTML & CSS.
Adaptive Blog Theme: Basic Styles
Adaptive Blog Theme: Styling Posts

Continuing with styling our web page, let's now finish off the header. We'll sort out the logo, the leaderboard ad and we'll style our navigation, including the multi-level dropdown.

Logo and Leaderboard Ad


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

Navigation Styling


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

Navigation CSS Transitions


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
Start FREE 10-day trial
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
WordPress Themes
From $29
Magento
Magento Themes
From $64
Ecommerce
ECommerce Websites
From $21
Html5
HTML5 Templates
From $5
Elements
Unlimited Downloads
Only $29/month
Get access to over 18,000 creative assets on Envato Elements.
Market
Over 9 Million Digital Assets
Everything you need for your next creative project.
Studio
Hire a Freelancer
Choose from 2,000 professionals ready to do the work for you.
Community
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.