{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}Some important news here...{lozenge}
{lozenge:icon=!bell.png!|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.|
|