Ebben a cikkben összegyűjtöttem a Joomlart TYPO formázásokat. Ezekre, majd a Joomla TinyMCE-hoz sablon beszúrása című cikkben bemutatom hogyan  lehet egyszerűen előhíni.

h1. Példa Másodlagos szöveg

h2. Példa Másodlagos szöveg

h3. Példa Másodlagos szöveg

h4. Példa Másodlagos szöveg

h5. Példa Másodlaogos szöveg
h6. Heading Secondary text

Ötlet: A másodlagos szöveg készítése a heading példáknál <small> tag vagy .small osztály beírásávla lehetséges.

Example body text

This is a lead paragraph.
Make a paragraph stand out by adding .lead.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Address

Company Name
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
P: (123) 456-7890
This email address is being protected from spambots. You need JavaScript enabled to view it.

Emphasis classes

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

Alignment classes

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.

Blockquotes

This is a <blockquote> in a <.well>.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

 

Színek

#039be5
Brand Elsődleges
#259b24
Brand Secondary
#e67e22
Brand Warning
#d9534f
Brand Danger
#5bc0de
Brand Info
#5cb85c
Brand Success

Szürke skála

#202020
Gray Darker
#333333
Gray Dark
#666666
Gray
#999999
Gray Light
#e6e6e6
Gray Lighter
#fcfcfd
Gray Lightest

 

Fülek

A kezdőlap mintarésze.

A profil része.

 

Nyomógombok

Buttons 2

Bevitel

Sample Basic Form

Legend
A longer block of help text that breaks onto a new line and may extend beyond one line.

 

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Elsődleges Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Elsődleges Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

 

Alerts and Notifications

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.

Labels

Default Primary Success Info Warning Danger

 

Lista csoport

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • Morbi leo risus
  • 1 Morbi leo risus
  • 2 Dapibus ac facilisis in

List group item heading

Donec id elit non mi porta gravida at eget metus risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus.

List group item heading

Donec id elit non mi porta gravida at eget metus.

Panels

Panel heading
Panel content

Panel elsődleges

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!

 

 

 

 

 

 


Ez az oldal is sütiket használ, hogy jól működhessen.
Ok