...
Tip You will need to have the free Composition Plugin installed in order to use the deck and card macros.
Expand |
---|
|
Basic Use Wiki Markup |
Add the deck & card macros to a page to create a tabbed panel which is ideal for separating out blocks of related content
{ Code Block |
---|
}
{deck:id=my_deck}
{card:label=Card 1}
This is the first tab's content
{card}
{card:label=Card 2}
This is the second tab's content
{card}
{deck}
{code}
| Which gives: Wiki Markup |
---|
{composition-setup}
{composition-setup} |
Wiki Markup |
---|
{deck:id=my_deck}
|
Wiki Markup |
---|
{card:label=Card 1}
|
This is the first tab's content Wiki Markup |
---|
content
{card} |
Wiki Markup |
---|
{card:label=Card 2}
|
This is the second tab's content Wiki Markup |
---|
content
{card}
|
Add CSS styles to your deck & card macrosTo apply a CSS style simply add the appropriate class to the deck macro Code Block |
---|
Wiki Markup |
---|
To apply a CSS style simply add the appropriate class to the deck macro
{code}
{deck:id=my_deck|class=green}
{card:label=Card 1}
This is the first tab's content
{card}
{card:label=Card 2}
This is the second tab's content
{card}
{deck}
{code}
|
Which gives: Wiki Markup |
---|
{deck:id=my_deck|class=green}
|
Wiki Markup |
---|
{card:label=Card 1}
|
This is the first tab's content Wiki Markup |
---|
content
{card} |
Wiki Markup |
---|
{card:label=Card 2}
|
This is the second tab's content Wiki Markup |
---|
content
{card}
|
The other classes you can you use are *aqua *, *tan * and *red *
|
FAQ's
Expand |
---|
| Where can I find a list of all CSS used by the theme? |
---|
| Where can I find a list of all CSS used by the theme? |
---|
|
The various CSS resources used by the theme depend on various settings. You can view more information on the Style Sheets 3.x page, including a list of all the menu style sheets, etc. You can find the URL's to the style sheets by viewing the HTML source of a page and looking for the <link> tags at the top. If you browse to the URL's (remember to add in the path to your wiki at the start) you'll be able to view the CSS in the browser.
|
...