Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section
Column
width20%
Excerpt Include
pluglib:Advanced Macros Plugin
pluglib:Advanced Macros Plugin
nopaneltrue
Column
width60%
Deck of Cards
width907px
idContent Formatting

Card
labelOverview

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
Card
labelDocumentation
Wiki Markup
{deck:id=contentm}
{card:label=lozenge}
This macro creates a professional lozenge effect that's ideal for creating professional looking buttons or simply highlighting important information.
h3.The Code :
With an icon:
{code}
{lozenge:icon=!bell.png!|title=Announcement}Some important news here...{lozenge}
{code}
Without an icon and with a custom color:
{code}
{lozenge:title=Announcement|color=red}Some important news here...{lozenge}
{code}
h3. What you will get :
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}


h3. Parameters
||*Name*|*Required?*|*Default*|*Description*||
|link|(x)| | if specified, clicking the lozenge will go to the specified link.|
|color|(x)| silver| The color of the left portion of the lozenge. |
|arrow|(x)| none or blue| Defines which arrow to use on the left portion of the lozenge:
* none (default if no "link" specified) - the arrow will not be displayed
* blue (default if a link is specified) - a blue arrow will be displayed
* green - a green arrow will be displayed.|
|title|(x)| |The title to show at the top of the main panel.|
|icon|(x)| |Attach an image (see above) or some text to the left of the lozenge.|
|width|(x)|347px|The width of the entire lozenge in pixels or as a percentage. Specify auto  to make the lozenge automatically stretch to fit it's contents.|

Card
labelbgcolor
Wiki Markup
Sets the background color for a section of content. You can specify a background color using color names or hexadecimal color codes.
h3. The Code :
Color names:
{code}
{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}
{code}
Hexadecimal:
{code}
{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}
{code}
h3. What you will get :
Color names:
{bgcolor:red}red{bgcolor}
{bgcolor:yellow}yellow{bgcolor}
{bgcolor:green}green{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}
h3.Parameters
{code}
{bgcolor:myColor}your content{bgcolor}
{code}
||*Name*|*Required?*|*Default*|*Description*||
|default|(/)|green|The "myColor" default parameter defines the background colour for the content contained within the macro and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).|
Card
labelhighlght
Wiki Markup
Allows you to highlight a portion of content. You can specify a color using color names or hexadecimal color codes.
h3. The Code :
{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}
{code}
h3. What you will get :
{highlight:red}red{highlight}
{highlight:yellow}yellow{highlight}
{highlight:green}green{highlight}
{highlight:cyan}cyan{highlight}
{highlight:blue}blue{highlight}
{highlight:purple}purple{highlight}
h3.Parameters
{code}
{bgcolor:myColor}your content{bgcolor}
{code}
||*Name*|*Required?*|*Default*|*Description*||
|default|(/)|yellow|The "myColor" default parameter defines the background colour for the content contained within the macro and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).|
Card
labelSymbols
Wiki Markup
Add a trademark, a service mark, copyright, or registered trademark
h3. The Code :
Trademark:
{code}
{tm}Like a Rock{tm}
{code}
Service Mark:
{code}
{sm}My Service{sm}
{code}
Copyright:
{code}
{copyright}2010 Massachusetts Institute of Technology{copyright}
{code}
Registered Trademark:
{code}
{reg-tm}Registered Trademark{reg-tm}
{code}
h3. What you will get :
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}
Card
labelcenter
Wiki Markup
Use this macro to center a portion of content.
h3. The Code :
{code}
{center}Some centered content.{center}
{code}
h3. What you will get :
{center}Some centered content.{center}
Card
labelstyle

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:

Code Block
{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:

Code Block
??Some citation text??

What you will get :

Some citation text

Parameters

Code Block
{style:media=x,y,z|import=url}
style sheet
{style}

Name

*Required?

Default

Description

media

(error)

All

The media to apply this style sheet to, by default all media types are used.

import

(error)

 

Optionally specify a URL to import an external style sheet.

Card
labelstrike
Wiki Markup
Adds a more graphical representation of -deleted text-.
h3. The Code :
{code}
{strike}deleted text{strike}
{code}
h3. What you will get :
{strike}deleted text{strike}
Card
labelclickable
Wiki Markup
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.
h3. The Code :
{code}
Visit the {clickable:I NEED HELP!!|[HELP:Home]}*Wiki Help Pages*{clickable} for support.
{code}
h3. What you will get :
Visit the {clickable:I NEED HELP!!|[HELP:Home]}*Wiki Help Pages*{clickable} for support.
h3.Parameters
Card
labelroundect

The Code :

What you will get :

Parameters

Card
labelalign

The Code :

What you will get :

Parameters

Card
labeliframe

The Code :

What you will get :

Parameters

Card
labelrollover

The Code :

What you will get :

Parameters

Card

Deck of Cards

Column
width20%
Panel
borderColor#828282
bgColorwhite
titleBGColor#828282
borderWidth1
titleTechnical Support
borderStyleridge

Help Desk
If you have encountered a problem using Wikis or have a comment or question about Wikis, please contact the Computing Helpdesk via email or at 617-253-1101, Monday - Friday 8-6 EST

Panel
borderColor#828282
bgColorwhite
titleBGColor#828282
borderWidth1
titleSearch Wiki Help Pages
borderStyleridge

Livesearch
spaceKeyHELP