Welcome
This is a demonstration of a simple dashboard using jQuery, jQuery UI, Modernizr and TinyMCE. For more information, please see the accompanying blog post. This example uses the Simply theme and aside from some modifications of the <head> to add the extra jQuery UI theme stylesheet, Modernizr and load scripts, the structure of the HTML is the same.
You can download the custom Modernizr js file, the dashboard js file and the TinyMCE editor content css file.
Half width columns.
1/2 Width column
Maecenas ultrices risus et nisl tempor vitae vestibulum arcu molestie. Proin odio risus, eleifend id auctor ut, pretium a dolor. Maecenas faucibus quam vitae erat facilisis porttitor. Aenean risus ligula, dictum sit amet elementum sit amet, dictum ut leo. Nunc convallis, lacus a lobortis ultrices, odio dui mollis mauris, a consequat dolor augue nec nulla.
1/2 Width column
Nunc convallis, lacus a lobortis ultrices, odio dui mollis mauris, a consequat dolor augue nec nulla. Vestibulum congue feugiat turpis, id sagittis orci aliquam sit amet. Nunc diam enim, hendrerit a viverra eu, dapibus ut lectus. Sed ullamcorper metus vel est cursus sagittis.
One one-third width column and one two-thirds width column.
2/3 Width column
Fusce neque eros, mollis at convallis a, sagittis id nunc. Integer libero mauris, egestas non hendrerit posuere, pretium sed est. Morbi id quam id lacus rhoncus tempus. Integer bibendum adipiscing sem in consectetur. Nam sit amet magna quam, nec auctor nunc.
1/3 Width column
Donec aliquam tempor mattis. Nunc dui augue, pretium eget venenatis vitae, congue nec erat. Vestibulum tempus aliquam tortor, et mollis dui gravida non.
One one-third width column and one two-thirds width column with the order reversed.
1/3 Width column
Donec aliquam tempor mattis. Nunc dui augue, pretium eget venenatis vitae, congue nec erat. Vestibulum tempus aliquam tortor, et mollis dui gravida non.
2/3 Width column
Fusce neque eros, mollis at convallis a, sagittis id nunc. Integer libero mauris, egestas non hendrerit posuere, pretium sed est. Morbi id quam id lacus rhoncus tempus. Integer bibendum adipiscing sem in consectetur. Nam sit amet magna quam, nec auctor nunc.
One-third width columns
1/3 Width column
In hac habitasse platea dictumst. Nullam felis urna, dictum rutrum placerat vitae, lobortis in libero. Quisque risus mauris, commodo sed mattis non, vehicula ut erat. Suspendisse potenti. Nulla sed risus enim.
1/3 Width column
Sed pharetra gravida augue, non mollis est convallis vitae. Proin a magna nec velit lobortis fringilla quis at quam. Nunc eu nisl massa, pellentesque condimentum dolor. Phasellus ac ligula ligula.
1/3 Width column
Nullam pharetra turpis sit amet sapien adipiscing eget auctor urna commodo. Nullam fringilla, quam id fringilla mattis, felis nunc condimentum libero, sagittis aliquam nulla lacus eu est.
One-fourth width columns
1/4 Width column
Integer turpis libero, venenatis sit amet rhoncus eu, pellentesque et justo. Vestibulum sit amet justo in arcu rhoncus accumsan.
1/4 Width column
Nam luctus metus laoreet lorem suscipit molestie. Ut id nulla sed augue condimentum egestas.
1/4 Width column
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
1/4 Width column
Curabitur justo ipsum, venenatis at euismod sit amet, mollis ullamcorper diam.
One-fifth width columns
1/5 Width column
Integer turpis libero, venenatis sit amet rhoncus eu, pellentesque et justo. Vestibulum sit amet justo in arcu rhoncus accumsan.
1/5 Width column
Nam luctus metus laoreet lorem suscipit molestie. Ut id nulla sed augue condimentum egestas.
1/5 Width column
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
1/5 Width column
Curabitur justo ipsum, venenatis at euismod sit amet, mollis ullamcorper diam.
1/5 Width column
Curae; Sed vestibulum sem nisl, in sagittis leo. In commodo dolor a nibh scelerisque egestas.
Two one-fourth width columns and one half width column
1/4 Width column
Nam luctus metus laoreet lorem suscipit molestie. Ut id nulla sed augue condimentum egestas.
1/4 Width column
Curabitur justo ipsum, venenatis at euismod sit amet, mollis ullamcorper diam.
1/2 Width column
Nunc convallis, lacus a lobortis ultrices, odio dui mollis mauris, a consequat dolor augue nec nulla. Vestibulum congue feugiat turpis, id sagittis orci aliquam sit amet. Nunc diam enim, hendrerit a viverra eu, dapibus ut lectus. Sed ullamcorper metus vel est cursus sagittis.
About
This is a description about your blog. It will be shown on every page and is a brief description of the content including, perhaps, a link to an FAQ page.
Individual author pages may contain a detailed bio and additional information not listed here.