Two Columns and a Banner

You may wish to remove the sidebar and use a two column layout for one of your pages -usually when you are wanting to acknowledge equal parity by funding bodies or supporters as in the case of our Research Scholarships and Expeditions website.

In this case, the site has a hidden section called ‘Home Banner‘ which contains the slideshow (four pieces of content) as described in our post on Slideshows and Banners.

The homepage – seen at the top of the above screenshot, contains two pieces of content. When we go to ‘Modify Content’ for that homepage section, we see that these are given names corresponding to the two columns on the websites screenshot above.

Choosing either piece of content, each would contain one of the columns. The important thing is the ‘class’ field, which contains two words:

  • twocol: this gives the piece of content a width of just under 50% of the whole content area, plus some padding.
  • nosidebar: this removes the usual menu bar from the site, meaning that the two columns fill the whole width of the template.

As you can see, the Class field can contain multiple instructions for the page layout, so you could also embed ticker taped bulleted lists in a column, or other things documented on this blog should you wish to.

 

 

 

Ticker Tapes

This post relates to the old Research and Conferences template and so has been Archived.

This article describes how to turn a regular bulleted list into a ticker tape. Another post (coming soon) will discuss how to sync this with your site news page, or with an RSS feed from another site or blog, but there are plenty of cases where you wouldn’t want the content to be fully synchronised.

  • Ticker tapes and other animated elements should be used with restraint, as they effect the readability of content on your site. This technique will only work with one ticker per page – you should not have more 😉

As with sliding banners, column and grid layouts, this makes use of the Class field in All Purpose Content.

Create a bulleted list in some All Purpose Content and make sure that each item is web a link to another webpage using the chainlink icon, this would ideally be your news page or the individual news items.

Give the piece of All Purpose Content the Class ‘tickertape’ in the field at the bottom of the content edit area – see below.

TickerTape

Any bulleted list items within this piece of content will become a ticker tape which types out the item character by character. Obviously the below screenshot isn’t animated:

Ticker Tape Example

Alternatively, using the same technique, you can use a different class ‘scrollingticker‘ which scrolls a new item vertically into view.

Scrolling ticker is slightly more flexible in that it does not restrict you to only having hyperlinked content in your bulleted list and can even work with images if laid out carefully.

Scrolling Ticker

See Also: