Typography

Monday, 09 February 2009 01:26 administrator
Print PDF

 

New Typography styles for your You! Host it! Joomla Template!

TThis is a Magazine Style Drop Cap. To display Drop Cap us <p span class="dropcap">First Letter Goes Here</span> Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.

 


Heading1 (h1) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

 

Heading2 (h2) looks like this

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos.

Heading3 (h3) looks like this

Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental:

Heading4 (h4) looks like this

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.

 


To display error massage <p class="error">Error massage here!</p>.

To display info massage <p class="massage">Info massage here!</p>.

To display tips massage <p class="tips">Info massage here!</p>.

To highlight phrase use<span class="highlight">This is sample of highlighted phrase!</span>

 

 

To display codes use

<pre> or <div class="code">
<?php$lijevo = mosCountModules( 'left' );
if ( $lijevo ) {$maincontent = 'right_side';} else {$maincontent = 'right_side_full';?

To display sticky note use: <p class="sticky">Sample of your note!</p>

To display pin note use :<p class="pin">Sample of your pin note !</p>

To display clip note use:<p class="clip">Sample of your clip note</p>

To display download note use:<p class="down">Sample of your download note</p>

To display blockquote note use: <div class="blockquote"><blockquote>Sample of your blockquote note</blockquote></div>

01Sample of Big Numbers List<p class="blocknumber"><span class="bignumber">01.</span>Content goes here!</p>Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

02Sample of Big Numbers List <p class="blocknumber"><span class="bignumber">02.</span>Content goes here!</p> Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

03Sample of Big Numbers List<p class="blocknumber"><span class="bignumber">03.</span>Content goes here!</p> Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

 

Sample of ordered list .
  1. Sample of ordered list
  2. Sample of ordered list
  3. Sample of ordered list
  4. Sample of ordered list

Sample of check list .To use

<ul><li class="check">Your list item goes here!</li></ul>
  • Sample of li list
  • Dolor sit
  • Consectetuer
  • Adipiscing elit
  • Diam

Sample of star list .To use

<ul><li class="star">Your list item goes here!</li></ul>
  • Sample of li list
  • Dolor sit
  • Consectetuer
  • Adipiscing elit
  • Diam

Sample of video list .To use

<ul><li class="video">Your list item goes here!</li></ul>
  • Sample of li list
  • Dolor sit
  • Consectetuer
  • Adipiscing elit
  • Diam

Sample of Joomla tooltips classuse

<img src="/youhostit/my_image.jpg" alt="My Image" class="hasTip" title="Tip title:: Tip Text" />

Order Now

Sample of image border use

<img class="border" src="/youhostit/myimg.jpg title="" alt="" />

Last Updated on Tuesday, 28 April 2009 13:18
You are here:   Home Typography