Page History

{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.|

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 (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}
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).|