jeffreywebster.org

ZooLoo is ME. I am important here.

 

One of the cool things about zCreator is the ability to create some nice text content that wraps around images.  You can make your pages have that neatly formatted "magazine" look.  The effect is easy to use.

The first thing you should do is write your text content in a text editor.  Notepad is best.  I don't recommend Microsoft Word.  When you copy from Word, and into zCreator, there are some weird side effects because Word tries to be smarter than you (and fails).  After you've written your article, save it.  You'll need it later.

Now, go into zCreator and create a new page.  Select "Add Content" from the upper menu area.  Then click "Text & Media".  There is a "Content" icon there.  Drag that into your ZooLoo page below.  A box with the text "Click to edit" will appear.  Click that box, and an editor window will pop up.  You'll notice three rows of icons along the bottom.  If you hover your mouse over the icons you'll get a tool-tip describing what that icon does.  For the purposes of this article, you only need the little tree looking icon (next to the anchor icon).  But, before you do anything, select "My Photos" from the tool menu.  Select an album.  Then drag a picture into the text editing pop-up.  You should see the image appear in the text editing area.  Take this opportunity to resize it.  It's best not to make images too large.  In order to preserve the image dimensions, use the corners to resize the image (by clicking the little boxes, and dragging).  After you have the image to the size you want it, click the image.

The next step is to make the image stay to the left, or the right.  In this article, Snoopy is to the left.  With the image selected (by clicking it once), select the little tree icon from the row of buttons in the text editor.  A new window will open with some options.  Get to the "Appearance" tab (if you're not already there).  You'll see a drop down menu that reads "Alignment".  Cick that box, and select "Left".  You don't want your image right up against the text, so you should give it some vertical and horizontal space.  In the Vertical and Horizontal space boxes, enter 4.  Don't worry about setting anything in the border.

To the right you'll see a little demonstration of what the image will look like with regards to text.  Play around a bit, if you'd like.  After you're done, click "Update".  You might get a pop-up warning about not setting a title or description, just click "Okay."  Now you've got your image set to be on the left side of the page.

Open up the article text in Notepad again, and select all of the text.  Select "Copy" from the edit menu.  Now, click anywhere to the right of the image you just dragged in (in zCreator), and paste your text.  Now you can customize the appearance of the text (setting text size, color, etc).

Enjoy!