Quick Search:     [ List All ]  [ Email ] [ Search ]
Article Info:
ID: 50868
Category: Editing
Topic: General
References:
Posted: Brett Essler - 11-20-2008
Modified: Brett Essler - 02-03-2010
Article Title: HTML Markup for Microcontent Layout

Abstract:

HTML to be used in microcontent announcements.
When creating announcements in microcontent for your site, you may find the following <div> class tags and html useful:

Dotted Line

<div class="dotted"> </div> will add a dotted line:



Date Text Style

<div class="date"></div> will style text for dates in events and news stories:

January 1, 2009


Gray Background Box

<div class="box related-links top"></div> will create a box with a gray background:



Headlines

Use <h2>, <h3> and <h4> for headlines:

H3 Headline

H4 Headline

For an example of microcontent layout, view the code of the sidebar on the upper right hand side of the page:

<div class="box related-links top">

<h2>CMS Knowledge Base</h2>

The Knowledge Base is a guide to creating and managing content in all areas
of the CMS. Enter a keyword into the search tool to find available
resources on your subject.<br><br>

<div class="dotted"> </div>

<h3>Don't See it Here?</h3>

If the CMS topic you&#8217;re looking for is not in the Knowledge Base, <a href="mailto:bee2105@columbia.edu">let us know</a>.

<p>Or, see <a href="http://www4.gsb.columbia.edu/cms/tips">CMS Tips</a> or <a href="http://www4.gsb.columbia.edu/cms/howto/training">download training documentation</a> for additional topics.</p>

</div>
See Also

CMS Knowledge Base

The Knowledge Base is a guide to creating and managing content in all areas of the CMS. Enter a keyword into the search tool to find available resources on your subject.

Don't See it Here?

If the CMS topic you’re looking for is not in the Knowledge Base, let us know.

Or, see CMS Tips or download training documentation for additional topics.