When writing an article for the CMASS website sometimes you will want to link in an image.
Here are instructions on how to do that.

To add an image:
  • First upload the image to the gallery or if you have access to the backend of the website, to the media area.
    PLEASE NOTE: These images will be shown on the home page of the website and if you use a large image it will cause problems so please keep the width of the image to 500 px and the image size to well below 75 K. 
  • In the article editor first place the curser in the spot you want the image.
  • click on the little icon on the bottom row of icons called 'Insert/Edit Image'.
    add-image1
  • in the properties for the image:
    • For the URL, copy the URL of the image from the gallery or select an image from the media area of the backend of the website. For example: 
      http://www.cmass.org/index.php?view=image&format=raw&type=orig&id=19&option=com_joomgallery&Itemid=68
      It will automatically remove the "http://www.cmass.org" part because it is on the same website. 
      If you want to link to an image on another website that's fine as well, just PLEASE keep the images small. 
    • Add whatever you like for the alternate text, or just use the name of the image. 
    • For dimensions put 500 in the left (horizontal dimension) so it does not make the image wider than the available space and keep proportional checked.
    • Alignment you can set to top or left or what ever looks best in your article. 
    • You can add a margin or border if you like.

Here is an example:

add-image2

  • You don't usually need to do anything with the other two tabs "Rollover and Advanced".
  • If you need to go back and modify the image settings, highlight the image by clicking on it once and then click on the "Insert/Edit Image" button again. The button should be highlighted to indicate there is already an image there.
  • Click the Apply button in the upper right of the edit article page to save the article and continue editing.
  • Click the Save button to save the article and exit. 
  • Clicking Close will close the editing session without saving.
  • You can also click the Preview button to see what it will look like.
  • Email This email address is being protected from spambots. You need JavaScript enabled to view it. or post in the forum if you have any issues.