28

May

2007

Using Synapse Typography PDF Print E-mail
User Rating: / 0
PoorBest 
rocket.theme - synapse
Written by kVadrum   
Monday, 28 May 2007 09:02

A guide to implementing the included Synapse typography styles and elements into your site as well as instructions for inserting typography using the HTML editor option of your WYSIWYG editor.

Video Tutorial Currently Available!
Launch the Joomla Using Typography Video Tutorial now! (Requires Flash)

Every RocketTheme template has its own set of content styles, these styles are known as Typography. Typography can come in a number of varying and diverse formats, ranging from simple text modifications to image insertions to improve the look, layout of your website and give it life. This tutorial will take you through the necessary steps to adding typography to your Joomla! content.

Inserting Typography with the HTML Editor

To insert the Typography into your content, you must use the HTML feature of all Joomla! content editors. The following tutorial will outline the steps in which to does this with the default Joomla! content edit, TinyMCE. Please be aware, even though there are other content editors available, all are basically the same and the steps with be just as effective if you are using another Content editor.

Please note that the following tutorial will show you how to insert HTML (typography) into Article, the same procedure is apparent for Content Items and Custom modules. You may skip steps 4 and 5 if you are using No WYSIWYG editor.

Step 1 - Login

Login to the Joomla! Administration Control Panel. Go to www.yoursite.com/administrator. Enter the Administrator's Username and password.

Step 2 - Navigation

Navigate to the Article Manager. Hover over the Content link on the top taskbar, scroll down to Article Manager.

Step 3 - Article Manager

When you have selected the Article Manager link, you will be sent to the Article Manager control panel. Select either Edit (after selecting a particular content item) or New, depending on whether you want to add typography to an existing or new item.

Step 4 - HTML Icon

To add typography to your content, you must enter the HTML mode of your Content editor. In the TinyMCE editor, this an icon called "HTML", in some other content editors, it is a tab. Press the icon to enter HTML mode. This step is not necessary if you are using No WYSIWYG editor.

Step 5 - HTML Mode

A popup shall appear with your content in HTML format, only if you are using TinyMCE, with other editors, a new tab may become selected. You shall do all your editing here for typography.

Step 6 - Inserting HTML

You then proceed to add your HTML coding into the tab/textbox that appears in front of you. This can be any HTML such as span class typography or styled lists.
You will not see the effects in the content editor, all style affects are only visible on the Frontend of your Joomla! website.
Trackback(0)
Comments (0)Add Comment

Write comment
You must be logged in to a comment. Please register if you do not have an account yet.

busy
Last Updated ( Saturday, 01 March 2008 10:12 )
 

a.Moment

kV-smiles-130x130.png

PeopLe like kVadrum. They like kVadrum A LOT.

One Registered.User says: "kVadrum saved my marriage, got me a new job, improved my relationship with my children, made me whole and righteous in front of God and the heavens...and made my penis bigger. No - seriously. It's A LOT bigger now."

query

kV-question-130x130.png

What do you prefer? Email or messenger pigeon?

As you know, both have their pros and cons - and in the quickly evolving world of n3w.media, either is widely accepted. Recent studies suggest that email may be slowly edging the poor working pigeon out from the perch upon a service once all his own. Thoughts? operator@kvadrum.com

the.Loop

kV-the-loop-130x130.png

the.Loop is 3verything.

  • the.Loop is made up of an infinite number of sub.Loops.

  • The sub.Loops can be anything.

  • Each Loop is comprised of entities that are related to each other in some way.

kV.sweepstakes.001

kVadrum's first sweepstakes!

A heavily used copy of Luigi Pirandello's "Naked Masks" - we will choose a winner at random from the first 100 Registered.Users. What are you waiting for? Join the hq.kV today and be envied.




r3cmmndd.Loops

Frank Miller's graphic novel Sin City: Hell and Back.

Take a transcendental trip from etched b&w to classically drawn color - and get a new perspective on the roots of the movie.

diGGs.off.beat

Invasion Of The Teddy Bears (Video)
Sunday, 14 March 2010 15:40
*****

Really, ladies?...Really?! (PIC)
Sunday, 14 March 2010 13:20
*****

Man Kills Burglar with Ornamental Sword
Sunday, 14 March 2010 09:10
A 29-year-old man arrived home at his Pennsylvania flat and immediately noticed something wrong. His dog was acting strangely, and he heard a noise coming from the apartment. So he grabbed an ornamental sword from the wall...

7 Cat Species Found in 1 Forest—A Record (Gallery)
Sunday, 14 March 2010 06:00
Released in February, the picture was taken during a two-year survey by the Wildlife Conservation Society (WCS). The research found seven cat species in a 354-square-mile (570-square-kilometer) range—the highest diversity of cat species yet photographed in a single area.

Hitler Without A Mustache [PIC]
Sunday, 14 March 2010 03:10
And look at that purple suit...

rAndm.Loop

kV.is.multilingual

kV wants to speak all the languages of the world.

 

 
kV.has.many.Voices

kV indeed has many Voices - and speaks many tongues - and has many opinions.

 
kVadrum.is.a.System
We are creating a system.
 
Rules? NO.HATE

kVadrum strictly disallows one explicit rendering of a learned, habitually skewed perception - HATRED.

 
g00d.Friday?

Wasn't yesterday Good Friday? Hmmm...odd.

 
We have 3 guests online

shAre.kV

shAre.kV JBookmarks shAre.kV Facebook shAre.kV Mr. Wong shAre.kV Webnews shAre.kV Buzka shAre.kV Icio shAre.kV Ximmy shAre.kV Oneview shAre.kV Kledy.de Social Bookmarking shAre.kV  FAV!T Social Bookmarking shAre.kV Favoriten.de shAre.kV Seekxl shAre.kV Social Bookmark Portal shAre.kV BoniTrust shAre.kV Power-Oldie shAre.kV Bookmarks.cc shAre.kV Newskick shAre.kV Newsider shAre.kV Linksilo shAre.kV Readster shAre.kV Yigg shAre.kV Linkarena shAre.kV Digg shAre.kV Del.icoi.us shAre.kV Reddit shAre.kV Jumptags shAre.kV Upchuckr shAre.kV Simpy shAre.kV StumbleUpon shAre.kV Slashdot shAre.kV Netscape shAre.kV Furl shAre.kV Yahoo shAre.kV Blogmarks shAre.kV Diigo shAre.kV Technorati shAre.kV Newsvine shAre.kV Blinkbits shAre.kV Ma.Gnolia shAre.kV Smarking shAre.kV Netvouz shAre.kV Folkd shAre.kV Spurl shAre.kV Google shAre.kV Blinklist Information
IMG_6007.JPG

g00gle.s3arch.P0rtal


Web
[kVadrum]
(KeMeK)
:kmk.Tech:
Banner

spotLight

kV-IMG-spider-300x250.png

rocket.tutorials

Dive deeper into the world of Joomla with informative and detailed written tutorials on a variety of topics including general Joomla functions, RocketTheme template modifications, and much more on our all new RocketTutorials site.

Banner

Creative.Commons

Creative Commons License


This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.

inspiration

RocketTheme Joomla Templates
kV-info-200x200.png
 
kV-info-200x200.png
 
kV-info-200x200.png
 
kV-69-200x200.png
 
kV-69-200x200.png
 
kV-69-200x200.png
 
kV-tools-200x200.png
 
kV-tools-200x200.png
 
kV-tools-200x200.png