Joomla Templates Club 406,261 posts

[webmasterbea Friend webmasterbeaJoin date: March 2009Posts: 87Downloads:4Uploads:7 Thanks: 3]

#163349

Hi,
I can see that you show a “Tables styling” in your “Typography page1” under the “Typography” menu. I looked for a style code guide to create the same 3 column layout that I see on your demo, under the title: “Tables styling (Heading 3),” but I cannot find it.

Can you tell me where to look for this guide for this theme?
Lately, most templates I see include such style guide; I just can seem to find it for this one, unless it’s not included??:((

Thanks.
BM

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#388869

Hi,
You just add this code into a article and modify it yourself


<table id="typo-146" class="ja-typo-table table-rounded table-grey" border="0" width="100%">
<thead>
<tr>
<th class="first" width="40%">Table header</th> <th width="40%">Options</th> <th class="last" scope="col">Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td class="first">Phasellus posuere, tortor et interdum consectetur Amet lorem tincidunt Aenean ac Quisque</td>
<td>
<ul class="ja-typo-list list-arrow small-icon ">
<li class="list-check"><span class="icon"> </span>Curabitur ac sem justo.</li>
<li class="list-check"><span class="icon"> </span>Eeu cursus felis.</li>
<li class="list-delete"><span class="icon"> </span>Quisque pretium commodo.</li>
</ul>
</td>
<td class="last">12.456</td>
</tr>
<tr class="last">
<td class="first">Nam a tempor nisi. Fusce non lectus lacus. Etiam quis sapien vitae tortor viverra accumsan et nec sem.</td>
<td>
<div class="ja-typo-block">
<ul class="ja-typo-list list-arrow small-icon ">
<li class="list-check"><span class="icon"> </span>Phasellus felis augue.</li>
<li class="list-delete"><span class="icon"> </span>Duis vestibulum quam volutpat.</li>
</ul>
</div>
</td>
<td class="last">9.873</td>
</tr>
</tbody>
</table>
styling file is <joomla url>templatesja_businesscsstypo.css file

[webmasterbea Friend webmasterbeaJoin date: March 2009Posts: 87Downloads:4Uploads:7 Thanks: 3]

#389026

Thanks,
I thought about doing this as you describe; I was actually wondering if the theme creators provided a stylesheet for the short codes in the theme itself. Many other Joomla! designers are doing that and it is a great time saver. (See theme “intermezzo” typography short codes, at themeforest,net, for example); unbelievably easy to use! And I even think I saw Joomlart adding them to some of the templates, am I wrong? If I am correct, why not doing this for every theme?

Thanks anyway for your kind response.

BM

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#389176

JA Typo system is a extension of joomlArt (JAEC).When you need it, you just install it.

[webmasterbea Friend webmasterbeaJoin date: March 2009Posts: 87Downloads:4Uploads:7 Thanks: 3]

#389218

This is the first time I will be using this plugin.
I couldn’t find a page in the site providing information as to how to use it.
Can you add a link?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#389226

– You download and install it (link: http://www.joomlart.com/forums/downloads.php?do=file&id=1880). After that, turn it on (Extension–>plugins manager).
– When you edit article, click JA typo button and choosing style that you want. Basicly, plugin add html code that includes class tag into article. You can click HTML button to view that code. Example: when you choose Gmail icon in ICON STYLE section, code is added into article is

Use class="icon icon-gmail" with any HTML element (H3, SPAN, P, LI, INPUT, BUTTON,...) to make this.
when you view by HTML mode

<p class="icon icon-gmail">Use <strong>class="icon icon-gmail"</strong> with any HTML element (H3, SPAN, P, LI, INPUT, BUTTON,...) to make this.</p>

– class tag is defined in typo plugin (typo.css)

[Author]

Posts