Magic Admin. Beautiful Professional Admin Template HTML
Themeforest Magic Admin. Beautiful Professional Admin Template HTML
jQuery based working plug-ins:
Live preview: Just click “Submit” button on the login page.
Beautifully designed and crafted admin / web app template for variety of uses.
- valid and semantic XHTML 1.0 Strict/CSS 2 (please note: some stylesheets of jQuery plug-ins include browser-specific and CSS3 properties and so these cetrain stylesheets don’t validate as CSS2)
- liquid CSS layout based on 960 Fluid Grid System for flexibility. Layout modules can be build on 12 or 16 columns which gives you infinite possibilities to devide your layout into sidebars, main content, boxes, etc.
- oraganized and commented code
- 5 color themes: blue, red, yellow, green, graphite (just replace the theme css file with the one of your choice – it’s very simple)
- functional even with javascript turned off
- all psd files included
jQuery based working plug-ins:
- table sorter, pager and zerba coloring
- password strength meter
- WYSIWYG editor attached to a textarea
- modal window (thickbox) with mail messages
Live preview: Just click “Submit” button on the login page.
Very nice dude!
ReplyDeleteWow, verrry nice. Good job
ReplyDeleteBeautiful
ReplyDeletenice job
beautiful mate, good luck
ReplyDeleteAWESOME JOB MAN !
ReplyDeleteReally GREAT ! I will probably BUY it for my next project !
Can you answer me a question first:
The TAB menu is not working in the live example.
Do you have it working or I will have to code that ?
Can I give you a tip ?
Well.. I used the same jQuery plugin you used here, the table sorter with the pagination plugin…
But there is a much better one called DataTables…
I dont know about the license, but there are a lot of features and improved code in this one… the most important is the search feature…
Well… that is it…
Thanks !
@poetawd
ReplyDeleteThese are html/css tabs, not js. Each tab is a list element (li). When you want to show any tab as selected, just give it an id="current" so it becomes white. As you can probably see this navigation doesn’t require any coding to work. One thing to remember is to give a tab an id on every corresponding page, so the user knows where he is at any given time. As to the DataTables plug-in it looks interesting thanks to its search feature. I will definitely give it a try next time. Thanks for your interest and a valuable resource!
Missing skinned file browse button, and the user typed fonts used in the Short text area,Medium text area,Long text area and Textarea with WYSIWYG differ than the other input fields. Checkbox and radio buttons in ie8 are shifted below the actualy control, baseline i will assume.
ReplyDeleteI am new to this…how do you apply skins to existing admin pages?
ReplyDeleteThanks, Will
Well, it really depends on the template system of your admin. If it’s anyhow skinnable, then you have to insert the proper html tags from this skin to your template files and adjust all the important parts of your visual layer (header, nav, boxes, footer) of your admin to fit the skin. Also you have to remember to add all the css, js and image files from the skin. I hope that helps. Thanks for your interest
ReplyDeletequestion, the table sorter, does it pull data from the database? I haven’t been able to find a table sorter what works with data in a database and not data in the table on the page.
ReplyDeleteHi thatguy! Tablesorter is a javascript JQuery component and just sorts an html table. This is front-end formula. To draw data from the database you’d need some server-side programming, for example in php to generate an html table and then this Tablesorter can add the same sorting capabilities to your table. I hope that helps. Thanks!
ReplyDeleteNay, it doesn’t work like that. I’ve tried to do that way before and it never sorts that data.
ReplyDeleteWell I must say that I don’t agree here. JS script doesn’t mind if an html content is generated dynamically from a database or hand-coded. If your php script generates a table of the same html structure that I used for the admin template, then the tablesorter will work just fine. I hope I cleared things out a little bit. Thanks!
ReplyDelete