What Does This Mean to Me, Laura?


Post Categories


What Does This Mean to Me, Laura?

Styles

8th November 2010
Full Width Paragraph Example

[full][dropcapblack]H[/dropcapblack]ere is a full width page and column! Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue. Fusce ultrices, neque id dignissim ultrices, tellus mauris dictum elit, vel lacinia enim metus eu nunc.[/full]

[hr]

Headings!

These will change depending on the color selection you have chose from the admin

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

[hr]

Blockquote Example

[blockquote]Your content goes here[/blockquote]

[blockquote]Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis.[/blockquote]

[hr]

Example of a blue alert box

[highlight_1blue]

For this title to appear use a h4 tag within the shortcode for the box

Shortcode for this box is [highlight_1blue]Your content goes here![/highlight_1blue]

Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat.
[/highlight_1blue]
[hr]

Example of a standard alert box

[highlight_1standard]

For this title to appear use a h4 tag within the shortcode for the box

Shortcode for this box is [highlight_1standard]Your content goes here![/highlight_1standard]

Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat.
[/highlight_1standard]
[hr]

Example of a teal alert box

[highlight_1teal]

For this title to appear use a h4 tag within the shortcode for the box

Shortcode for this box is [highlight_1teal]Your content goes here![/highlight_1teal]

Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat.
[/highlight_1teal]
[hr]

Example of a white alert box

[highlight_1white]

For this title to appear use a h4 tag within the shortcode for the box

Shortcode for this box is [highlight_1white]Your content goes here![/highlight_1white]

Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat.
[/highlight_1white]

[hr]

Example of an orange alert box

[highlight_1orange]

For this title to appear use a h4 tag within the shortcode for the box

Shortcode for this box is [highlight_1orange]Your content goes here![/highlight_1orange]

Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat.
[/highlight_1orange]
[hr]

Example of a green alert box

[highlight_1green]

For this title to appear use a h4 tag within the shortcode for the box

Shortcode for this box is [highlight_1green]Your content goes here![/highlight_1green]

Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat.
[/highlight_1green]
[hr]

Here are all the buttons available!

[leftcolumn]
[highlight_button_white]White Link Button[/highlight_button_white]
[highlight_button_white]White Link Button[/highlight_button_white]
[hr]
[highlight_button_teal]Teal Link Button[/highlight_button_teal]
[highlight_button_teal]Teal Link Button[/highlight_button_teal]
[hr]
[highlight_button_orange]Orange Link Button[/highlight_button_orange]
[highlight_button_orange]Orange Link Button[/highlight_button_orange]
[hr]
[highlight_button_green]Green Link Button[/highlight_button_green]
[highlight_button_green]Green Link Button[/highlight_button_green]
[hr]
[highlight_button_blue]Blue Button[/highlight_button_blue]
[highlight_button_blue]Blue Button[/highlight_button_blue]
[/leftcolumn]

[rightcolumn]
[highlight_button_rwhite]Reverse White Link Button[/highlight_button_rwhite]
[highlight_button_rwhite]Reverse White Link Button[/highlight_button_rwhite]
[hr]
[highlight_button_rteal]Reverse Teal Link Button[/highlight_button_rteal]
[highlight_button_rteal]Reverse Teal Link Button[/highlight_button_rteal]
[hr]
[highlight_button_rorange]Reverse Orange Link Button[/highlight_button_rorange]
[highlight_button_rorange]Reverse Orange Link Button[/highlight_button_rorange]
[hr]
[highlight_button_rgreen]Reverse Green Link Button[/highlight_button_rgreen]
[highlight_button_rgreen]Reverse Green Link Button[/highlight_button_rgreen]
[hr]
[highlight_button_rblue]Reverse Blue Link Button[/highlight_button_rblue]
[highlight_button_rblue]Reverse Blue Link Button[/highlight_button_rblue]
[/rightcolumn]
[hr]

[leftcolumn]

Dropcap Red

[dropcapred]E[/dropcapred]xample of dropcap Red
[dropcapred]E[/dropcapred]
[hr]

Dropcap Black

[dropcapblack]E[/dropcapblack]xample of dropcap Black
[dropcapblack]E[/dropcapblack]
[hr]

Dropcap White

[white][dropcapwhite]E[/dropcapwhite]xample of dropcap White
[white][dropcapwhite]E[/dropcapwhite]xample of dropcap White [/white]
[/white]
[/leftcolumn]

[rightcolumn]

Dropcap Green

[dropcapgreen]E[/dropcapgreen]xample of dropcap Red
[dropcapred]E[/dropcapred]
[hr]

Dropcap Blue

[dropcapblue]E[/dropcapblue]xample of dropcap Black
[dropcapblack]E[/dropcapblack]
[hr]

Dropcap Teal

[dropcapteal]E[/dropcapteal]xample of dropcap White
[white][dropcapwhite]E[/dropcapwhite]xample of dropcap White [/white]
[/rightcolumn]

[hr]

Horizontal Rule

[hr]

[hr]

[hr]

Full Column

[full]
[dropcapblack]T[/dropcapblack]here are several column widths to choose from with this template. This is a full width.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[full]Content![/full]
[/full]
[hr]

One Quarter Columns

[onequarter]
[dropcapblack]T[/dropcapblack]his is one quarter. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.

[onequarter]Content![/onequarter]
[/onequarter]

[onequarter]
[dropcapblack]T[/dropcapblack]his is one quarter. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.

[onequarter]Content![/onequarter]
[/onequarter]

[onequarter]
[dropcapblack]T[/dropcapblack]his is one quarter. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.

[onequarter]Content![/onequarter]
[/onequarter]

[onequarterlast]
[dropcapblack]T[/dropcapblack]his is one quarter last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.

[onequarterlast]Content![/onequarterlast]
[/onequarterlast]
[hr]

Text Tooltips

To create a tooltip on hover simply add a class of “fade” and “original-text=”tooltip text here”” to your href link

[onequarter]
Try out this link with a fancy fading tool-tip!
[/onequarter]

[onequarter]
Try out this link with a fancy fading tool-tip!
[/onequarter]

[onequarter]
Try out this link with a fancy fading tool-tip!
[/onequarter]

[onequarterlast]
Try out this link with a fancy fading tool-tip!
[/onequarterlast]

[hr]

One Third Columns

[onethird]
[dropcapblack]T[/dropcapblack]his is one third. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[onethird]Content![/onethird]
[/onethird]

[onethird]
[dropcapblack]T[/dropcapblack]his is one third. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[onethird]Content![/onethird]
[/onethird]

[onethirdlast]
[dropcapblack]T[/dropcapblack]his is one third last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[onethirdlast]Content![/onethirdlast]
[/onethirdlast]
[hr]

One Third & Two Thirds Last Columns

[onethird]
[dropcapblack]T[/dropcapblack]his is one third. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[onethird]Content![/onethird]
[/onethird]

[twothirdslast]
[dropcapblack]T[/dropcapblack]his is two thirds last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[twothirdslast]Content![/twothirdslast]
[/twothirdslast]
[hr]

One Quarter & Three Quarter Last Columns

[onequarter]
[dropcapblack]T[/dropcapblack]his is one quarter. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[onequarter]Content![/onequarter]
[/onequarter]

[threequarterlast]
[dropcapblack]T[/dropcapblack]his is three quarter last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[threequarterlast]Content![/threequarterlast]
[/threequarterlast]
[hr]

Three Quarter & One Quarter Last Columns

[threequarter]
[dropcapblack]T[/dropcapblack]his is three quarter. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[threequarter]Content![/threequarter]
[/threequarter]

[onequarterlast]
[dropcapblack]T[/dropcapblack]his is one quarter last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[onequarterlast]Content![/onequarterlast]
[/onequarterlast]
[hr]

Two Thirds & One Third Last Columns

[twothirds]
[dropcapblack]T[/dropcapblack]his is two thirds. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[twothirds]Content![/twothirds]
[/twothirds]

[onethirdlast]
[dropcapblack]T[/dropcapblack]his is one third last. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[onethirdlast]Content![/onethirdlast]
[/onethirdlast]
[hr]

Left Column & Right Column

[leftcolumn]
[dropcapblack]T[/dropcapblack]his is one half left. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[leftcolumn]Content![/leftcolumn]
[/leftcolumn]

[rightcolumn]
[dropcapblack]T[/dropcapblack]his is one half right. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.
[rightcolumn]Content![/rightcolumn]
[/rightcolumn]
[hr]

Full Width Image With Left_Content & Middle_Content Examples

[full][white]Any image used in this theme linked to the actual image instead of the post will automatically open up in prettyPhoto via the prettyPhoto Plugin included with this theme.[/white][/full]

 

[left_content]
This is left_content shortcode to appear under the image
[left_content]Content![/left_content]
[/left_content]

[middle_content][white]
This is another middle_content shortcode to appear under the image and use a shortcode for white to have the column appear in a different color
[middle_content][white]Content![/white][/middle_content]
[/white][/middle_content]

[middle_content][white][light]
Middle_content shortcode also using light shortcode
[middle_content][white][light]Content![/light][/white][/middle_content]
[/light][/white][/middle_content]
[hr]

Example of class for highlight text

[full][highlight_text]
If you want to use this shortcode to call attention to a specific block of text – use the shortcode [highlight_text]Content![/highlight_text]
[/highlight_text][/full]

[hr]

One Quarter Highlight Boxes

[onequarter][highlight_1blue]

One Quarter Box

[onequarter][highlight_1blue]Your content goes in here![/highlight_1blue][/onequarter]
[/highlight_1blue][/onequarter]

[onequarter][highlight_1blue]

One Quarter Box

[onequarter][highlight_1blue]Your content goes in here![/highlight_1blue][/onequarter]
[/highlight_1blue][/onequarter]

[onequarter][highlight_1blue]

One Quarter Box

[onequarter][highlight_1blue]Your content goes in here![/highlight_1blue][/onequarter]
[/highlight_1blue][/onequarter]

[onequarterlast][highlight_1blue]

One Quarter Box

[onequarterlast][highlight_1blue]Your content goes in here![/highlight_1blue][/onequarterlast]
[/highlight_1blue][/onequarterlast]
[hr]

A shiny CSS Styled Table
Header 1 Header 2 Header 3 Header 4 Header 5
Data Info 1 Data Info 2 Data Info 3 Data Info 4 Data Info 5
Data Info 1 Data Info 2 Data Info 3 Data Info 4 Data Info 5
Data Info 1 Data Info 2 Data Info 3 Data Info 4 Data Info 5
Data Info 1 Data Info 2 Data Info 3 Data Info 4 Data Info 5
Data Info 1 Data Info 2 Data Info 3 Data Info 4 Data Info 5

[hr]

Example of an unordered list

[hr]

Example of an ordered list
  1. Example of a list item
  2. Example of a list item
  3. Example of a list item as a link
  4. Example of a list item as a link

[hr]

Comments

There are no comments.