Webmaster's Blog

Posts under the ‘Images’ category

Using the Image Editor

Friday, January 18th, 2013

The image editor is a powerful tool within the CMS. We use it to create and edit images of specific sizes.  Please scroll to the bottom of this post to see common Image Editor errors. Here is a listing of the available Image Editor images and their corresponding sizes:

Image Name Image Size
Small Thumb (thumbnail) 95 x 95
Medium Thumb (thumbnail) 112 x 112
Large Thumb (thumbnail) 170 x 170
Personnel (faculty/staff portrait) 130 x 175
Full Size Vertical (photo slideshows) * x 500
Full Size Horizontal (photo slideshows) 700 x *
Single Column (column width) 333 x *
Horizontal (sub-banner) 465 x *
Sidebar (right sidebar) 213 x *

Note: Sizes are displayed as width x height. An asterisk (*) indicates that the size is variable.

(more…)

Aligning Items

Friday, February 18th, 2011

You can align paragraphs, divs, tables, images and other elements using CSS classes. Alignment options include left align, center align, and right align. You may align items using the following classes in ePhox code view:

Paragraphs

<p class="right">Right aligned paragraph.</p>

This is an example of a right aligned paragraph.

Images

<img src="test.jpg" class="center" />

Centered Image

Centered Image

(more…)

Add/Update Banner Images

Thursday, November 5th, 2009

Your department’s website is most likely filled with photo banners to liven up its look and feel. Photo banners appear at the top of webpages and include a border around them. We generally make sure each level 1 webpage (main left navigation links) has a full banner. Level 2 webpages (sub-navigation to main left navigation links) may use banners or sub-banners depending on content and preferences. The use of banners and sub-banners varies by department and website section.

Banners come in two sizes: full banners and sub-banners. Full banners span the width of the entire content area of a webpage and go above the right sidebar (if one exists) while sub-banners appear to the left of the right sidebar in the content area. Banners should be no more than 130 pixels tall, so the image does not move your webpage’s content too low on the screen for your users to instantly read. (more…)

Staff Directory (Personnel Items)

Tuesday, October 13th, 2009

Updating your staff directory can involve a number of steps. We’ll walk you through the steps involved for a Personnel Item in your faculty/staff directory.

1. Create new
2. Update existing
3. Remove from website

There are a few steps involved in creating a new Personnel Item. You must:

1. Create an Image Editor content item for your staff photo,
2. Create a Personnel Item with contact information, and
3. Slot the Personnel Item into its appropriate Grouped Item, so it will show up on your directory web page (not necessary for alphabetized listings).

(more…)

Marketing and Communications

Administration Building G13
1400 Townsend Drive
Houghton, Michigan 49931-1295

Ph. 906-487-2354
Fax: 906-487-3553
Email: umc@mtu.edu

Michigan Technological University

1400 Townsend Drive
Houghton, Michigan 49931-1295
906-487-1885

See a Problem?

Email the Webmaster

Protected by Akismet | Blog with WordPress