Tags sampler

click to enlarge
click to enlarge

Sampler displays some styles applied to default HTML tags available in Tiny MCE. The tags are: headings, lists, blockquotes, images with captions, embedded videos and iframes.

If you are going to use same fonts like on my demo, you can use em and strong tags for “PlayFair Display” serif font used for the body text. All font-sizes have been calculated upon the initial scale of the typefaces used in the theme. You might need to recalculate font-sizes in case you would use other typefaces.

Blockquote

The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.

Unordered list

  • Unordered list item
  • Another item in unordered list
  • And just another one

Ordered list

  1. Ordered list item
  2. Another one ordered list item

Post image with caption

Notgeld

Notgeld

Embed the video

In order to keep the video responsive (resizable and fitting various screen resolutions) specific HTML code is required to use. You will find simple HTML snippet in Help file. Once you apply this piece of code the video becomes resizable.

YouTube example

page 1 page 2

Get our news

5 comments so far
  1. on February 7, 2014 at 7:51 pm
    admin said:

    HTML tags in comments

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

    Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.

    Reply
    • on February 7, 2014 at 8:32 pm
      Tanya said:

      Nice! Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

      Reply
  2. on February 7, 2014 at 8:37 pm
    Tanya said:

    Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

    Reply
    • on February 7, 2014 at 8:39 pm
      admin said:

      Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

      Reply

Leave a Reply

Allowed Tags <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>