Emmanuel College Web Style Guide

Page 30

s a mp l e p a g e s Looking Closer Pop-up Example: Home > Looking Closer This pop-up appears when a user clicks on a the Looking Closer feature on the home page and second level pages. Each horizontal tab offers a

1

different topic. Each topic has multiple stories which the user can navigate through by clicking on the precious and next buttons on the bottom. Each story must have one large image across the top, and can also have optional podcast, video and audio.

1

Story Image Each story requires one large image sized to 596 x 294 pixels in dimension.

2

Learn More About Links These links are section dependent (as opposed to story-dependent) and link to additional section relevant information. Clicking through these links will open the information in a new window.

H2

2 2

Rich Media Links (optional) These links can be used to showcase story-related media assets. They can be used together or seperately as needed. Clicking through these links will open the media file in a new window.

3

30


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.