Responsive Image Shortcodes

you can add images to be as simple or complex as you like

[outerOneThird]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty.jpg” width=”380″ height=”380″]
[/outerOneThird]

[outerOneThird]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty.jpg” width=”380″ height=”380″]
[/outerOneThird]

[outerOneThirdLast]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty.jpg” width=”380″ height=”380″]
[/outerOneThirdLast]

[spacer height=”20″ mobile_hide=”true”]

[fullWidth]
[raw][pre][image title=”Add Image Title w/ Shortcode” alt=”Alt Tags w/ Shortcode”
link=”http://www.google.com” target=”_blank” url=”yourimage.jpg” width=”380″ height=”380″][/pre][/raw]
[/fullWidth]

[spacer height=”40″ mobile_hide=”true”]

9 Shadow Options

you can choose from 9 modern web shadows

[outerOneThird]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” shadow=”1″ link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-one-ninety.jpg” width=”380″ height=”190″]
[/outerOneThird]

[outerOneThird]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” shadow=”9″ link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-one-ninety.jpg” width=”380″ height=”190″]
[/outerOneThird]

[outerOneThirdLast]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” shadow=”8″ link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-one-ninety.jpg” width=”380″ height=”190″]
[/outerOneThirdLast]

[spacer height=”20″ mobile_hide=”true”]

[fullWidth]
[raw][pre][image title=”Add Image Title w/ Shortcode” alt=”Alt Tags w/ Shortcode”
link=”http://www.google.com” target=”_blank” url=”yourimage.jpg” shadow=”8″ width=”380″ height=”190″ ][/pre][/raw]
[/fullWidth]

[spacer height=”40″ mobile_hide=”true”]

Optional Image Frames

set your inner & outer border color & opacity from admin panel

[outerOneThird]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” shadow=”7″ link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThird]

[outerOneThird]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” shadow=”7″ link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”360″ height=”269″]
[/outerOneThird]

[outerOneThirdLast]
[image title=”Add Image Title w/ Shortcode” alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” shadow=”7″ link=”http://www.google.com” target=”_blank” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThirdLast]

[spacer height=”20″ mobile_hide=”true”]

[fullWidth]
[raw][pre][image title=”Add Image Title w/ Shortcode” alt=”Alt Tags w/ Shortcode”
link=”http://www.google.com” target=”_blank” url=”yourimage.jpg” border=”smallBorder”
shadow=”1″ width=”380″ height=”269″][/pre][/raw]
[/fullWidth]

[spacer height=”40″ mobile_hide=”true”]

10 Available Icon Hover Animations

if your image is linking to something why not let your visitor’s know

[outerOneThird]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”magnify” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThird]

[outerOneThird]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”link” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThird]

[outerOneThirdLast]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”image” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThirdLast]
[spacer height=”10″]
[outerOneThird]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”document” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThird]

[outerOneThird]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”attachment” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThird]

[outerOneThirdLast]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”video” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThirdLast]
[spacer height=”10″]
[outerOneThird]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”youtube” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThird]

[outerOneThird]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”vimeo” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThird]

[outerOneThirdLast]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”zip” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThirdLast]

[spacer height=”10″]

[outerOneThirdLast]
[image alt=”Add Alt Tags w/ Shortcode” border=”smallBorder” icon=”pdf” shadow=”9″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty-two-sixty-nine.jpg” width=”380″ height=”269″]
[/outerOneThirdLast]

[spacer height=”20″ mobile_hide=”true”]

[fullWidth]
[raw][pre][image alt=”Alt Tags w/ Shortcode” url=”yourimage.jpg”
border=”smallBorder” shadow=”9″ icon=”youtube” width=”380″ height=”269″][/pre][/raw]
[/fullWidth]

[spacer height=”40″ mobile_hide=”true”]

Lightbox Options

add photo, vimeo, youtube, or i-frame lightboxes to your image shortcodes

[outerOneThird]
[image border=”smallBorder” shadow=”7″ lightbox=”http://themes.curtycurt.com/images/inspired/image-three-eighty.jpg” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty.jpg” icon=”image” iframe=”photo” width=”380″ height=”380″]
[/outerOneThird]

[outerOneThird]
[image border=”smallBorder” shadow=”7″ lightbox=”http://www.youtube.com/watch?feature=player_embedded&v=Sv6dMFF_yts” url=”http://themes.curtycurt.com/images/inspired/image-three-eighty.jpg” icon=”youtube” iframe=”video” iframe_width=”640″ iframe_height=”360″ width=”380″ height=”380″]
[/outerOneThird]

[outerOneThirdLast]
[image border=”smallBorder” shadow=”7″ lightbox=”http://vimeo.com/40558553″ url=”http://themes.curtycurt.com/images/inspired/image-three-eighty.jpg” icon=”vimeo” iframe=”video” iframe_width=”640″ iframe_height=”360″ width=”380″ height=”380″]
[/outerOneThirdLast]

[spacer height=”20″ mobile_hide=”true”]

[fullWidth]
[raw][pre][image border=”smallBorder” shadow=”7″ lightbox=”http://vimeo.com/40558553″
url=”yourimageurl.jpg” icon=”vimeo” iframe=”video” iframe_width=”640″
iframe_height=”360″ width=”380″ height=”380″][/pre][/raw]
[/fullWidth]

Leave a Reply

Your email address will not be published. Required fields are marked *