Column |
---|
| Excerpt Include |
---|
| pluglib:Advanced Macros Plugin |
---|
| pluglib:Advanced Macros Plugin |
---|
nopanel | true |
---|
|
|
Column |
---|
| Deck of Cards |
---|
width | 907px |
---|
id | Content Formatting |
---|
| |
Card |
---|
| Content Formatting MacrosA 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 |
---|
| 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 |
---|
| 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 |
---|
| 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 |
---|
| 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 |
---|
| 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 |
---|
| 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)](/confluence/s/-qt7ena/8804/1naq7q0/_/images/icons/emoticons/error.svg)
| All | The media to apply this style sheet to, by default all media types are used. | import | ![(error)](/confluence/s/-qt7ena/8804/1naq7q0/_/images/icons/emoticons/error.svg)
| | Optionally specify a URL to import an external style sheet. |
|
Card |
---|
| 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 |
---|
| 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.
{note:title=Make sure you use a graphical marker to indicate the link otherwise the it will appear as normal text}
h3.Parameters
{code}
{clickable:tooltip|link}body content{clickable}
{code}
||*Name*||*Required?*||*Default*||*Description*||
|default|(/)| | The default parameter should contain a tooltip and the page to link to (which can be an internal or external link as desired.|
|
|
Card |
---|
| Wiki Markup |
---|
Creates a round rectangle with text or content.
h3. The Code :
Without a custom color:
{code}
{roundrect}Some Content{roundrect}
{code}
With a custom color:
{code}
{roundrect:bgcolor=#9966CC }Some Content{roundrect}
{code}
With a custom color and title:
{code}
{roundrect:bgcolor=#9966CC |title=Title}Some Content{roundrect}
{code}
h3. What you will get :
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}
h3.Parameters
{code}
{roundrect:title=myTitle}body content{roundrect}
{code}
||*Name*||*Required?*||*Default*||*Description*||
|bgcolor|(x)|#C0FFC0|The background colour of the rounded rectangle, this should be specified as a hex value.|
|title|(x)| |The contents of the title cell, if required.|
|footer|(x)| |The contents of the footer cell, if required.|
|width|(x)|fit contents|By default, the panel width will stretch to fit it's contents, unless you specify a specific width.|
|height|(x)|fit contents|By default, the panel height will stretch to fit it's contents, unless you specify a specific height|
|cornersize|(x)|25px|The radius, in pixels, of the panel corners. This sets the defaults for the hSize and vSize parameters below.|
|hSize|(x)|cornersize|This parameter, which defaults to the value defined by cornersize, defines the width of the panel corners.|
|vSize|(x)|cornersize|This parameter, which defaults to the value defined by cornersize, defines the height of the panel corners.|
|antialias|(x)|false|Setting the antialias parameter will result in much smoother corners and enable the cornercolor parameter.|
|footerbgcolor|(x)|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|(x)|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|(x)|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|(x)|true, true, true|a comma separated list of flags stating which rows should be displayed: Top, Middle, Bottom.|
|
|
Card |
---|
| Wiki Markup |
---|
Allows the aligning of text.
h3. The Code :
Justified:
{code}
{align:justify}
some content
{align}
{code}
Align right:
{code}
{align:right}
some content
{align}
{code}
Align left:
{code}
{align:left}
some content
{align}
{code}
Align center:
{code}
{align:center}
some content
{align}
{code}
h3. What you will get :
*Justified:*
{align:justify}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam fermentum vestibulum est. Cras rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quis tortor. Donec non ipsum. Mauris condimentum, odio nec porta tristique, ante neque malesuada massa, in dignissim eros velit at tellus. Donec et risus in ligula eleifend consectetuer. Donec volutpat eleifend augue. Integer gravida sodales leo. Nunc vehicula neque ac erat. Vivamus non nisl. Fusce ac magna. Suspendisse euismod libero eget mauris.
{align}
*Align right:*
{align:right}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam fermentum vestibulum est. Cras rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quis tortor. Donec non ipsum. Mauris condimentum, odio nec porta tristique, ante neque malesuada massa, in dignissim eros velit at tellus. Donec et risus in ligula eleifend consectetuer. Donec volutpat eleifend augue. Integer gravida sodales leo. Nunc vehicula neque ac erat. Vivamus non nisl. Fusce ac magna. Suspendisse euismod libero eget mauris.
{align}
*Align left:*
{align:left}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam fermentum vestibulum est. Cras rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quis tortor. Donec non ipsum. Mauris condimentum, odio nec porta tristique, ante neque malesuada massa, in dignissim eros velit at tellus. Donec et risus in ligula eleifend consectetuer. Donec volutpat eleifend augue. Integer gravida sodales leo. Nunc vehicula neque ac erat. Vivamus non nisl. Fusce ac magna. Suspendisse euismod libero eget mauris.
{align}
*Align center:*
{align:center}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam fermentum vestibulum est. Cras rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quis tortor. Donec non ipsum. Mauris condimentum, odio nec porta tristique, ante neque malesuada massa, in dignissim eros velit at tellus. Donec et risus in ligula eleifend consectetuer. Donec volutpat eleifend augue. Integer gravida sodales leo. Nunc vehicula neque ac erat. Vivamus non nisl. Fusce ac magna. Suspendisse euismod libero eget mauris.
{align}
h3.Parameters
{code}
{align:alignment}your content{align}
{code}
||*Name*|*Required?*|*Default*|*Description*||
|default|(/)|justify |* left Aligns text and content to the left of the page
* right Aligns text and content to the right of the page
* center Aligns text and content to the center of the page
* justify Justifies text and content to fit the width of the page (default)|
|
|
Card |
---|
| Wiki Markup |
---|
Displays a web-page within a Wiki page.
h3. The Code :
{code}
{iframe:src=http://stellar.mit.edu/|width=500|height=500}Your browser does not support iframes{iframe}
{code}
h3. What you will get :
{iframe:src=http://stellar.mit.edu/|width=500|height=500}Your browser does not support iframes{iframe}
h3.Parameters
{code}
{iframe:src=http://www.website.com}
text to show when browser does not support iframes
{code}
||*Name*||*Required?*||*Default*||*Description*||
|class|(x)| | The class to associate with the tag. Multiple classes can be specified by separating them with spaces.|
|title|(x)| |An optional inline style sheet to apply to the tag.|
|style|(x)| |Optional extra information about the tag.|
|id|(x)| | The html ID of the tag.|
|align|(x)| |The alignment of the iframe (left/right/top/middle/bottom).|
|frameborder|(x)| |Whether to display a border (0/1).|
|height|(x)| |The iframe height in px/%.|
|longdesc|(x)| |A url to a page which contains a long description of the content within the iframe.|
|marginheight|(x)| |The size of the top/bottom margins of the iframe.|
|marginwidth|(x)| |The size of the left/right margins of the iframe.|
|name|(x)| |The name of the iframe.|
|scrolling|(x)| |Whether to show scrollbars or not (yes/no/auto).|
|src|(/)| |The url to be displayed within the iframe.|
|width|(x)| |The width of the iframe in px/%.|
{iframe}
|
|
Card |
---|
| The Code :What you will get :Parameters |
|
Column |
---|
| Panel |
---|
borderColor | #828282 |
---|
bgColor | white |
---|
titleBGColor | #828282 |
---|
borderWidth | 1 |
---|
title | Technical Support |
---|
borderStyle | ridge |
---|
| 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 |
---|
bgColor | white |
---|
titleBGColor | #828282 |
---|
borderWidth | 1 |
---|
title | Search Wiki Help Pages |
---|
borderStyle | ridge |
---|
| |
|
|