|
Written by MiCCAS
|
JoomlArt: JA Senecio - Readme & bug report.
1. Introduction
Following the JA Teline template, we’re glad to bring JA Senecio ,a new accessible, clean and clear Joomla template for our club members. If you like the beauty of web2.0 design, you will also like JA Senecio. With three column layout based template, you can have more options to arrange your great content. Beside this, JA Senecio is included various beautiful icons, buttons and module styles help you decorate your content.
2. Menu Types Configuration
JA Senecio offers you 3 types of our traditional menu.
The menus applied are JA Split Menu, JA CSS Menu and JA Transmenu
- JA Split Menu: A vertical menu with sub menu items of current menu display in left column.
- JA CSS Menu: Flat and fast drop down menu using CSS based markup.
- JA Transmenu Menu: Famous animated, transparent JavaScript drop down menu.
To choose your menu type, go to the 32nd line in the "ja_senecio/
index.php" and change $ja_menutype to what
you need.
1 is Split Menu, 2 is CSS Menu and 3 is Transmenu.
3. Screen Resolution Configuration
JA Senecio allow you to set 3 types of screen resolution. You can easily config JA Senecio template's width by
modifying the Template Configurations part in the "ja_senecio/index.php".
To choose which screen's width you want to use, go to the 24th line of
the "ja_senecio/index.php" file and change the value of $ja_width_default to 'wide' (1024x768), 'narrow' (800x600) and 'auto' fluid width.
4. Font Resizer Configuration
You can also configurate the font resizer function. Go to
"ja_senecio/index.php" and replace the value of
$ja_font_size_default to the size you want. You can choose the font size
ranged from 1 upto 6.
5. Color Configuration
JA Senecio comes with three colors, the default blueish and the alternate red and green colors. To change default template color, go to
"ja_senecio/index.php" and change
$ja_color_default to the color you want ('default', 'red' or 'green')
6. Tools Configuration
To enable/disable the font and resolution resizer, you can use the variable $ja_tool in the 30th line
Set to 0 to disable all, 1 to enable resolution, 2
to enable font tool and 3 to enable both resolution and font, 4 to enable only color, 5 is to enable color and resolution, 6 is to enable color and font and 7 is enable all.
7. Typography
Beside the traditional typography JA Senecio has been multiplied with 4 more typography styles:
- The New Blockquote (with open and close quote). Use <div class="blockquote"><blockquote>Your quote goes here!</blockquote></div>
- The Hilight Blockquote. Use <div class="quote-hilite"><blockquote>Your quote goes here!</blockquote></div>
- Rounded Speech Bubble. Use <div class="bubble1"> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div>Bubble </div>
- Square Speech Bubble. Use <div class="bubble3"> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div>Bubble </div>
- Rounded Thinking Bubble. Use <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div>Bubble </div>
- Square Thinking Bubble. Use <div class="bubble4"> <div> Your Bubble goes here! </div>Bubble </div>
- Grey paragraph. Use <p class="box-grey">Your paragraph text</p> to form a grey paragraph.
- Highlight paragraph. Use <p class="box-hilite">Your paragraph text</p> to form a grey paragraph.
- Image with spaced border. Put class="border" inside your <img> tags.
The traditional ones are:
- The Sticky Note. Use <p class="stickynote">Your note</p> to form a sticky note
- The Pin Note. Use <p class="pinnote">Your note</p> to form a pin note
- The Clip Note. Use <p class="clipnote">Your note</p> to form a clip note
- The Block Number. Use <p class="blocknumber"><span class="bignumber">Number</span>Your content</p> to form a block with big number.
- Highlight text. <span class="highlight">Your text</span>
- Tips. Use <p class="tips">Your tip</p>
- Source code. Use <div class="tips">Your code</div>. You can also use the <pre> tag instead.
- Blockquote. Use <blockquote>Your quote</blockquote>. Note: for simple and semantic markup, the blockquote is designed with only the open sign.
- Error message. User <p class="error">Your error message</p>
- Info message. Use <p class="message">Your info</p>
- Drop cap style. Use <p>< span class="dropcap">D</span>rop cap</p>
8. Module styles & icons
JA Senecio has many built-in module styles & icons help you present your content in effective way.
When adding modules, you can specify Module Class Suffix parameter to change display style of modules. If you don't to use module styles or icons, leave it blank to use default style and icon.
Structure of suffix is: -<stylename> <iconname>
For example: -highlight icon6
Here are list of module style and icon names which were included in JA Senecio templates:
Styles:
-highlight, -default
Icons:
default 
icon1 
icon2
icon3 
icon4 
icon5
icon6 
icon7 
icon8 
icon9 
11. Frequently Asked Questions
- I want to add a template position in to my Joomla!
Go to your Administration Panel, Site -] Template Manager -] Module Positions. Add your template positions and hit the Save button.
- Where can I change my footer?
If you want to change or remove something in the footer, just open the
"ja_senecio/footer.php" then modify it to suite your
needs.
- My images take a lot of white space and do not look good?
The may show some extra padding and margin. To solve this
problem, go to your Joomla! Administrator -> Mambots
-> Site Mambots and change the margin and padding parameters of
MOS Image mambot to 0.
- Images without caption are stuck with text?
It is because Joomla! generates the code different when has and doesn't have its caption. So when you decide that the image will not having a caption, put it between the div tag like this <div></div>
- What's a module style? And module class suffix?
Almost modules offer you a parameter called Module Class Suffix. Set a value for this parameter
and you will have your module's appearance differs from the others. JA templates often provide
you some module styles which can be found in Module Styles area of the guide.
- I changed my default color/font/resolution but when I refresh the page,
it didn't change?
JA template use client's cookie to save your preferences. If you made change to default value,
please close the browser, open a blank new window and then clear the browser's cookie. You'll see
the new preferences applied.
- Some of my menu looks horrible. Why?
Menus in JA templates are designed with the most semantic mark up are used over the net, it's the list style.
If you made change to the menu type, go to you menu module and change the menu type parameter to Flat List.
It will solve the problem.
- I want to change some graphic contents
PSD/PNG files and fonts can be found in the template's source package. Please download the file at our download page in case you need to modify something.
12. Help & Support
We now have a customers' forum so if you have an idea, suggestion or need help,
come to visit the community any time you want. 
|
