|
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 "
" (without
the quotes), write some text below that, then continue with the next
tab using -again- the plugin string " "
(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
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
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:
- 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.
- 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.
- 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
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
- 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
- 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}
|