Atlassian Summit 2010 – Confluence Themes
Upcoming SlideShare
Loading in...5
×
 

Atlassian Summit 2010 – Confluence Themes

on

  • 946 views

 

Statistics

Views

Total Views
946
Views on SlideShare
929
Embed Views
17

Actions

Likes
0
Downloads
16
Comments
0

1 Embed 17

http://www.slideshare.net 17

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Atlassian Summit 2010 – Confluence Themes Atlassian Summit 2010 – Confluence Themes Presentation Transcript

  • 1
  • Documentation 2
  • Documentation Theme 3
  • Before 4
  • After 5
  • You can do it too! Let’s get started 6
  • Confluence Themes 101 How to build a Confluence Theme Jens Schumacher Product Manager – Atlassian 7
  • Building Blocks • Module Types • Colour Schemes • Style Sheets • Layouts 8
  • Colour Schemes • The simplest way to match the look and feel of your Corporate Identity • Headings • Text • Links • Header • Menu Items • etc. 9
  • Colour Scheme Module <theme key="mytheme"> <colour-scheme key="earth-colours"/> </theme> <colour-scheme key="earth-colours" name="Brown and Red Earth Colours"> <colour key="property.style.topbarcolour" value="#000"/> <colour key="property.style.linkcolour"value="#999999"/> </colour-scheme> 10
  • Colour Scheme Module <theme key="mytheme"> <colour-scheme key="earth-colours"/> </theme> <colour-scheme key="earth-colours" name="Brown and Red Earth Colours"> <colour key="property.style.topbarcolour" value="#000"/> <colour key="property.style.linkcolour"value="#999999"/> </colour-scheme> 11
  • Example 12
  • Style Sheets • Web standard • Used to style web pages • Separation of document content and presentation 13
  • Style Sheet – Resource Module <theme key="mytheme"> <resource type="download" name="my-theme.css" location="styles/my-theme.css"/> </theme> 14
  • Style Sheet – Resource Module <theme key="mytheme"> <resource type="download" name="my-theme.css" location="styles/theme.css"/> </theme> 15
  • Example 16
  • Layouts • Powerful • New elements • Version specific 17
  • Layout Types main context • Global • Space • Page • Blog • Mail 18
  • Layout Types 19
  • Layout Types main context 19
  • Layout Module <layout key="main" name="Main Decorator" overrides="/decorators/main.vmd"> <resource type="velocity" name="decorator" location="simpletheme/main.vmd" /> </layout> 20
  • Layout Module <layout key="main" name="Main Decorator" overrides="/decorators/main.vmd"> <resource type="velocity" name="decorator" location="simpletheme/main.vmd" /> </layout> 21
  • Global Navigation Example 22
  • Global Navigation Example 22
  • Try it yourself! • http://atlss.in/themetutorial 23