Styling & Formatting

Drop Caps

[one_third][dropcaps]N[/dropcaps]am vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. [/one_third]

[one_third][dropcaps style=”circle”]N[/dropcaps]am vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. [/one_third]

[one_third_last][dropcaps style=”square”]N[/dropcaps]am vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. [/one_third_last]

[one_third]
[toggle title=”Get Code”]

[[dropcaps]N[/dropcaps]]

[/toggle]
[/one_third]

[one_third]
[toggle title=”Get Code”]

[[dropcaps style="circle"]N[/dropcaps]]

[/toggle]
[/one_third]

[one_third_last]
[toggle title=”Get Code”]

[[dropcaps style="square"]N[/dropcaps]]

[/toggle]
[/one_third_last]

[divider type=”image”]

Icon Text

[one_third]

  • [icon style=”home”]Home[/icon]
  • [icon style=”email”]Email[/icon]
  • [icon style=”link”]Link[/icon]
  • [icon style=”phone”]Phone[/icon]

[/one_third]

[one_third]

  • [icon style=”calendar”]Calendar[/icon]
  • [icon style=”user”]User[/icon]
  • [icon style=”save”]Save[/icon]
  • [icon style=”id”]Id[/icon]

[/one_third]

[one_third_last]

  • [icon style=”notice”]Notice[/icon]
  • [icon style=”rss”]Rss[/icon]
  • [icon style=”checked”]Checked[/icon]
  • [icon style=”tag”]Tag[/icon]

[/one_third_last]

[toggle title=”Get Code”]

[icon style="home"]Home[/icon]
[icon style="email"]Email[/icon]
[icon style="link"]Link[/icon]
[icon style="phone"]Phone[/icon]
[icon style="calendar"]Calendar[/icon]
[icon style="user"]User[/icon]
[icon style="save"]save[/icon]
[icon style="id"]Id[/icon]
[icon style="notice"]Notice[/icon]
[icon style="rss"]Rss[/icon]
[icon style="checked"]Checked[/icon]
[icon style="tag"]Tag[/icon]

[/toggle]

[divider type=”image”]

List Styles

[one_third]
[list]

  • Feugiat conse;
  • Lorem ipsum;
  • Dolorem mit amet;
  • Tortor dictum;
  • Vestibulum arcum.
  • [/list]
    [/one_third]

    [one_third]
    [list style=”circle”]

  • Feugiat conse;
  • Lorem ipsum;
  • Dolorem mit amet;
  • Tortor dictum;
  • Vestibulum arcum.
  • [/list]
    [/one_third]

    [one_third_last]
    [list style=”checked”]

  • Feugiat conse;
  • Lorem ipsum;
  • Dolorem mit amet;
  • Tortor dictum;
  • Vestibulum arcum.
  • [/list]
    [/one_third_last]
    [one_third]
    [toggle title=”Get Code”]

    [[list]
    	<li>Feugiat conse;</li>
    	<li>Lorem ipsum;</li>
    	<li>Dolorem mit amet;</li>
    	<li>Tortor dictum;</li>
    	<li>Vestibulum arcum.</li>
    [/list]]
    

    [/toggle]
    [/one_third]

    [one_third]
    [toggle title=”Get Code”]

    [[list style="circle"]
    	<li>Feugiat conse;</li>
    	<li>Lorem ipsum;</li>
    	<li>Dolorem mit amet;</li>
    	<li>Tortor dictum;</li>
    	<li>Vestibulum arcum.</li>
    [/list]]
    

    [/toggle]
    [/one_third]

    [one_third_last]
    [toggle title=”Get Code”]

    [[list style="checked"]
    	<li>Feugiat conse;</li>
    	<li>Lorem ipsum;</li>
    	<li>Dolorem mit amet;</li>
    	<li>Tortor dictum;</li>
    	<li>Vestibulum arcum.</li>
    [/list]]
    

    [/toggle]
    [/one_third_last]
    [divider type=”image”]

    Framed Boxes

    [framed_box]
    [one_half]

    Simple

    Borem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/one_half]

    [one_half_last]

    Framebox

    Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum.[/one_half_last]
    [/framed_box]
    [toggle title=”Get Code”]

    [[framed_box] content [/framed_box]]
    

    [/toggle]

    [framed_box style=”info”]

    Info Box

    Borem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies.
    [/framed_box]

    [toggle title=”Get Code”]

    [[framed_box style="info"] content [/framed_box]]
    

    [/toggle]

    [one_third]
    [framed_box style=”note”]

    Note:

    Borem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris.

    [/framed_box]
    [/one_third]

    [two_third_last]

    Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies. Phasellus ornare risus sed nibh rutrum mollis. Nunc faucibus, ipsum vitae gravida euismod, nisi ante volutpat nisi, non aliquam justo mauris a nulla.

    Nam justo risus, dignissim sed laoreet ut, fermentum ac nunc. Vestibulum quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida.

    [/two_third_last]
    [toggle title=”Get Code”]

    [[framed_box style="note"] content [/framed_box]]
    

    [/toggle]
    [divider type=”image”]

    Highlighted Text

    [one_fifth]

    Lorem ipsum dolor sit amet, [highlight color=”red”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

    [toggle title=”Get Code”]

    [[highlight color="red"] content [/highlight]]
    

    [/toggle]
    [/one_fifth]

    [one_fifth]

    Lorem ipsum dolor sit amet, [highlight color=”green”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

    [toggle title=”Get Code”]

    [[highlight color="green"] content [/highlight]]
    

    [/toggle]
    [/one_fifth]

    [one_fifth]

    Lorem ipsum dolor sit amet, [highlight color=”blue”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

    [toggle title=”Get Code”]

    [[highlight color="blue"] content [/highlight]]
    

    [/toggle]
    [/one_fifth]

    [one_fifth]

    Lorem ipsum dolor sit amet, [highlight color=”yellow”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

    [toggle title=”Get Code”]

    [[highlight color="yellow"] content [/highlight]]
    

    [/toggle]
    [/one_fifth]

    [one_fifth_last]

    Lorem ipsum dolor sit amet, [highlight color=”black”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

    [toggle title=”Get Code”]

    [[highlight color="black"] content [/highlight]]
    

    [/toggle]
    [/one_fifth_last]
    [divider type=”image”]

    Tooltips

    [one_half]
    Vestibulum quis urna libero, [tooltip text=”Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.”]a venenatis risus[/tooltip]. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    [/one_half]

    [one_half_last]
    [tooltip text=”Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.”]Vestibulum[/tooltip] quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    [/one_half_last]
    [toggle title=”Get Code”]

    [[tooltip text="Tooltip Text"] content [/tooltip]]
    

    [/toggle]
    [divider type=”image”]

    Styled Table

    [styled_table]

    Options Title 1 Title 2 Title 3 Title 4
    Option Title 1 Option Option Option Option
    Option Title 2 Option Option Option Option
    Option Title 3 Option Option Option Option
    Option Title 4 Option Option Option Option
    Option Title 5 Option Option Option Option
    Table footer text

    [/styled_table]
    [toggle title=”Get Code”]

    [[styled_table] table markup [/styled_table]]
    

    [/toggle]
    [divider type=”image”]

    Url Shortening

    Suspendisse mollis sollicitudin [short url=”http://www.freaklife.com/shuffle/”] sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.

    [toggle title=”Get Code”]

    [[short url="http://www.yoursite.com/very-very-very-long-url/"]]
    

    [/toggle]

    [divider type=”image”]

    Dividers

    [one_third]
    [toggle title=”Get Code”]

    [[divider type="image"]]
    

    [/toggle]
    [/one_third]

    [one_third_last]
    [toggle title=”Get Code”]

    [[divider type="space"]]
    

    [/toggle]
    [/one_third_last]

    Leave a Reply

    Your email address will not be published.

    BİLGİSARAY BİLGİSAYAR SİSTEMLERİ TİC.LTD.ŞTİ.
    Dumlupınar Mah. Süleyman Gönçer Cad. 32 (İng Bank Karşısı)
    Afyonkarahisar Merkez, Afyonkarahisar
    Tel : 0272 215 75 36
    Fax : 0272 213 21 09
    info@bilgisarayltd.com

    Copyright © 2017 - bilgisarayltd.com