5/13/2006 - Have your text take a walk
Ever wonder how a good formatted entry includes the way the text in entry seems to naturally flow to the left or right of an image similar to a well laid out magazine or newspaper? I’ll show you how simple this is to do using the Drawingboard.org blog editor. It’s extremely easy and can be used to walk the text around either side of multiple images in one entry, like the effect that’s demonstrated in this entry.
Step one.
Grab and format an image on your computer. Make sure it’s been saved as a jpeg, gif, or png file, and has been formatted to be viewed through the web. Go to your administration area and select the 'files and photo's menu appropriately enough, and pick an album to upload your photos for your upcoming entry, You should be on the screen as like the image below, showing all the files you’ve uploaded, plus the option to upload more!

Step two.
Go ahead and click on the upload images button and which should bring you an upload file screen. Simply browse to the file on your computer, give it a custom title and description if you wish and go ahead and hit the upload file button. You file should soon be added to your album.

Step 3.
After it’s done uploading, you should see a thumbnail of your newly added image. At this point, click on the post link next to the thumbnail. This will bring the image into the editor automatically. You’re all set to start laying out your entry

First click on your image in the entry and a set of handles will appear at the images four corners. You can click and drag the handles to resize your image to the perfect size.

Step 4.
After you have the image at the size you need. Go ahead right click on the image, to get the image menu. Select the image properties option and a pop-up menu appear with all kinds of layout functions you can use to enhance the look of your entry.
Step 5.
The Align drop down menu allows you to fine tune where you image will appear in the text. For example in the sample below I’ve picked “align left” and you can see a quick preview of how any text you type will react to it. See how the sample text will fall to the right of the image with the image aligned to the left? Simple!

You can easily do this for any image whether it’s hosted in your album here or some where else. Once you add the image, you can always access the image drop down menu and play around with the settings until you have the perfect layout, although if you post images that are in your album, the code is automatically generated that will make the image a link, to the larger version. Play around with the image menu. Because this blog is mostly artists, you'll probably be using this menu a lot.
Please ask any questions you have about this in the comments or at the Drawingboard.org. More entries about the blogs are to come!
|