Frontpage version</h1> <article> <h1>Frontpage version</h1> <p>2013-05-27T12:14:07+00:00</p> <div class="feed-description"><h4>Description</h4> <p>The above configuration of the Image Show gk_creativity style shows the most important features of this style:</p> <ul> <li>Possibility of use images and colors in the slides background</li> <li>Support for the icons in the title and text</li> <li>Animated icons</li> <li>Possibility of defining animations for each slide elements</li> </ul> <h4>Configuration</h4> <p>In the above example we have used the following settings</p> <h4>Slide 1</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> Creativity[anim-slide_left]</p> <p><strong>Text:</strong> [anim-slide_right]Get everything you need and create an awesome website</p> <h4>Slide 2</h4> <p><strong>Image:</strong> images/demo/desk.jpg</p> <p><strong>Title:</strong> Set your own header picture[anim-slide_right]</p> <p><strong>Text:</strong> [anim-slide_left]Add picture put description over the image</p> <h4>Slide 3</h4> <p><strong>Image:</strong> #68b5ff</p> <p><strong>Title:</strong> Add icons to your website[anim-scale]</p> <p><strong>Text:</strong> [anim-opacity][icon-mobile-phone,66,wibrateanim2] [icon-heart,66,pulseanim] [icon-bell,66,flickeranim] [icon-spinner,66,spin]</p></div> </article> <article> <h1>More complex animations</h1> <p>2013-05-27T12:12:04+00:00</p> <div class="feed-description"><h4>Description</h4> <p>The gk_creativity Image Show style allows you to combine the available animations.</p> <h4>Configuration</h4> <p>To achieve this effect you have to use the following syntax in the title/text:</p> <pre>[anim-ANIMATION_NAME1 ANIMATION_NAME2]</pre> <p>In the above example we have used the following settings</p> <h4>Slide 1</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> First slide</p> <p><strong>Text:</strong> [anim-slide_right scale]You can combine few animations into one effect</p> <h4>Slide 2</h4> <p><strong>Image:</strong> #68b5ff</p> <p><strong>Title:</strong> Second slide</p> <p><strong>Text:</strong> [anim-rotate_x_center slide_vertical] Example with slide and rotation</p></div> </article> <article> <h1>Different buttons</h1> <p>2013-05-27T12:11:14+00:00</p> <div class="feed-description"><h4>Description</h4> <p>The gk_creativity Image Show style allows you to specify different button texts for each slide.</p> <h4>Configuration</h4> <p>To achieve this effect you have to use the following syntax in the Url field:</p> <pre>[YOUR_TEXT]LINK</pre> <p>If the Url field doesn't contain your custom text, then the default text form the language file is used.</p> <p>In the above example we have used the following settings</p> <h4>Slide 1</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> First slide</p> <p><strong>Text:</strong> For each slide you can set different link text</p> <p><strong>Url:</strong> #gkHeader</p> <h4>Slide 2</h4> <p><strong>Image:</strong> images/demo/desk.jpg</p> <p><strong>Title:</strong> Second slide</p> <p><strong>Text:</strong> This slide have different link text</p> <p><strong>Url:</strong> [Different link]#gkHeader</p></div> </article> <article> <h1>Different animation for each slide</h1> <p>2013-05-27T12:10:47+00:00</p> <div class="feed-description"><h4>Description</h4> <p>The gk_creativity Image Show style allows you to specify different animations for every title and text on the slides.</p> <h4>Configuration</h4> <p>To achieve this effect you have to use the following syntax in the title/text:</p> <pre>[anim-ANIMATION_NAME]</pre> <p>In the above example we have used the following settings</p> <h4>Slide 1</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> First slide[anim-slide_left]</p> <p><strong>Text:</strong> [anim-slide_right]You can specify different animation style for each slide</p> <h4>Slide 2</h4> <p><strong>Image:</strong> #81ac8b</p> <p><strong>Title:</strong> Second slide[anim-slide_vertical]</p> <p><strong>Text:</strong> [anim-slide_left]You can make every slide unique</p> <h4>Slide 3</h4> <p><strong>Image:</strong> #68b5ff</p> <p><strong>Title:</strong> Third slide[anim-scale]</p> <p><strong>Text:</strong> [anim-opacity]You can set different animation for the title and text</p></div> </article> <article> <h1>Icons in the content</h1> <p>2013-05-27T12:10:20+00:00</p> <div class="feed-description"><h4>Description</h4> <p>The gk_creativity Image Show style allows you to specify icons in the slide content.</p> <h4>Configuration</h4> <p>To achieve this effect you have to use the following syntax in the title/text:</p> <pre>[icon-ICON_NAME]</pre> <p>or:</p> <pre>[icon-ICON_NAME,SIZE]</pre> <p>or:</p> <pre>[icon-ICON_NAME,ICON_ANIMATION]</pre> <p>or:</p> <pre>[icon-ICON_NAME,SIZE,ICON_ANIMATION]</pre> <p>In the above example we have used the following settings</p> <h4>Slide 1</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> First slide</p> <p><strong>Text:</strong> You can use few icons in the content</p> <h4>Slide 2</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> Second slide</p> <p><strong>Text:</strong> [anim-opacity][icon-mobile-phone,66,wibrateanim2] [icon-heart,66,pulseanim] [icon-bell,66,flickeranim] [icon-spinner,66,spin]</p> <h4>Slide 3</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> Third slide</p> <p><strong>Text:</strong> [icon-info] You can combine text with icons</p></div> </article> <article> <h1>Icon as the title</h1> <p>2013-05-27T12:10:01+00:00</p> <div class="feed-description"><h4>Description</h4> <p>The gk_creativity Image Show style allows you to use the Font Awesome icons in the slide titles.</p> <h4>Configuration</h4> <p>To achieve this effect you have to use the following syntax in the title/text:</p> <pre>[icon-ICON_NAME]</pre> <p>or:</p> <pre>[icon-ICON_NAME,SIZE]</pre> <p>or:</p> <pre>[icon-ICON_NAME,ICON_ANIMATION]</pre> <p>or:</p> <pre>[icon-ICON_NAME,SIZE,ICON_ANIMATION]</pre> <p>In the above example we have used the following settings</p> <h4>Slide 1</h4> <p><strong>Image:</strong> #7484ff</p> <p><strong>Title:</strong> [icon-cog,48]</p> <p><strong>Text:</strong> For every slide you can set different icon</p> <h4>Slide 2</h4> <p><strong>Image:</strong> #81ac8b</p> <p><strong>Title:</strong> [icon-hand-right,48]</p> <p><strong>Text:</strong> You can use every Font Awesome icon</p> <h4>Slide 3</h4> <p><strong>Image:</strong> #68b5ff</p> <p><strong>Title:</strong> [icon-mobile-phone,48,wibrateanim2]</p> <p><strong>Text:</strong> The icons can be animated too...</p></div> </article> <article> <h1>Static title</h1> <p>2013-05-27T12:09:18+00:00</p> <div class="feed-description"><h4>Description</h4> <p>The gk_creativity Image Show style allows you to show static title/text on all slides.</p> <h4>Configuration</h4> <p>To achieve this effect you have to only use the "None" animation type in the title/text or in the module style settings.</p></div> </article> </main></body></html>