How to setup Core Design TypoCSS plugin? Print E-mail
(3 votes)

 

Tip Joomla! 1.0

All CSS styles are located in /mambots/content/cd_typocss/css directory.


Tip Joomla! 1.5

All CSS styles are located in /plugins/content/cd_typocss/css directory.

 

To apply CSS style to your content use the following notation (available strings):

1. Icons typography (default):

{typography icon_alert} Your text here {/typography}
{typography icon_browser} Your text here {/typography}
{typography icon_calendar} Your text here {/typography}
{typography icon_download} Your text here {/typography}
{typography icon_email} Your text here {/typography}
{typography icon_gonext} Your text here {/typography}
{typography icon_help} Your text here {/typography}
{typography icon_info} Your text here {/typography}
{typography icon_link} Your text here {/typography}
{typography icon_lock} Your text here {/typography}
{typography icon_no} Your text here {/typography}
{typography icon_note} Your text here {/typography}
{typography icon_ok} Your text here {/typography}
{typography icon_print} Your text here {/typography}
{typography icon_preferences} Your text here {/typography}
{typography icon_refresh} Your text here {/typography}
{typography icon_search} Your text here {/typography}
{typography icon_storno} Your text here {/typography}
{typography icon_user} Your text here {/typography}
{typography icon_volume} Your text here {/typography}

1a) Icons typography without border (with "!" exclamation)

{typography icon_alert !border} Your text here {/typography}
{typography icon_search !border} Your text here {/typography}

1b) Icons typography without background (with "!" exclamation)

{typography icon_alert !background} Your text here {/typography}
{typography icon_search !background} Your text here {/typography}

1c) Icons typography without both border and background (with "!" exclamation)

{typography icon_alert !border !background} Your text here {/typography}
{typography icon_search !border !background} Your text here {/typography}

1d) Icons typography - float box with custom width

Notice: The width must be defined! The allowed units are px, % and em.

{typography icon_alert left=300px} Your text here {/typography}
{typography icon_info right=50%} Your text here {/typography}
{typography icon_user none=20em} Your text here {/typography}