Insert an Image

THESE PAGES ARE STILL UNDER CONSTRUCTION AND DO NOT NECESSARELY REFLECT THE CURRENT VERSION OF TÓPICO

In this tutorial, you'll learn how to add an image to your topic.

Before adding images to your topics, it is strongly suggested that you format these images to best fit your published web pages. You should also copy all images are in the online/images folder (see Site Folders Structure) unless you want to type longer file paths.

Insert an image with the editor toolbar

To add an image to your topic:

  1. Position the cursor at the location you want to insert the image;
  2. Click on the image button image in the toolbar;
  3. Enter some Alternate Text for the image (a very short description);
  4. Type the image relative URL, preceded by the folder name (ex.: images/myimage.jpg);
  5. Click OK.

Insert an image with the Insert popup menu

Registered users can insert insert images with the Insert popup menu.

  1. From the Content tab, click on the Insert button above the editor;
  2. From the popup menu, select Image;
  3. Select the image from the online/image folder (or any sub folder);
  4. Right click on the newly inserted image;
  5. From the popup menu, select Image > Reset Dimensions;
  6. Click OK.

Floating images left or right

If you want the image to float either on the left or right side:

  1. Select the image you want to float;
  2. Right click on it;
  3. From the pop up menu, select Align Left or Align Right
Tip

Although resetting the dimensions brings no visual change, the XStandard editor writes the image dimensions so web browsers can better prepare their layout engine when loading the page. This prevents the page layout to reshape itselfs drastically, which is annoying.

A later revision of Tópico will probably write these values when inserting the image.

THESE PAGES ARE STILL UNDER CONSTRUCTION AND DO NOT NECESSARELY REFLECT THE CURRENT VERSION OF TÓPICO

Back
29 / 194