This button opens by default and opens the HTML editor in a vertical split window pane.
This button opens the HTML editor in a horizontal split window pane.
This button opens the HTML editor in a full 100% preview pane.
This button opens the HTML editor in a full 100% Edit Code pane.
The select menu opens the code boxes in the theme design layout of your choice.
Simply select the visual theme style of your choice for the HTML, CSS and Javascript boxes individually. This can help you visually identify what box you have open at a quick glance.
The gray buttons open the HTML Editor code box below the buttons. The boxes allow you to insert the type of codes in to their respective boxes.
If a gray button has been turned to green... (in this example, the HTML button) that means the code box open below it has been opened for the HTML type of code to be entered in to it.
You will also see a small green marker icon appear at the top right corner of each code box. This is to ensure that you know exactly what code goes in to that open box. The green marker icon will disappear when your mouse cursor enters the open box area.
HTML Code Box Options
  1. You may simply enter all codes that go in to the BODY tag area, if you want to use individual code type boxes.

  2. You can simply enter a full HTML page document with all the tags (so you do not have to segment your codes by using the code boxes... it is your choice. :)