<h2><b>Step 1: Upload Your Image</b> </h2> <ol> <li>Click <strong>'Edit Page' </strong>on the toolbar. <li>Click on the <strong>'Click to put an image here'/'Click to Change'</strong> box. </ol> <p> [img]ScreenShot32.gif[/img] </p> <ol start="3"> <li>An image window opens up. Click on the<strong> 'Add Image' </strong>button. </ol> <p>[img]ScreenShot33.gif[/img] </p> <ol start="4"> <li>Click on any of the <strong>'Browse</strong>' buttons and then your file manager opens. You need to doubleclick on your image file. </ol> <p> [img]dialogbox.gif[/img] </p> <ol start="5"> <li>Check off which folder you want your image to go into and then scroll down and click on <strong>'Add Images to Library'</strong>. </ol> <p>[img]ScreenShot35.gif[/img] </p> <ol start="6"> <li>You will now see a thumbnail version of your image(s). </ol> <p>[img]yourimage.gif[/img] </p> <ol start="7"> <li>Close the window. </ol> <p> </p> <h2><b>Step 2: Posting Your Image</b> </h2> <ol> <li>Click on the<strong> 'Insert/Edit Image'</strong> button on the Easy Editor toolbar. </li> </ol> <p>[img]imagebutton.gif[/img]</p> <ol start="2"> <li>The Image Properties window pops up. Click the <strong>'Browse Server' </strong>button.</li> </ol> <p>[img]imagewindow.gif[/img]</p> <blockquote> <p>The Image Library window now opens. By default, uploaded images are placed in the <strong>'Main Folder'</strong>. If the window does not open to the Main folder, click it, or the folder your image is saved to, in the <strong>'Your Images' </strong>index at the top left of the window.</p> </blockquote> <p>[img]mainfolder.gif[/img]</p> <ol start="3"> <li>Click on the thumbnail of your image. You'll be redirected to the originial Image Properties window, where you'll see that the image URL or location, as well as a preview of your image, have has been inserted.</li> </ol> <p>[img]picurl.gif[/img]</p> <blockquote> <p>You can now format your image or click <strong>'ok' </strong>to place your image on the page. </p> <p> </p> </blockquote> <h2><strong>Step 3: Formatting Images Within Your Text </strong></h2> <p>You can easily format your image within the Image Properties window. If you've already placed an image within your text, select the image by clicking on it. Then click the <strong>'Insert/Edit Image' </strong>button on the Easy Editor toolbar to open the Image Properties window. When you're finished making changes, click <strong>'ok' </strong>at the bottom of the Image Properties window. Make sure to also click <strong>'Save' </strong>on the editing page.</p> <p> </p> <h3>Alternative Text</h3> <p>Alternative Text is the text that pops up when you hover your mouse cursor over an image. To add Alternative text to your image, enter the text you'd like in the <strong>'Alternative Text' </strong>field.</p> <p>[img]alttext.gif[/img]</p> <p> </p> <h3>Resizing Uploaded Images</h3> <p>To resize your images, enter the width and height in the appropriate fields in the Image Properties window. </p> <p>[img]resize.gif[/img]</p> <p>By default, the aspect ratio is locked so your image won't be skewed. You can unlock it by clicking the <strong>'Lock'</strong> button beside the <strong>'Width' </strong>and<strong> 'Height'</strong> fields. </p> <p>[img]lockaspect.gif[/img]</p> <p>You can also rotate the image by clicking on the <strong>'Rotate' </strong>button.</p> <p>[img]rotate.gif[/img]</p> <p> </p> <h3>Adding a Border</h3> <p>To add a black border to your image, enter a number into the <strong>'Border' </strong>field. The larger the number, the larger the border.</p> <p>[img]border.gif[/img]</p> <p>You'll see a preview of the border in the preview pane.</p> <p> </p> <h3>Vertical and Horizontal Space Around Your Image</h3> <p>By default, when you place an image within you text, it's positioned like text, flush against the word beside it and on the same line. You can add extra space around the image with the horizontal, <strong>'HSpace', </strong>and vertical, <strong>'VSpace'</strong>, fields. The larger the number you input, the larger the space. </p> <p>[img]Vspace.gif[/img]</p> <p>A preview of the horizontal and vertical space you enter is shown in the preview pane.</p> <p> </p> <h3>Alignment</h3> <p>You can pick where you want your text placed in around the image by clicking the down arrow beside the <strong>'Align' </strong>field and selecting an option from the dropdown menu.</p> <p>[img]alignment.gif[/img]</p> <p>Look at the preview pane to see which alignment you prefer.</p>