University of Vermont

UVM Self-help Web Guide

Left Column Add-Ons

left column graphic

Left menu graphics above the menu

You can place a graphic above your main menu area or at the bottom of your main menu area. Note: if you do not use a main menu this graphic option is not available to you.

Instructions:

  • Because your graphic will be placed in the left-hand column it must be 200 pixels in width.
  • Give your image the file name default1.jpg, default1.gif or default1.png (depending on the format) and transfer it over to the directory where magicscript.php lives. Don't forget to check permissions.
  • File naming option:
    • If you want to name the graphic something other than default1.xxx, then you can. Just give it your own name, e.g., house.jpg.
    • Then, on the 0 Line of your defaultmenu.html or in your configuration file, append: ,image=house.jpg
    • Remember that commands on the 0 Line need to be separated by commas with no spaces around them.
    • This method (specifying the image filename in your defaultmenu.html) will override any default1.xxx image files.

That's it! The magicscript will place the image above your main menu.

More options for this graphic feature:

Giving your image an alt tag

You should specify an alt tag for your file. To do this, you'll need to add code to the zero ine of your defaultmenu.html (note: again, no spaces before or after the comma): ,image_alt= and include an appropriate alternate text for the graphic file. For example: ,image_alt=Image of UVM's greenhouse

Linking your menu image to a location on the Web

You also can make your image link to a location on the Web. To do so, add code to the zero line of your defaultmenu.html (note: again, no spaces before or after the comma): ,image_link=. For example: ,image_link=http://www.uvm.edu/admissions/ or ,image_link=?Page=apply.html

Formats for saving your graphics

You may save your logo or graphic as a GIF, a JPG, or a PNG. Any of the three extensions will work. GIFs are usually used for illustration, type and simple logos, and JPGs are usually used for photos, while PNG can be used for photos or graphics.

Random logo on page load

Another option you have is to create a collection of graphics that appear randomly as a user navigates through your website. To do this, place all the graphics you'd like to appear on your site in a single directory in the same folder as magicscript.php. Then, in the zero line of your defaultmenu.html file or in your configuration file, use image=directoryname to point to the directory you have created.

Remember to keep all your graphics to a width of 200 pixels and the Web Team recommends maintaining the same height for all.

Flash® Graphic

You may also use an Adobe Flash movie/game as your graphic. Your Flash file should follow the same naming convention, default1, have a .swf extension, and have a width of 200 pixels. The publishing system will include all the proper plug-in information for your Flash movie to play properly on most computers and devices that support Flash.

If you have multiple default1 files in your home directory, the Flash file will take precendence over the non-Flash graphic counterparts.

Left menu graphics below the menu

It is also possible to have a graphic at the bottom of the main menu area. This graphic must also be 200 pixels in width and will have the same features as the default1 image above with the exception of the file naming, random, and Flash options. This lower graphic must simply be named default2.xxx

The magicscript will place the image below your main menu area. There are several more options available for this graphic, similar to those for the default1 graphic as explained above but using image2_ instead of image_.

  • You should specify an alt-tag for your file. To do this, you'll need to add code to the zero ine of your defaultmenu.html (note: again, no spaces before or after the comma): ,image2_alt= and include an appropriate alternate text for the graphic file. For example: ,image2_alt=Image of UVM's greenhouse
  • You also can make your image link to a location on the Web. To do so, add code to the zero line of your defaultmenu.html (note: again, no spaces before or after the comma): ,image2_link=. For example: ,image2_link=http://www.uvm.edu/admissions/ or ,image2_link=?Page=apply.html

Last modified September 13 2011 01:06 PM