LHMcolor pequeño CRISTO PARA TODAS LAS NACIONES  bandera de nicaragua

"El Pueblo de Cristo con un Mensaje de Esperanza"

Monday, 30 January 2012 21:50

Template Typography

Written by 
Rate this item
(0 votes)

Template Typography

Creating Beautiful Content With Simple Code

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with Clarion template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

If you are using the TinyMCE editor for HTML typography, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.

<h1> Heading Styles

H1. Heading 1

H2. Heading 2

H3. Heading 3

H4. Heading 4

H5. Heading 5

H1. Component Page Title

H1. Component Content Title

<ul> List Styles

  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.


  • To use this style create a list in the following format: <ul class="dots"><li>....</li><li>....</li>...</ul> (HTML).
  • To use this style create a list in the following format: [list class=" dots"][li]....[/li][li....[/li][/list] (ROKCANDY).
 

<p> DropCap Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.

Use the following format: <p class="dropcap">...</p> (HTML) or [dropcap class="dropcap"]...[/dropcap] (ROKCANDY). You can use any letter, symbol or number.

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap2">...</p> (HTML) or [dropcap class="dropcap2"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap3">...</p> (HTML) or [dropcap class="dropcap3"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap4">...</p> (HTML) or [dropcap class="dropcap4"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap5">...</p> (HTML) or [dropcap class="dropcap5"] ... [/dropcap] (ROKCANDY)

<blockquote> Styles

To replicate, use the following formatting: <blockquote><p>....</p></blockquote> (HTML) or [blockquote class="default"]...[/blockquote] (ROKCANDY).


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignleft"><p>....</p></blockquote> (HTML) or [blockquote class="alignleft"]...[/blockquote] (ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignright"><p>....</p></blockquote> (HTML) or [blockquote class="alignright"]...[/blockquote] (ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.

 

<pre> Code Styles

This is a sample <pre class="lines">...</pre> (HTML) or,
[pre2 class="{lines}"] ... [/pre2] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}
This is a sample <pre>...</pre> (HTML) or, 
[pre class="{lines}"] ... [/pre] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

<p> Notice Styles

This is a sample of the Approved style. To replicate, use the following syntax: <p class="approved">....</p> (HTML) or [notice class="approved"] ... [/notice] (ROKCANDY).

This is a sample of the Attention style. To replicate, use the following syntax: <p class="attention">....</p> (HTML) or [notice class="attention"] ... [/notice] (ROKCANDY).

This is a sample of the Notice style. To replicate, use the following syntax: <p class="notice">....</p> (HTML) or [notice class="notice"] ... [/notice] (ROKCANDY).

This is a sample of the Alert style. To replicate, use the following syntax: <p class="alert">....</p> (HTML) or [notice class="alert"] ... [/notice] (ROKCANDY).

 

<span> Text Icon Styles

To replicate, the following format: <span class="text-icon iconname">...</span> (HTML) or [icon class="icon name"]...[/icon] (ROKCANDY). The class names are listed below, such as "text-icon email".



Text with a phone icon

Text with a quote icon

Text with a cart icon

Text with a rss icon

Text with a tags icon

Text with a write icon

Text with an info icon

Text with a sound icon

Text with a rightarrow icon

Text with a leftarrow icon

Text with a circlearrow icon

Text with a downarrow icon

Text with an uparrow icon

Text with a person icon

Text with a calendar icon

Text with a doc icon
Text with a bulb icon



Text with a youtube icon

Text with a skype icon





Text with a video icon

Text with a dropbox icon

Text with a vimeo icon

Text with a paypal icon

<em> Emphasis Styles

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="italic">...</em> (HTML) or [emphasis]...[/emphasis] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold">...</em> (HTML) or [emphasisbold]...[/emphasisbold] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold2">...</em> (HTML) or [emphasisbold2]...[/emphasisbold2] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight">...</em> (HTML) or [highlight class="default"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight white">...</em> (HTML) or [highlight class="white"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight black">...</em> (HTML) or [highlight class="black"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight green">...</em> (HTML) or [highlight class="green"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight yellow">...</em> (HTML) or [highlight class="yellow"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight blue">...</em> (HTML) or [highlight class="blue"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight red">...</em> (HTML) or [highlight class="red"]...[/highlight] (ROKCANDY)

 

<ul> List Styles (Icons)

To replicate, use the following format: <ul class="list-icon icon_name"><li>....</li><li>....</li>...</ul> (HTML) or [list class="list-icon icon_name"][li]....[/li][li....[/li][/list] (ROKCANDY). The icon names are listed below, such as "cart".


  • A list item using the list-icon phone class.
  • A list item using the list-icon phone class.

  • A list item using the list-icon quote class.
  • A list item using the list-icon quote class.


  • A list item using the list-icon youtube class.
  • A list item using the list-icon youtube class.


  • A list item using the list-icon cart class.
  • A list item using the list-icon cart class.
  • A list item using the list-icon tags class.
  • A list item using the list-icon tags class.

  • A list item using the list-icon write class.
  • A list item using the list-icon write class.

  • A list item using the list-icon info class.
  • A list item using the list-icon info class.

  • A list item using the list-icon sound class.
  • A list item using the list-icon sound class.

  • A list item using the list-icon rightarrow class.
  • A list item using the list-icon rightarrow class.

  • A list item using the list-icon skype class.
  • A list item using the list-icon skype class.

  • A list item using the list-icon rss class.
  • A list item using the list-icon rss class.
  • A list item using the list-icon leftarrow class.
  • A list item using the list-icon leftarrow class.

  • A list item using the list-icon circlearrow class.
  • A list item using the list-icon circlearrow class.

  • A list item using the list-icon dropbox class.
  • A list item using the list-icon dropbox class.

  • A list item using the list-icon vimeo class.
  • A list item using the list-icon vimeo class.

  • A list item using the list-icon downarrow class.
  • A list item using the list-icon downarrow class.

  • A list item using the list-icon video class.
  • A list item using the list-icon video class.

  • A list item using the list-icon uparrow class.
  • A list item using the list-icon uparrow class.

  • A list item using the list-icon person class.
  • A list item using the list-icon person class.

  • A list item using the list-icon calendar class.
  • A list item using the list-icon calendar class.

  • A list item using the list-icon bulb class.
  • A list item using the list-icon bulb class.

  • A list item using the list-icon paypal class.
  • A list item using the list-icon paypal class.

  • A list item using the list-icon doc class.
  • A list item using the list-icon doc class.
 

<ul> List Styles (CSS3)

These list styles are based on the latest CSS3 techniques and are designed to work in modern browsers (will not display properly in IE6-IE8).

To replicate, use the following format: <ul class="class name"><li>....</li><li>....</li>...</ul> (HTML) or [list class="class name"][li]....[/li][li....[/li][/list] (ROKCANDY). The class names are listed below, such as "checkmark red".

  • Checkmark
  • Checkmark
  • Circle-Checkmark
  • Circle-Checkmark
  • Square-Checkmark
  • Square-Checkmark
  • Checkmark Green
  • Checkmark Green
  • Checkmark Yellow
  • Checkmark Yellow
  • Checkmark Red
  • Checkmark Red
  • Checkmark Blue
  • Checkmark Blue
  • Checkmark White
  • Checkmark White
  • Triangle-Small
  • Triangle-Small
  • Triangle
  • Triangle
  • Triangle-Large
  • Triangle-Large
  • Triangle Green
  • Triangle Green
  • Triangle Yellow
  • Triangle Yellow
  • Triangle Red
  • Triangle Red
  • Triangle Blue
  • Triangle Blue
  • Triangle White
  • Triangle White
  • Circle-Small
  • Circle-Small
  • Circle
  • Circle
  • Circle-Large
  • Circle-Large
  • Circle Green
  • Circle Green
  • Circle Yellow
  • Circle Yellow
  • Circle Red
  • Circle Red
  • Circle Blue
  • Circle Blue
  • Circle White
  • Circle White
 

<span> Inset Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Right TitleYou will need to use the following formatting: <span class="inset-right"> <span class="inset-right-title"> .... </span> ... some content ... </strong> (HTML) or [inset side="right" title="Inset Right Title"] ... some content ...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Left TitleYou will need to use the following formatting: <span class="inset-left"> <span class="inset-left-title"> .... </span> ... some content ... </strong> (HTML) or [inset side="left" title="Inset Left Title"] ... some content ...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Read 192415 times Last modified on Tuesday, 31 January 2012 17:44

614896 comments

  • Comment Link mitchell1081.sayehcosmetic.com/2.html Saturday, 13 February 2021 14:52 posted by mitchell1081.sayehcosmetic.com/2.html

    Remarkable things here. I am very glad to look your article.
    Thank you so much and I'm taking a look ahead to touch you.
    Will you kindly drop me a e-mail?

  • Comment Link topazithromycinbob Saturday, 13 February 2021 13:58 posted by topazithromycinbob

    fish zithromax buy azithromycin online overnight zithromax 500 mg side effects
    how long does it take zithromax to take effect

  • Comment Link campbell541.kasat-finder.com/archives/57 Saturday, 13 February 2021 12:56 posted by campbell541.kasat-finder.com/archives/57

    I'm really loving the theme/design of your weblog.
    Do you ever run into any internet browser compatibility issues?
    A small number of my blog visitors have complained about my site not working correctly in Explorer
    but looks great in Firefox. Do you have any advice to help fix this problem?

  • Comment Link JanePar Saturday, 13 February 2021 12:20 posted by JanePar

    cost for cialis 5mg

  • Comment Link topazithromycinbob Saturday, 13 February 2021 11:13 posted by topazithromycinbob

    azithromycin and benadryl zithromax 250 mg price is azithromycin sold over the counter
    what is azithromycin is used for

  • Comment Link JimPar Saturday, 13 February 2021 11:12 posted by JimPar

    synthroid 75 mcg price in india ed chewables amoxicillin 125 mg tablet

  • Comment Link JasonPar Saturday, 13 February 2021 11:08 posted by JasonPar

    cialis medicine online tadalafil order online buy viagra online uk fast delivery where to buy lexapro canadian online pharmacy no prescription can i purchase azithromycin over the counter levitra lowest prices gabapentin 1200 viagra wholesale where to buy generic viagra online

  • Comment Link 우리카지노 Saturday, 13 February 2021 11:04 posted by 우리카지노

    Do you have a spam problem on this site; I also am a blogger, and I was wanting to know your situation; many
    of us have created some nice practices and we are looking
    to exchange techniques with other folks, please shoot me an email
    if interested.

  • Comment Link Eetegree Saturday, 13 February 2021 09:57 posted by Eetegree

    asthma advair side effects - generic viagra Ecvu65i
    cialis brands in india
    hr 4872 viagra: viagra online

  • Comment Link abrata89672 Saturday, 13 February 2021 09:55 posted by abrata89672

    https://forsaacademy.online/groups/1xbet-ru-%d0%be%d1%84%d0%b8%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9-%d1%81%d0%b0%d0%b9%d1%82-%d0%b7%d0%b5%d1%80%d0%ba%d0%b0%d0%bb%d0%be-1xbet-ru-spaces/ 1xbet ru официальный сайт зеркало, 1xbet ru spaces. Обновления счета и коэффициентов в реальном времени. https://dleveral.com/groups/1%d1%85%d0%b1%d0%b5%d1%82-777-%d1%81%d1%82%d1%80%d0%b0%d1%82%d0%b5%d0%b3%d0%b8%d1%8f-rts-1%d1%85%d0%b1%d0%b5%d1%82-777-%d1%81%d1%82%d1%80%d0%b0%d1%82%d0%b5%d0%b3%d0%b8%d1%8f/ 1хбет 777 стратегия rts, 1хбет 777 стратегия. Система тупо не дает мне войти и выкидывает ошибку с вводом данных (хотя логин и пароль указаны правильно, я все перепроверял). http://lolbytegames.com/community/profile/xbet40798996/ Gucci squad diffendo, gucci squad state21. Для отыгрыша бонуса на первый депозит необходимо сделать ставок на сумму бонуса в 5-кратном размере. https://csiaorg.com/community/profile/xbet45815436/ 1хбет ру 1xbet win ru, 1хбет ру школьная образовательная сеть. Витрины промокодов 1xBet: различия. http://alphastonks.com/community/profile/xbet32368395/ 1хбет регистрация в один клик мани, 1хбет регистрация нового игрового счета how open. Но пользователи интернета находят различные обходные пути. https://motoscuba.es/community/profile/xbet35905202/ Результаты 1xbet, результаты 1xbet tv игры. Если такая фатальная ошибка 1xbet повторяется многократно, участник может быть временно заблокирован. https://chippenhamwild.org/community/profile/xbet21469540/ 1 хбет 02 03 2020 xl, 1 хбет приложение для андроид. Некоторые негативные моменты: коэффициенты не самые высокие; хотелось бы видеть более детальные росписи таких событий, как американские лиги; существует урезание максимумов. https://chrislumina.com/community/profile/xbet19383696/ 1хбет условия бонусной программы на первый депозит, 1хбет условия бонуса 2021. Дальше следует вернуться на шаг назад. http://nvrn.net/groups/%d0%be%d1%82%d0%ba%d0%b0%d0%b7%d1%8b%d0%b2%d0%b0%d1%8e%d1%82-%d0%b2-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4%d0%b5-%d1%81%d1%80%d0%b5%d0%b4%d1%81%d1%82%d0%b2-%d1%81-1xbet-%d0%be%d1%82%d0%ba%d0%b0%d0%b7%d1%8b/ Отказывают в выводе средств с 1xbet, отказывают в выводе средств с 1xbet. Today, the Liga stavok bookmaker for Your convenience, transferred all their predictions betcity in the app. https://sapp.edu.vn/activity/p/38557/ 1 хбет букмекерская контора официальный сайт скачать бесплатно, 1 хбет правила удара в штангу или перекладину. При работе с программой один раз в минуту происходит автоматическое сохранение данных пакета. https://hearthcraft.net/community/profile/xbet18781588/ 1хбет скачать на айфон нидерланды, 1хбет скачать на андроид 2019. В меню «Анонсы» вы встретите коэффициенты, приблизительные прогнозы и мнения аналитиков. http://halasztelek.reveszcomputer.hu/community/profile/xbet20221103/ Режим работы 1xbet, режим работы конторы 1xbet. В настоящий момент букмекерская контора 1xBet предлагает клиентам воспользоваться способами, предлагаемыми системой в соответствующем профиле. https://bfrmultisport.clubpack.org/activity/p/27647/ 1хбет фифа через торрент, 1хбет фифа 20. Бонусные баллы зачисляются на дополнительный счет. http://www.bifrost-gateway.com/community/profile/xbet14317388/ 1xbet тото кибер футбол статистика, 1xbet тото футбол правила игры. Контора работает на основании сублицензии островов Кюрасао. https://ktketo.com/groups/1-x-bet-%d0%bb%d0%b8%d0%bd%d0%b8%d1%8f-1-x-%d0%b1%d0%b5%d1%82/ 1 x bet линия, 1 x бет. Заработанные бонусы и средства на балансе не удаляются. oeirycbarw

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.