tutsplus – Designing the SimpleAdmin Theme(Updated: 02/21/2012)
English | flashsv bgr24 1024×768 10.00 fps | mp3 44100 Hz mono 96 kb/s | 943 MB
Genre: Video Training
English | flashsv bgr24 1024×768 10.00 fps | mp3 44100 Hz mono 96 kb/s | 943 MB
Genre: Video Training
With the rise of various Content Management Systems (CMS), admin templates are in high demand right now. Some of them are so popular that they’ve racked up over 2000 sales on ThemeForest in a relatively short amount of time.
So, what makes a CMS theme successful? Is it the design or the functionality? I think a little bit of both. Also, how can such a theme become a top seller? I mean, there are hundreds of CMS’s out there. Can we really account for all of them and make a theme that would fit them like a universal size glove? Probably not. But my goal in this tutorial is to create a flexible theme that can be adapted to as many systems as possible.
So, what makes a CMS theme successful? Is it the design or the functionality? I think a little bit of both. Also, how can such a theme become a top seller? I mean, there are hundreds of CMS’s out there. Can we really account for all of them and make a theme that would fit them like a universal size glove? Probably not. But my goal in this tutorial is to create a flexible theme that can be adapted to as many systems as possible.
We’ll start with some quick mockups in Photoshop to get an idea of the general placement of the elements and also about colors and typography. We’ll then continue with the coding part, learning and experimenting with EM layouts.
Part 1: Designing the Login Page
Part 2: Designing the Dashboard
Part 3: Forms and Controls
Part 4: Login Page Markup
Part 5: Login Page Styling
Part 6: Finishing up the Login Page
Part 7: Dashboard Markup
Part 8: Top Menu and Tabs Area
Part 1: Designing the Login Page
Part 2: Designing the Dashboard
Part 3: Forms and Controls
Part 4: Login Page Markup
Part 5: Login Page Styling
Part 6: Finishing up the Login Page
Part 7: Dashboard Markup
Part 8: Top Menu and Tabs Area
