Many people want to get started as quickly as possible - and read the documentation later. For those of you, here is the short version of the story...
(for information on the single sliced images feature called EZSingle - click here)
Using the basic EZRound design
The special effect HTML tables are created by taking a graphic image, slicing it into 9 slices and placing those slices into an HTML table that is 3 rows tall and 3 columns wide. Smart Slice technology will make these as small as possible while still retaining all the design qualities (such as rounded corners or drop shadows).
The corner slices are simply inserted into the corner table cells as content, the other slices are inserted as the background image for the respective cells. The table properties are set to have zero padding, spacing and to resize to fit the content (the design slices).
Any content that you want to have framed by the graphic effect is generally placed in the center cell. This can be text, photos, menu bars - even other tables. Even other EZRound tables! The outer graphic frame will resize around your content.
Two quick things to remember about EZRound are:
F11 is a hot key that will instantly take you to the Live Preview with the integrated web browser (F11 will also exit the previewer for fast In/Out previewing)
F10 is a hot key that will instantly take you to the Export screen.
So the shortest version of how to create an effect and use this technology is:
1. Start the EZRound program
2. Use File --> Load Project to load one of the 70 pre configured projects
3. Press F10 to export (note that the Export feature is only available in the registered version of the program!)
4. Click the Export Files button
5. Check the box to Export Image Slices Only
6. Copy the slices to your HTML designer program assets folder and insert them into a table (as shown above)
If you want to design your own effect the steps are almost the same:
1. Start the EZRound program
2. Set the shape, color, shadow and accent band of your design (EZRound will automatically calculate the slices for you!)
3. Press F10 to export (note that the Export feature is only available in the registered version of the program!)
4. Click the Export Files button
5. Check the box to Export Image Slices Only
6. Copy the slices to your HTML designer program assets folder and insert them into a table (as shown above)
For more details, see the long version in the next section