Advertisement
Complete Websites

Coding the SimpleAdmin Theme: Login Page

by

It's time to translate our admin layout into a working template. We'll begin by setting out the markup for our Login page, then we'll hit the stylesheets..


Part 4: Login Page Markup

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


Part 5: Login Page Styling

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


Part 6: Finishing up the Login Page

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


Further Resources

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
    Continuing With Our Tumblr Theme's CSSTumblr 15 retina
    In this part of our Tumblr theming series, we're going to continue with our theme's CSS. We'll be working directly on the live site, as a number of elements won't show up otherwise. Let's dig in!Read More…
  • Web Design
    CMS
    Styling Our Tumblr ThemeTumblr 13 retina
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…
  • Web Design
    CMS
    Introducing Markup for Tumblr's Photo Post TypeTumblr 9 retina
    Individual post types play an important part of any Tumblr theme. In this tutorial we'll take a look at the markup and blocks which we'll need for setting up our own "photo" post type.Read More…
  • Web Design
    CMS
    Starting Our Tumblr Theme's Post Markup Tumblr 8 retina
    In this video tutorial we're going to begin the main area of our Tumblr theme's page. In fact, we'll be using the <main> element to do so, but as mentioned in previous videos, you're welcome to use whatever specific markup you feel is most appropriate.Read More…
  • Web Design
    CMS
    Tumblr Theme Operators and VariablesTumblr 3 retina
    In this tutorial we'll be taking a detailed look at how Tumblr's theme operators and variables slot content into your theme markup.Read More…