Essays


Send to Kindle

OnStyle instructions with a live demonstration

I will keep adding instructions of OnStyle on this page with a live demonstration of the current stable version.

Little instruction...

Start by choosing the root container from the gray dialog box on the left. In this demonstration, you should choose my_container, and click "set" to start. Choosing other containers may cause the layout of this page to break due to the blog's default style sheet's conflict (but no worry, you can simply press the reload button of your browser to restore.)

Point the mouse cursor over the word "Moon" for example and a pink box appears. You can move the position of the column by dragging the left side of the pink box. Drag the right side of the box to change the size of the column. Click "Get HTML" button of the gray dialog box to get the code.

Moon, Venus, and Jupiter

Moon

Venus
Jupiter
T

his is a little demonstration of OnStyle for Wordpress. After writing a blog post as usual and save as a draft, just click the preview button. You can move the position of the column by dragging the left side of the pink box that appears when the mouse cursor is over the column. Drag the right side of the box to change the size of the column. Click "Get HTML" button of the gray dialog box to get the code.

Original post: Jan. 23, 2011 | Last updated: Jan. 23, 2011

Previous: OnStyle
Next: OnStyle pre-release ver. 2011012600
Read more

comments powered by Disqus