You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 62 Next »

Content Formatting Macros

A set of macros that allow easy formatting of Wiki content.

This plugin includes the following macros:
  • lozenge - an attractive, customisable lozenge button
  • bgcolor - set content background color
  • highlight - highlight background of bits of content
  • Symbols - insert a service, trade, or registered trademark.
  • center - center content on screen (including tables, etc)
  • strike - a graphical strikeout effect
  • clickable - hyperlinks all contained content to a page or URL
  • roundrect - an attractive customisable round rectangle
  • align - allows you to left/right/center and justify-align your content
  • iframe - allows you to create iframes
  • rollover - allows you to create rollover effects

This macro creates a professional lozenge effect that's ideal for creating professional looking buttons or simply highlighting important information.

The Code

With an icon:

{lozenge:icon=!bell.png!|title=Announcement}Some important news here...{lozenge}

Without an icon and with a custom color:

{lozenge:title=Announcement|color=red}Some important news here...{lozenge}

Result"> Result

Parameters"> Parameters

Sets the background color for a section of content. You can specify a background color using color names or hexadecimal color codes.

The Code

Color names:

{bgcolor:red}red{bgcolor}
{bgcolor:yellow}yellow{bgcolor}
{bgcolor:green}green (default){bgcolor}
{bgcolor:cyan}cyan{bgcolor}
{bgcolor:blue}blue{bgcolor}
{bgcolor:purple}purple{bgcolor}

Hexadecimal:

{bgcolor:#E47833}mandarin orange{bgcolor}
{bgcolor:#802A2A}brown{bgcolor}
{bgcolor:#F08080}light coral{bgcolor}
{bgcolor:#800000}maroon{bgcolor}
{bgcolor:#D44942}chili{bgcolor}
{bgcolor:#CDB7B5}misty rose{bgcolor}

Result"> Result

Parameters"> Parameters

Allows you to highlight a portion of content. You can specify a color using color names or hexadecimal color codes.

The Code

{highlight:red}red{highlight}
{highlight:yellow}yellow (default){highlight}
{highlight:green}green{highlight}
{highlight:cyan}cyan{highlight}
{highlight:blue}blue{highlight}
{highlight:purple}purple{highlight}

Result"> Result

Parameters"> Parameters

Add a trademark, a service mark, copyright, or registered trademark

The Code

Trademark:

{tm}Like a Rock{tm}

Service Mark:

{sm}My Service{sm}

Copyright:

{copyright}2010 Massachusetts Institute of Technology{copyright}

Registered Trademark:

{reg-tm}Registered Trademark{reg-tm}

Result"> Result

Use this macro to center a portion of content.

The Code

{center}Some centered content.{center}

Result"> Result

This macro is designed to allow a single page to have custom styles applied to it. The style sheet can optionally be restricted to specific media types and you can optionally import an external style sheet from a URL.

The Code

This style sheet will make citation text look pretty:

{style}
/* citation */
cite:before {
 content: "\"";
}
cite:after {
 content: "\"";
}
cite, cite:before, cite:after {
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
}
{style}

Now enter some citation text:

??Some citation text??

Result"> Result

Parameters"> Parameters

Adds a more graphical representation of deleted text.

The Code

{strike}deleted text{strike}

Result"> Result

With this macro you can easily and cleanly link entire blocks of text, panels and just about anything else that appears on your Wiki pages.

The Code

Visit the {clickable:I NEED HELP!!|HELP:Home}*Wiki Help Pages*{clickable} for support.

Result"> Result

Parameters"> Parameters

Creates a round rectangle with text or content.

The Code

Without a custom color:

{roundrect}Some Content{roundrect}

With a custom color:

{roundrect:bgcolor=#9966CC }Some Content{roundrect}

With a custom color and title:

{roundrect:bgcolor=#9966CC |title=Title}Some Content{roundrect}

Result"> Result

Parameters"> Parameters

{roundrect:title=myTitle}body content{roundrect}

Name

Required?

Default

Description

bgcolor

#C0FFC0

The background colour of the rounded rectangle, this should be specified as a hex value.

title

 

The contents of the title cell, if required.

footer

 

The contents of the footer cell, if required.

width

fit contents

By default, the panel width will stretch to fit it's contents, unless you specify a specific width.

height

fit contents

By default, the panel height will stretch to fit it's contents, unless you specify a specific height

cornersize

25px

The radius, in pixels, of the panel corners. This sets the defaults for the hSize and vSize parameters below.

hSize

cornersize

This parameter, which defaults to the value defined by cornersize, defines the width of the panel corners.

vSize

cornersize

This parameter, which defaults to the value defined by cornersize, defines the height of the panel corners.

antialias

false

Setting the antialias parameter will result in much smoother corners and enable the cornercolor parameter.

footerbgcolor

bgcolor

The background colour of the footer area (defaults to the same colour as the overall background colour bgcolor), this should be specified as a hex value.

titlebgcolor

bgcolor

The background colour of the title area (defaults to the same colour as the overall background colour bgcolor), this should be specified as a hex value.

corners

true,true,true,true

a comma separated list of flags stating which corners should be rounded: Top Left, Top Right, Bottom Left, Bottom Right.

rows

true, true, true

a comma separated list of flags stating which rows should be displayed: Top, Middle, Bottom.

Allows the aligning of text.

The Code

Justified:

{align:justify}
some content
{align}

Align right:

{align:right}
some content
{align}

Align left:

{align:left}
some content
{align}

Align center:

{align:center}
some content
{align}

Result"> Result

Parameters"> Parameters

Displays a web-page within a Wiki page.

The Code

{iframe:src=http://stellar.mit.edu/|width=500|height=500}Your browser does not support iframes{iframe}

Result"> Result

Parameters"> Parameters

Displays text when cursor hovers over designated area.

The Code

Basic rollover:

{style}
.test {
background-color:#00AA00;
color:#000000;
}
.test-rollover {
background-color:#0000AA;
color:#FFFFFF;
}
{style}
{rollover:class=test}{div}Some Content{div}{rollover}

Rollover with link:

{rollover:class=test|link=ADAPTAVIST:home}{div}Link to main homepage{div}{rollover}

Rollover with link and pointer:

{style}
.pointy-rollover {
background-color:#0000AA;
color:#FFFFFF;
cursor:pointer;
}
{style}
{rollover:class=test|over=pointy-rollover|link=MITDASHBOARD:home}{div}Link to MIT Wikis{div}{rollover}

Outside webpages can also be linked to by entering the url in the 'link=' parameter.

Result"> Result

Parameters"> Parameters

deck: com.atlassian.confluence.macro.MacroExecutionException: java.lang.NullPointerException
Unknown macro: {roundrect}
  • No labels