Joomla Templates Club 406,261 posts

[antoniu1 Friend antoniu1Join date: July 2006Posts: 349Downloads:0Uploads:5 Thanks: 29 Thanked: 40 times in 1 posts]

#117720

The simplest way to add the sargas typography to other templates is as follows:

1. In the template_css.css file of your template find and remove or block (/* text to be blocked here */) these defs:

.error
.highlight
.message
(these are in the case of ja_spica)

2. Then paste the following block into your css file:

/* Blockquote, Dropcap */

blockquote {
padding: 15px 40px;
background: url(../images/quote.gif) 10px 10px no-repeat;
font: italic 1em/1.5 Georgia, Times, serif;
}

.dropcap {
float: left;
padding: 3px 3px 0 0;
display: block;
color: #6B6B6B;
font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight */

.error {
padding-left: 22px;
color: #CC0000;
background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
padding-left: 22px;
color: #017E2D;
background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
padding-left: 22px;
color: #EB8D01;
background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
border-bottom: 1px solid; /* was dotted, but that’s ugly with IE */
background: #EFF4DD;
font-weight: bold;
}

3. Finally, copy all the bullet-xxx.gif files and quote.gif from the sargas images directory to the images directory of your target template.

Done!

To use the typography, make sure you use an editor like JCE, because then you can select a typography effect from the Styles pulldown menu. Otherwise, you need to add it using HTML, see the Joomlart descriptions for that.

Using an editor like JCE that allows you to select styles:

1. Highlight the text you wish to change.
2. Select from the Styles pulldown menu the desired effect: blockquote, dropcap, error, message, highlight or tips.
3. You’ll see the text you selected change.

Done!

Let me know if it works for you! 🙂
Tom

http://www.tomdekok.nl

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#211863

Thank antoniu1, certainly this will be very useful

[mattstahl Friend mattstahlJoin date: April 2006Posts: 38Downloads:0Uploads:2]

#212076

A-1, top-notch, Superlative mod on my Regulus template. Thanks Antoniu!

[renesta Friend renestaJoin date: October 2006Posts: 4Downloads:0Uploads:0]

#213093

Hi,
i try to add typography to my spica.

after adding pics to my imagefolder and adding css tags to template_css.css i can`t see the Styles in my JCE.

What can be the reason?

Thanks

[antoniu1 Friend antoniu1Join date: July 2006Posts: 349Downloads:0Uploads:5 Thanks: 29 Thanked: 40 times in 1 posts]

#213094

Hi Renesta,

To be honest, I have no idea. They really should be there. Once in the CSS, they have to be.
Check for /* */ characters that might block the defs. And in case you didn’t remove the old ‘error’ and other defs, check if they are still available in the list.

Also, be sure to check the styles pulldown, not the format one!

This is what I can think of. Another way might be to click on HTML and add the following:

<span class=”tips”>this is a test to see if it works!</span>

If you correctly added the defs to the CSS, this MUST produce the ‘tips’ style when saved and displayed on your webpage. If not, you didn’t add the defs correctly.

Good luck!
Tom

[Author]

Posts