ADMIN LOGIN

Log in
Typography PDF Print E-mail

To apply xtypo styling to your content use the following strings (available string) :

{xtypo_alert} this is xtypo alert {/xtypo_alert}
{xtypo_info} this is xtypo info {/xtypo_info}
{xtypo_warning} this is xtypo warning {/xtypo_warning}
{xtypo_sticky} this is xtypo sticky {/xtypo_sticky}
{xtypo_feed} this is xtypo feed {/xtypo_feed}
{xtypo_download} this is xtypo download {/xtypo_download}
{xtypo_code}
< code> this is your < / code>
< code> this is your < / code>
{/xtypo_code}
{xtypo_quote}If you've read anything at all about Content Management Systems (CMS), you'll probably know at least three things: CMS are the most exciting way to do business, CMS can be really, I mean really, complicated and lastly Portals are absolutely, outrageously, often unaffordably expensive. {/xtypo_quote}

{xtypo_quote_left} If you've read anything at all about Content Management Systems (CMS), you'll probably know at least three things: {/xtypo_quote_left}

{xtypo_quote_right} If you've read anything at all about Content Management Systems (CMS), you'll probably know at least three things: {/xtypo_quote_right}
{xtypo_dropcap}C{/xtypo_dropcap}MS are the most exciting way to do business, CMS can be really, I mean really, complicated and lastly Portals are absolutely, outrageously, often unaffordablyu've read anything at all about Content Management Systems (CMS), you'll probably know at least three things: CMS are the most exciting way to do business, CMS can be really, I mean really, complicated and lastly Portals are absolutely, outrageously, often unaffordablyu've read anything at all about Content Management Systems (CMS), you'll probably know at least three things




USAGE INSTRUCTIONS

Inserting "Tabs"

It is very easy to add tabs in your new content items or convert existing ones to a tabbed layout. First activate the plugin from the Mambots menu option in the backend. Then go to the items manager and start a new content item or edit an existing one. Start your first tab using the plugin string "

tab title here

" (without the quotes), write some text below that, then continue with the next tab using -again- the plugin string "

other tab title here

" (without the quotes), then write the second tab's text and so on. When you finish the text of your last tab, simply "close" them by adding the plugin string "
" (without the quotes).

Check out this example, it's what you would write in your content item (notice the code written in bold letters):
This is some text above the tabs

first tab


some text
here

other tab


some more text here


And some more text after the tabs!

Inserting "Slides"

Adding Slides to your content is as easy as with Tabs. Again you need to activate the plugin from the Mambots menu option in the backend. Then go to the items manager and start a new content item or edit an existing one. Start your first slide using the plugin string "
" (without the quotes), write some text below that, then "close" the slide by adding the plugin string "
". We need to do that cause -unlike the tabs- slides are independent of each other. Continue with the next slide using -again- the plugin string "
" (without the quotes), then write the second slide's text, "close" it with the plugin string "
", and so on.

Check out this example, it's what you would write in your content item (notice the code written in bold letters):
This is some text above the slides


some text
here


some more text here


And some more text after the slides!

Inserting both "Tabs" and "Slides" in your content items

Additionally, you can mix tabs with slides in your content and vise versa. So you can have tabs that include content within slides or slides that include tabbed content!

CUSTOMIZING THE LOOK OF THE TABS OR THE SLIDES

You can easily customize the way tabs and slides appear on the screen. All you need to do is modify the included CSS file (tabs_slides.css). We already did some generic customization, so that you can easily see what can be achieved.

TROUBLESHOOTING

If you insert tabs or slides in your content items and see them break apart on your website, try this: Check the page source and see if you can find any html tags that are not "properly closed" in your content, mainly any <p> tags. This might be a common issue when your content is not properly formatted -perhaps after copied from a Microsoft Word document- so the best thing when applying tabs/slides in your content is:
  1. Make sure your content is clean from any Word or other bad markup. Use Notepad as an intermediate clean up method when copy-pasting your documents to Joomla.
  2. Make sure that when you press "enter" in your content, the editor does not output a <p> tag, but a simple, plain, good ol' <br /> (break tag). In the editor's parameters, there is always such an option.
  3. Insert the "tabs" or "slides" plugin strings (mambot strings). If you still encounter layout inconsistencies or broken tabs or slides, then some html tag in your text is to blame for sure!
If for some reason you don't see the "tabs" or "slides" at all, although the plugin is published, make sure you have disabled Joomla! cache. The cache is actually problematic only with the "Frontpage Component" (core component - com_frontpage), cause it fails to load code needed from some 3PD plugins in the HEAD tag of the template. If you don't use this plugin with com_frontpage, then you can enable Joomla! caching.




Mos Image

Image

Tips and Notes

{mostip}...{/mostip}

Allows you to mark tips and notes in content by using "{mostip}...{/mostip}".

On the left you set the default settings of the mambot but you can specify different settings each time you use the mambot.

Examples below:

  • {mostip showimage=0}This tip won't show any image and will use the others default values.{/mostip}
  • {mostip image=tipon}This tip will show the tipon image even if by default it's a different image and will use the others default values.{/mostip}

The available parameters are:

  • showimage
    • 0 - False
    • 1 - True
  • image
    • alert - Alert
    • downarrow - True
    • folder - Folder
    • info - Information
    • note - Note
    • tipoff - Tip Off
    • tipon - Tip On
  • size
    • 16x16 - 16 Pixels Size
    • 24x24 - 24 Pixels Size
  • border
    • CSS Code for the border, for example: 1px solid #cccccc
  • background
    • HTML Code of the colour you want to use, for example: #FFFCF2
  • tooltip
    • 0 - False
    • 1 - True
  • title
    • Set the tooltip title
  • style
    • This parameter must be set globally and not individually

 


Thumbnail Image
{jgxtimg src:=[images/stories/key.jpg] width:=[320]}

Gallery
{jgxgal folder:=[images/stories/] cols:=[2]}

Info Box
{jgibox title:=[test (click me)] style:=[width:320px;]}Your text here{/jgibox}

Tabber
{jgtabber}[tab ==tab 1==]Content 1[/tab][tab ==tab 2==]Content 2[/tab][tab ==tab 3==]Content 3[/tab]{/jgtabber}

Tool Tips
{jgtip text:=[description tooltip]}...content...{/jgtip}

Content Box
{jgbox linktext:=[open box]}...content to show...{/jgbox}

Accordian
{jgaccordion}[acctab ==tab 1==]Content 1[/acctab][acctab ==tab 2==]Content 2[/acctab][acctab ==tab 3==]Content 3[/acctab]{/jgaccordion}

Quote
{jgquote}...quote content to show...{/jgquote}

 

SACTA SPONSORS