Top tab panel region
This is top tab panel region, using highlight-black highlight class.
This panel height is dynamically calculated using jQuery, so it scales as you add more content into it.
Content top region
This is content top region, using highlight-red highlight class.
Content top left
This is content top left region, using highlight-greenhighlight class.
Content top right
This is content top right region, using highlight-purple highlight class.
Regions Showcase
This is node top region, using highlight-orange highlight class.
ZincOut comes with 25 regions and has a range of highlights styles to choose from to further enhance your content presentation. Highlights are highly suitable for custom block region. Don't forget to check out the tab panel regions on top.
To use the highlights, you have to know basic HTML on applying classes to tags. A typical way is
<div class="highlight-blue"> … your content … </div>
You may need to change the input format depending on your configuration. "Full HTML" input format should always work.
Available highlights are highlight-blue, highlight-lightgrey, highlight-red, highlight-orange, highlight-yellow, highlight-green, highlight-purple, highlight-pink, highlight-grey, highlight-black, icon1, icon2, icon3, icon4.
icon1-4 class together with "right" class with put the icon to the right hand side instead, i.e.
<div class="icon1 right"> … your content … </div>
This is node bottom region, using highlight-blue highlight class.
Content bottom left
This is content bottom left region, using highlight-orange highlight class.
Content bottom right
This is content bottom right region, using highlight-blue highlight class.
Content bottom region
This is content bottom region, using highlight-yellow highlight class.