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

Compare with Current View Page History

« Previous Version 68 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

      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