What if you want to add a box with a message, or a graphic, to a page? You can do it, because the system allows you to write HTML on your pages. For example, Lisa wanted to announce her new award on the front page of her gallery, but was not sure how. Here’s how we did it.

First, make a JPG graphic:

Log into the administration system.

1. Upload the graphic: click on the “Files” tab and upload the graphic. Note, in this example our graphic is named “mcc_accounce.jpg”.
2. Click the “Galleries” tab.
3. Click “Edit” (on the right) to edit the gallery front page.
4. In the “Statement” field, enter  [[mcc_announce.jpg:my picture]]

So, this worked well. It showed the graphic where the Statement text would go. But Lisa wanted the graphic nearer to the bottom. Here’s how we did it:

In the “Statement” field, we add positioning HTML code around the file insert command we used above. Here’s what it looks like:

<div style="position: fixed;bottom: 10%;">[[mcc_announce.jpg:my picture]]</div>

Now, the graphic appears exactly 10% of the window height from the bottom. Here’s what it looks like:

This entry was posted on Thursday, June 2nd, 2011 at 8:54 AM and is filed under How To. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.