Style Shortcodes | Star Telekom

Code

p {
margin:10px 0;
padding:5px 2px;
background:#cccccc;
display:block;
}

[code]Note: You will need to insert a backslash in the closing "code" tag.[code]

Big Buttons

Your color options are: red, orange, green, blue, grey, black and special. Make sure to write them in small letters or else it wont work. Look at the code below to understand what I mean.x

Big red Button Big orange Button Big green Button Big blue Button Big grey Button Big black Button Big special Button


[big-button link="#" color="red" target="_self"]Big red Button[/big-button]

Small Buttons

Small red Button Small orange Button Small green Button Small blue Button Small grey Button Small black Button Small special Button


[sml-button link="#" color="red" target="_self"]Small red Button[/sml-button]

Heightlight - Yellow, Green, Blue, Red, Violet

[yellow]...........[/yellow]
[green]...........[/green]
[blue]...........[/blue]
[red]...........[/red]
[violet]...........[/violet]

Intro

This shortcode is very usefull when you create long content pages and you want to create some kind of intrudction text that will catch the reader's eye.

[intro]...........[/intro]

Noformat

This is the most important Shortcode because you need to wrap this shortcode around all of your other shortcodes. This shortcode will disable the wordpress auto formatting of content. It will remove unwanted "br" tags but it will also remove the automated "p" tags so you will need to wrap you paragraphes with "p" tags by yourself. Note: You will need to insert a backslash in the closing "noformat" tag line you do in all other shortcodes. [noformat]Your content and shortcodes goes in here! Very Important![noformat]

Clear

The clear shortcode is used to prevent text from wraping around an image.

[clear]

Info box

This is an info boxx

[info]...........[/info]

Warning box

This is an warning boxx

[warning]...........[/warning]

Error box

This is an error boxx

[error]...........[/error]

Success box

This is an success boxx

[success]...........[/success]

DropCap

Rorem 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. [dropcap]L[/dropcap]orem ipsum....

Blockquote

” 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. “
Paz Aricha, BluzGraphics

[quote
author="Paz Aricha"
website="BluzGraphics"
link="http://bluzgraphics.com"]
orem 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.
[/quote]

Pull Quotes

” Et magnis dis parturient montes, nascetur ridiculus mus, Donec quam felis. “
Paz Aricha, BluzGraphics

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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

” Et magnis dis parturient montes, nascetur ridiculus mus, Donec quam felis. “
Paz Aricha, BluzGraphics

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. 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[left-quote
author="Paz Aricha"
website="BluzGraphics"
link="http://bluzgraphics.com"]
Et magnis dis parturient montes, nascetur ridiculus mus,
 Donec quam felis.
[/left-quote]

[right-quote
author="Paz Aricha"
website="BluzGraphics"
link="http://bluzgraphics.com"]
Et magnis dis parturient montes, nascetur ridiculus mus,
 Donec quam felis.
[/right-quote]

Divider

This shortcode creates a divider after you content

[divider]

Image with frame aligned to the left

[image align="left"]enter full image path here[/image].....

Image with frame aligned to the right

[image align="right"]enter full image path here[/image].....

Image with frame aligned to the center

[image align="center"]enter full image path here[/image].....

Image without frame aligned to the left

[image_bl align="left"]enter full image path here[/image_bl].....

Image without frame aligned to the right

[image_bl align="right"]enter full image path here[/image_bl].....

Image without frame aligned to the center

[image_bl align="center"]enter full image path here[/image_bl].....

Contact Form Shortcode

The contact form shortcode can be used only once on each page.

[bluz-contact-form email="yourmail@yoursite.com"] Watch the contact form shortcode in action!