Page Markup And Formatting

0 Comments

Headings

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Tables

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

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.

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

HTML Tags

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

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” –Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2″ down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

Top

Halo Theme

You are running Inferno version 1.0

You are running this admin panel in demo mode. This requires You to activate cookies, if You want to take Your changes effect.

Please note, that some functionality is stripped in demo mode. That said, You are not able to upload any files

Responsive layout

Do you want to activate the responsive (mobile) version of the page or do you want to disable it (latter will not scale accordingly to display size).

Favicon Image

Upload Image Remove

Theme orientation

Box shadow

If boxed layout is turned on you can give the box a shadow.

Tothetop-Link

Do You want to show a Link at the bottom to scroll smoothly to the Top of a page?

Logo Type

Do You want to use an Image or Text as Your Logo (Text can be styled with Google Webfonts)?

Logo Image

Upload Image Remove

Logo image height

Requires custom stylesheet to be enabled.

Header stripes

Show stripes in the header.

Mega menu

Activate mega menu or have classical dropdown menu otherwise.

Mega menu thumbnail hover effect

If mega menu is activated and you use featured post images in the menu you can set a hover effect for them here.

Search

A search in the navigation.

Article featured image on Listings

Show the featured image on the Post Listing Templates (Post Overview, Archives, Categories, ...)?

Article featured image on Single Post

Show the featured image on the Single Post View?

Blog header type

Blog header image

Upload Image Remove

Blog sidebar

Blog index excerpt

Do you want the excerpt on post listing pages like the blog index to be shortened automatically or manually with the <!-- more --> tag?

Show post tags

Whether you want to show post tags or not in the post meta information.

Show post categories

Whether you want to show post categories or not in the post meta information.

Show post author

Whether you want to show the post author or not in the post meta information.

All posts in portfolio

Turn on to request all the portfolio works without site pagination.

Portfolio posts number

Isotope portfolio

Use common isotope portfolio with filtering. Alternatively the portfolio index site will not have any effects but category listings will have a unique scroll effect.

Mark new works as 'New'

Image width in the portfolio

Image width in the portfolio

Portfolio hover effect

Portfolio lightbox

Do you want to use a lightbox in the portfolio instead of linking the portfolio post page?

Contact Form 7 shortcode

Contact adress

Phone number

Email

Contact Google Maps shortcode

Logo Image

Upload Image Remove

Copyright

Header style

Do you want to activate header decoration lines?

Footer style

Decide whether you want the footer to be displayed boxed or in full width.

Content area drop shadow

Activate shadow on the content box.

Custom CSS file

Do You want to load an aditional CSS file, which will allow you to style the theme itself by the options provided in this panel? All options in the 'fonts' and the 'style' section of this admin panel are meant to be working only with this option activated.

Background color

Only, if the option below is deactivated.

Use pattern as background

If you want to use the option below you need to turn this option on. Otherwise the background color option above will take effect.

Background patterns

Global Site Font

Show Google Font for this Option. Hide Google Font for this Option.
Grumpy wizards make toxic brew for the evil Queen and Jack.
You can view all Google fonts here. Consider, that You have to respect case-sensitivity. If the font has been successfully recognized, the demo text will change to the entered font.

Site text size

Common content text color

Logo Font

Show Google Font for this Option. Hide Google Font for this Option.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Requires You to select Text Logo in the General settings.
You can view all Google fonts here. Consider, that You have to respect case-sensitivity. If the font has been successfully recognized, the demo text will change to the entered font.

Logo Font Size

Only, if You selected Text Logo in the General settings.

Logo Font Color

Only, if You selected Text Logo in the General settings.

Slogan Font

Show Google Font for this Option. Hide Google Font for this Option.
Grumpy wizards make toxic brew for the evil Queen and Jack.
You can view all Google fonts here. Consider, that You have to respect case-sensitivity. If the font has been successfully recognized, the demo text will change to the entered font.

Slogan Font Size

Color for slogan

Navigation Font

Show Google Font for this Option. Hide Google Font for this Option.
Grumpy wizards make toxic brew for the evil Queen and Jack.
You can view all Google fonts here. Consider, that You have to respect case-sensitivity. If the font has been successfully recognized, the demo text will change to the entered font.

Navigation Font Size

Navigation Font Color

Navigation Font Hover and Active Color

Tagline Font

Show Google Font for this Option. Hide Google Font for this Option.
Grumpy wizards make toxic brew for the evil Queen and Jack.
You can view all Google fonts here. Consider, that You have to respect case-sensitivity. If the font has been successfully recognized, the demo text will change to the entered font.

Tagline Font Size

This will enlarge (value is bigger than 1) / reduce (value is smaller than 1) the Font size in the area relatively.

Tagline Font Color

Import / Export your panel settings

Note: You need to reload the current page to see actual changes in the fields. Also, no image files themselves are being recovered.

Options successfully saved!

Options could not be saved! Eventually contact support.