Features

Inappropriate use

The feature block should not be used for primary website navigation, static images, or stories which appear permanently or for long periods of time (as these aren't really features).

Feature images should not include any text other than the ANU window. Images should not contain logos.

Websites may use feature blocks to highlight news, events or interesting stories, and they usually link to a webpage on your site with further details. By design, the feature rotator can show up to eight stories.

Content should change regularly (at least once a month) and should be relevant to the website and its activities. Features are a means to highlight information, but should not normally be the only location on your website where that information appears.

The feature block may be turned on and off if feature stories are only available during certain times. For example, if you have a feature story that is only relevant for two weeks of the year, the feature bar can appear on the homepage for those two weeks only.

If you use the PHP templates, follow these instructions to install features.

ANU window homepage features

Title 1 sed turpis urna blandit adipiscing
Title 1 sed turpis urna blandit adipiscing

Title 1 sed turpis urna blandit adipiscing

Lorem ipsum dolor sit amet. Maecenas congue. Nunc accumsan, tellus a auctor nonummy, lacus pede venenatis sem, eu condimentum leo ipsum et risus. Vulputate non, pretium at, eleifend ut, neque.

» read more

Title 2 nam euismod suspendisse libero magna
Title 2 nam euismod suspendisse libero magna

Title 2 nam euismod suspendisse libero magna

Curabitur porta, eros ac nonummy euismod. Sit amet ornare wisi diam non velit. Nullam ac turpis ac diam consequat imperdiet. Morbi tristique, est sit amet porttitor pretium, dolor blandit hendrerit ante.

» read more

Title 3 nullam mollis scelerisque tortor
Title 3 nullam mollis scelerisque tortor

Title 3 nullam mollis scelerisque tortor

Class aptent taciti sociosqu ad litora, per inceptos hymenaeos. Sed imperdiet. Vestibulum adipiscing dolor iaculis lacus. In aliquam quam quis leo. Nulla vel sapien ac neque eleifend eleifend. Aenean non mi.

» read more

Title 4 sapien ac neque eleifend
Title 4 sapien ac neque eleifend

Title 4 sapien ac neque eleifend

Sed mattis eleifend urna. Aliquam adipiscing. Integer eros tortor, iaculis eget, volutpat condimentum, euismod in, sapien. Quisque hendrerit dui a purus. Pellentesque lectus turpis, blandit at, luctus eu, varius at, nulla.

» read more

This type of feature can only be used on the homepage and should be the first item of content on the page, alongside the site menu. Each feature must include a title, summary and an image.

Feature images should be 320px by 215px. The ANU window will be automatically applied. When selecting images, care should be taken to avoid putting letters over faces of people. Images with dark backgrounds work best because they appear as a well-defined box against the white background of the page, with the overlaid white ANU letters standing out clearly.

Use the feature preview tool to see how your image will look with the ANU letters overlaid.

No window features

Features with no ANU window are also available and, unlike ANU window features, can be used on any page of your site to highlight transient items of interest. The standard no window features should be the first item of content on the page and must include a title, summary and image.

Standard no window features

Title 1 sed turpis urna blandit adipiscing

Lorem ipsum dolor sit amet. Maecenas congue. Nunc accumsan, tellus a auctor nonummy, lacus pede venenatis sem, eu condimentum leo ipsum et risus. Vulputate non, pretium at, eleifend ut, neque.

» read more

Title 1 sed turpis urna blandit adipiscing

Title 2 nam euismod suspendisse libero magna

Curabitur porta, eros ac nonummy euismod. Sit amet ornare wisi diam non velit. Nullam ac turpis ac diam consequat imperdiet. Morbi tristique, est sit amet porttitor pretium, dolor blandit hendrerit ante.

» read more

Title 2 nam euismod suspendisse libero magna

Title 3 nullam mollis scelerisque tortor

Class aptent taciti sociosqu ad litora, per inceptos hymenaeos. Sed imperdiet. Vestibulum adipiscing dolor iaculis lacus. In aliquam quam quis leo. Nulla vel sapien ac neque eleifend eleifend. Aenean non mi.

» read more

Title 3 nullam mollis scelerisque tortor

Title 4 sapien ac neque eleifend

Sed mattis eleifend urna. Aliquam adipiscing. Integer eros tortor, iaculis eget, volutpat condimentum, euismod in, sapien. Quisque hendrerit dui a purus. Pellentesque lectus turpis, blandit at, luctus eu, varius at, nulla.

» read more

Title 4 sapien ac neque eleifend

Narrow & wide features

Narrow and wide side features can be displayed anywhere on the page. They can also be used for slideshows by leaving the title, excerpt and read more link blank (or the text can be used for captions).

Wide side features

Title 1 wide feature

Title 1 wide feature

Lorem ipsum dolor sit amet. Maecenas congue. Nunc accumsan, tellus a auctor nonummy, lacus pede venenatis sem, eu condimentum leo ipsum et risus. Vulputate non, pretium at, eleifend ut, neque.

» read more

Title 2  wide feature

Title 2 wide feature

Curabitur porta, eros ac nonummy euismod. Sit amet ornare wisi diam non velit. Nullam ac turpis ac diam consequat imperdiet. Morbi tristique, est sit amet porttitor pretium, dolor blandit hendrerit ante.

» read more

Title 3  wide feature

Title 3 wide feature

Class aptent taciti sociosqu ad litora, per inceptos hymenaeos. Sed imperdiet. Vestibulum adipiscing dolor iaculis lacus. In aliquam quam quis leo. Nulla vel sapien ac neque eleifend eleifend. Aenean non mi.

» read more

Title 4  wide feature

Title 4 wide feature

Sed mattis eleifend urna. Aliquam adipiscing. Integer eros tortor, iaculis eget, volutpat condimentum, euismod in, sapien. Quisque hendrerit dui a purus. Pellentesque lectus turpis, blandit at, luctus eu, varius at, nulla.

» read more

Narrow side features

Title 1 narrow feature

Title 1 narrow feature

Lorem ipsum dolor sit amet. Maecenas congue. Nunc accumsan, tellus a auctor nonummy, lacus pede venenatis sem, eu condimentum leo ipsum et risus. Vulputate non, pretium at, eleifend ut, neque.

» read more

Title 2  narrow feature

Title 2 narrow feature

Curabitur porta, eros ac nonummy euismod. Sit amet ornare wisi diam non velit. Nullam ac turpis ac diam consequat imperdiet. Morbi tristique, est sit amet porttitor pretium, dolor blandit hendrerit ante.

» read more

Title 3  narrow feature

Title 3 narrow feature

Class aptent taciti sociosqu ad litora, per inceptos hymenaeos. Sed imperdiet. Vestibulum adipiscing dolor iaculis lacus. In aliquam quam quis leo. Nulla vel sapien ac neque eleifend eleifend. Aenean non mi.

» read more

Title 4  narrow feature

Title 4 narrow feature

Sed mattis eleifend urna. Aliquam adipiscing. Integer eros tortor, iaculis eget, volutpat condimentum, euismod in, sapien. Quisque hendrerit dui a purus. Pellentesque lectus turpis, blandit at, luctus eu, varius at, nulla.

» read more

Image showcase features

You might consider this style of feature rotator when you would like to showcase the images. However, please note the following:

  • You must always have exactly four feature stories.
  • You must provide images in a large size, a second size for responsive screen sizes, and a thumbnail size. The three images all have different ratios so some thought will have to go into cropping the images.
    • Large size: 470x270px
    • Large size (full screen): 640x360px
    • Responsive size:280x360px
    • Thumbnail size:90x90px
  • The space for the feature text is quite limited – you will only have about five or six words to describe the story.

This type of feature can also be used on sites using fullwidth layouts.

News ticker features

News: Title 1 sed turpis urna blandit adipiscing

Lorem ipsum dolor sit amet. Maecenas congue. Nunc accumsan, tellus a auctor nonummy, lacus pede venenatis sem, eu condimentum leo ipsum et risus. Vulputate non, pretium at, eleifend ut, neque.

News: Title 2 nam euismod suspendisse libero magna

Curabitur porta, eros ac nonummy euismod. Sit amet ornare wisi diam non velit. Nullam ac turpis ac diam consequat imperdiet. Morbi tristique, est sit amet porttitor pretium, dolor blandit hendrerit ante.

News: Title 3 nullam mollis scelerisque tortor

Class aptent taciti sociosqu ad litora, per inceptos hymenaeos. Sed imperdiet. Vestibulum adipiscing dolor iaculis lacus. In aliquam quam quis leo. Nulla vel sapien ac neque eleifend eleifend. Aenean non mi.

News: Title 4 sapien ac neque eleifend

Sed mattis eleifend urna. Aliquam adipiscing. Integer eros tortor, iaculis eget, volutpat condimentum, euismod in, sapien. Quisque hendrerit dui a purus. Pellentesque lectus turpis, blandit at, luctus eu, varius at, nulla.

Homepage promotional messages

Promotional messages can only be used on the homepage and should be the first item of content on the page, alongside the site menu. Each feature must include a title, summary and an image. You are able to have up to seven promotional messages.

This type of feature can also be used on sites using fullwidth layouts.

Promotional message images should be 920px by 518px.

Updated:  18 August 2017/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle