Customizing Shortcut Blocks

The output of a shortcut block is structured like this:

<div id="shortcuts_side_home">
<div id="shortcuts_side_std_disabled"> <div id="shortcut_665" class="shortcut_item_box">
<div class="shortcut_content">
<h2>
<a href="/home.html">
Test Shortcut Three</a>
</h2>
<div class="shortcut_image">
<a href="/home.html">
<img src="cmsincludes/shortcut_image.php?id=665" alt="Test Shortcut Three" />
</a>
</div>
<p>
Test Test Test
</p>
</div>
</div></div></div>

A shortcut is contained in a outer div, shown here as "div id="shortcuts_side_home"" this div is defined by you and is generally placed around the PHP shortcut snippet as noted on the previous page. This allows you to control the styling behind the shortcuts (e.g. where the block should live on the page).

A shortcut is then contained within a div with "class="shortcut_item_box"". This provides the container div for one shortcut. The content of the shortcut is then further contained in a div with "class="shortcut_content"".  Within a shortcut is a div with "class="shortcut_image" - this contains a thumbnail of the image associated with the shortcut.

Here is an image for clarification:

You might want to arrange your shortcut blocks like so:

1. Vertical Arrangement

2. Horizontal Arrangement

3. Box Arrangement

Top of Page