[All Adaptavist Apps]

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
Theme Builder is designed to not get in the way of content authoring - it changes the way your site looks without requiring any changes to the content.

There are, however, a few things you can take advantage of as content authors...

h2. Cleaner Content

A well-designed theme layout will make your content look super-clean and easy to read.

Which theme would you rather use for your content?

{section}{column:width=25%}{center}Default Confluence Theme \\ [!The Alternatives^thumb_default.png!|The Alternatives^theme_default.png]
{center}{column}{column:width=25%}{center}Left Navigation Theme \\ [!The Alternatives^thumb_leftnav.png!|The Alternatives^theme_leftnav.png]
{center}{column}{column:width=25%}{center}Clickr Theme \\ [!The Alternatives^thumb_clickr.png!|The Alternatives^theme_clickr.png]
{center}{column}{column:width=25%}{center}...or Theme Builder: \\ [!The Alternatives^thumb_builder.png!|The Alternatives^theme_builder.png]
{center}{column}{section}
{center}{span:class=smalltext}Screen grabs of our [About] page taken using Confluence 2.6.2, February 2008. Click thumbnails to enlarge.{span}{center}

h2. PNG Support in Internet Explorer

Internet Explorer 5.5 and above can display PNG (Portable Network Graphic) images, however prior to version 7 any transparent regions would be replaced with a pale blue background. Theme Builder fixes this issue, allowing you to safely use PNG images in your content.
{section}{column:width=50%}{center}
!ie_fish.png!
{span:class=smalltext}PNG rendered in MSIE 6 or earlier{span}
{center}{column}{column:width=50%}{center}
!fish.png!
{span:class=smalltext}Transparency fixed by Theme Builder{span}
{center}{column}{section}

h2. Page-Level Layouts

You can change the theme layout on a page-by-page basis - perfect for creating unique space home pages.
{code}
{menulink:use-layout|layout=WWW}one website theme{menulink} or {menulink:use-layout|layout=ADAPTAVIST}another website design{menulink}
{code}

 h2h2. Links and Icons

Create links to almost any Confluence feature and external URLs with the ability to specify targets, access keys, classes, relationships, etc. There are also over 800 icons (each in both GIF and PNG format - over 1,600 icons in total) that can be used anywhere in your content.

!icons.png|align=center!

h2. Moving Content

You can move content from your pages in to the theme layout panels such as sidebars, headers and footers.

h2. In-Page Menus

You can add menus in to your own content, ideal for creating small software simulations.

h2. Convert Mail to Wiki Page

A special menulink macro location allows you to convert the currently viewed mail message from the Space mail archive in to an editable wiki page.

h2. Imported Page Content

Render content from another page or space in the context of the current page - ideal for creating context-sensitive boilerplate content or navigation that can be re-used anywhere in the wiki. [Related Tutorial...|Space-level Theme Settings]

h2. Show and Hide

Show and hide blocks of content based on labels, page title, metadata, user group, privileges, etc.
{section}{column:width=50%}
{noformat}
{builder-show:label=draft}
 (!) This document is a DRAFT
{builder-show}
{noformat}
{column}{column:width=50%}
{noformat}
{builder-hide:group=confluence-users}
 Please {menulink:login}log in{menulink} first.
{builder-show}
{noformat}
{column}{section}