Benvenuti nel sito di Risguardi

Shortcodes & Theme Extras!

The SuperSkeleton theme framework comes with several useful, non-obtrusive shortcodes to use in your theme. These shortcodes are provided to supplement the framework… making is easier to create your own custom layouts on the fly, include buttons, custom typography, and lots more!

The theme supports the Ultimate Shortcodes plugin, a free and simple to use shortcode manager that allows you to use over 30 custom content features from tabbed content to spoilers to videos. Here are just a few – view the full list here.

Oh, and yeah, you can have a custom, configurable slider on each page or post if you want. You pick the:

  • Transition style
  • Number of slides on each carousel
  • Time delay (Auto Play)

Responsive Videos, Images and More!

Display YouTube, Vimeo, .MOV files and more… and they’ll automatically resize to fit whatever device you’re on. Sweet!

[gn_media url="http://vimeo.com/40852225" width="100%" height="380px" jwplayer="autostart=true"]

Responsive Map Viewer

[gn_gmap width="100%" height="400" address="1331 West Sunset Boulevard, Los Angeles, CA"]

Inline Twitter Feed

[gn_tweets username="makedesign" limit="3" style="1" show_time="1"]

Responsive Document Viewer

Present .DOC, .XLS, or .PDF documents natively on your site… and yes, they’ll scale for smaller resolution screens as well! (compatibility varies based on device though… not all devices support this plugin, so leaving a text link to the document is recommended.).
[gn_document file="http://reason.makedesign.wpengine.com/wp-content/themes/reason/help/documentation.pdf" width="100%" height="400"]


Buttons!

Use one of our 7 custom styled buttons, or create your own custom button by selecting your desired Color Picker, Border-Radius, Size, and more!

Button Button Button Button Button Button Button
Or create your own custom buttons…
[gn_button link="#" color="#ed2470" size="3" style="1" dark="0" radius="10" target="self"]User-Generated Buttons![/gn_button] [gn_button link="#" color="#00b1f2" size="2" style="2" dark="0" radius="4" target="self"]User-Generated Buttons![/gn_button] [gn_button link="#" color="#3f8000" size="1" style="0" dark="0" radius="8" target="self"]User-Generated Buttons![/gn_button] [gn_button link="#" color="#000" size="2" style="0" dark="0" radius="8" target="self"]Wahoo![/gn_button]

Column & Layout Shortcodes

Simple, mobile friendly column shortcodes that are as flexible as your content. Check out the full “flexible grid” example to see the columns in all their glory, or check out some of the other fancy stuff you can do with them below.

Flexible Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tempus, magna vitae adipiscing facilisis, sem urna pretium massa, ut interdum lorem lectus ut odio. Ut quis mauris vel nulla rhoncus feugiat. Sed lorem risus, pellentesque sit amet pulvinar sit amet, scelerisque in ligula. Aenean vestibulum velit eget massa rutrum vehicula.

Custom Body Fonts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tempus, magna vitae adipiscing facilisis, sem urna pretium massa, ut interdum lorem lectus ut odio. Ut quis mauris vel nulla rhoncus feugiat. Sed lorem risus, pellentesque sit amet pulvinar sit amet, scelerisque in ligula. Aenean vestibulum velit eget massa rutrum vehicula.

[gn_box title="Box title" color="#333333"]Box content[/gn_box] [gn_fancy_link color="black" link="#"]Link text[/gn_fancy_link] [gn_note color="#FFCC00"]Note text[/gn_note] [gn_column size="1-3" last="0" style="0"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis dui vitae nisl convallis molestie. Duis at metus a lorem accumsan mattis. Phasellus sed iaculis velit. Duis risus libero, tristique tempus mollis vel, lacinia vel eros. Fusce pulvinar risus id urna lacinia egestas.[/gn_column] [gn_column size="1-2" last="0" style="0"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis dui vitae nisl convallis molestie. Duis at metus a lorem accumsan mattis. Phasellus sed iaculis velit. Duis risus libero, tristique tempus mollis vel, lacinia vel eros. Fusce pulvinar risus id urna lacinia egestas.[/gn_column] [gn_heading style="1"]Custom Heading Style[/gn_heading] [gn_pullquote align="left"]Pullquotes! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tempus, magna vitae adipiscing facilisis, sem urna pretium massa, ut interdum lorem lectus ut odio.[/gn_pullquote] [gn_highlight bg="#DDFF99" color="#000000"]Highlighted text: Interdum lorem lectus ut odio.[/gn_highlight] [gn_highlight bg="#fffbd5" color="#000000"]Highlighted text: Interdum lorem lectus ut odio.[/gn_highlight] [gn_highlight bg="#ffd5e5" color="#000000"]Highlighted text: Interdum lorem lectus ut odio.[/gn_highlight]

The Aside Shortcode

Aside title

This is an aside, perfect for adding a little bit of extra content on the side of your posts or pages.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tempus, magna vitae adipiscing facilisis, sem urna pretium massa, ut interdum lorem lectus ut odio. Ut quis mauris vel nulla rhoncus feugiat. Sed lorem risus, pellentesque sit amet pulvinar sit amet, scelerisque in ligula. Aenean vestibulum velit eget massa rutrum vehicula.


Mobile Friendly Tabbed Content

[gn_tabs style="1"] [gn_tab title="Super"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tempus, magna vitae adipiscing facilisis, sem urna pretium massa, ut interdum lorem lectus ut odio. Ut quis mauris vel nulla rhoncus feugiat. Sed lorem risus, pellentesque sit amet pulvinar sit amet, scelerisque in ligula. Aenean vestibulum velit eget massa rutrum vehicula.[/gn_tab] [gn_tab title="Friendly"]It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.[/gn_tab] [gn_tab title="Tabs"]Nullam tempus, magna vitae adipiscing facilisis, sem urna pretium massa, ut interdum lorem lectus ut odio. Ut quis mauris vel nulla rhoncus feugiat. Sed lorem risus, pellentesque sit amet pulvinar sit amet, scelerisque in ligula. Aenean vestibulum velit eget massa rutrum vehicula.[/gn_tab] [/gn_tabs] [gn_spoiler title="Spoiler Content!" open="0" style="1"]Include hidden text that users can toggle on and off![/gn_spoiler] [gn_accordion]Accordion Content![/gn_accordion] [gn_accordion]Accordion Content![/gn_accordion] [gn_accordion]Accordion Content![/gn_accordion]

The SuperQuote

It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.

The Feature Bar

Customize Me!The perfect spot to guide visitors!