Edit this Page
This is a Demo Site with Custom Banner plugin

Style guide

THE STYLE GUIDE PROVIDES YOU WITH A BLUEPRINT OF THE THEME’S DEFAULT POST AND PAGE HTML STYLES.

Starting with headings styles:

Heading One

HEADING TWO

Heading Three

Heading Four

Heading Five
Heading Six

BLOCKQUOTE

The blockquote is used to indicate the quotation of a large section of text from another source. It can be as long or as short as you’d like.

It is what you read when you don’t have to that determines what you will be when you can’t help it.
Oscar Wilde


LIST ITEMS

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

DEFINITION LISTS

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

CODE FORMATTING

  pre {
    padding: 4%;
    margin-bottom: 1.62em;
    background: #eaecee;
    overflow: auto;
    tab-size: 2;
  }

TABLE STYLES

Employee Salary
John Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K For all the blogging she does.
Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
Jane Bloggs $100B With hair like that?! Enough said…

IMAGE ALIGNMENT

In order to align an image you need to enter the {.aligncenter} {.alignright} {.alignleft} tags behind the image data. To resize an image the following needs to be attached to the image itself ?resize=240,160

Center Aligned Image

ads-image-1599x1066-afternoon-analog-analogue-1549697_1.jpg?resize=597,397

ads-image-1599x1066-afternoon-analog-analogue-1549697_1

ads-image-1599x1066-beverage-blank-blank-space-414691_1.jpg?resize=240,160

ads-image-1599x1066-beverage-blank-blank-space-414691_1

In order to bring up the text on the same height like the images you need to continue writing in the same line like the image has been played, otherwise the text will start one paragraph below the upper border of the image like you see in the example below.

Right Aligned Image and text starting in the line below the image data

ads-image-1599x1066-alphabet-alphabets-black-board-968243_1
Images may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue or hologram. They may be captured by optical devices – such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water surfaces.

i.e. text starts in a new line

... ads-image-1599x1066-alphabet-alphabets-black-board-968243_1.jpg?resize=240,160 "ads-image-1599x1066-alphabet-alphabets-black-board-968243_1") {.alignright}
Images may be two-dimensional, such as a photograph, screen ...

Right Aligned Image and text starting in the SAME line as image data

ads-image-1599x1066-alphabet-alphabets-black-board-968243_1 Images may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue or hologram. They may be captured by optical devices – such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water surfaces.

i.e. text starts in the same line

... ads-image-1599x1066-alphabet-alphabets-black-board-968243_1.jpg?resize=240,160 "ads-image-1599x1066-alphabet-alphabets-black-board-968243_1") {.alignright} Images may be two-dimensional, such as a photograph, screen ...


Left Aligned Image

ads-image-1599x1066-background-beverage-break-958165_1 The word image is also used in the broader sense of any two-dimensional figure such as a map, a graph, a pie chart, or an abstract painting. In this wider sense, images can also be rendered manually, such as by drawing, painting, carving, rendered automatically by printing or computer graphics technology, or developed by a combination of methods.


HTML

These supported tags come from the WordPress.com code FAQ.

Anchor (aka. Link)

This is an example of a link.

Delete

This tag will let you strikeout.

Emphasize

The emphasize tag should italicize text.

Strong Tag

This tag shows bold text.


0 Comments: