Like me on Facebook Follow me on Twitter Register or    (Why?)
Demo Notes - Coda Slider
This is a new skin template that was requested by a member and I thought I'd add it to the standard pack of templates. It presents the tab content as a slider by using the popular Coda Slider by Niall Doherty.

Many of the options from Niall's script have been included as Skin Settings after you choose the Coda slider from the settings screen. Options included are: Slide Ease duration, Slide Ease Function, Auto Height, Auto Height Ease Duration, Auto Height Ease Function, Auto Slide, Auto Slide Interval, Auto Slide Stop When Clicked and Tabs Position. The example below shows the default settings for each of these settings.
Aggregator - Coda Slider

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et ante massa, nec iaculis diam. Praesent dignissim massa ac lectus vestibulum et ullamcorper ante fermentum. Vivamus vel semper nunc. Etiam lobortis nisi urna, a malesuada nulla. Proin vehicula risus nec mi cursus fermentum nec in orci. In hac habitasse platea dictumst. Nunc imperdiet metus in mi hendrerit consequat suscipit neque venenatis. In faucibus tortor ut sem aliquam suscipit. Ut pulvinar vestibulum orci et feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at commodo diam. Aenean non mauris vitae eros rhoncus blandit. Mauris venenatis gravida ligula a sagittis. Vivamus nec enim sit amet mi porttitor tempor. Vestibulum ullamcorper varius urna id euismod. Nulla dui quam, scelerisque vel fermentum blandit, placerat et tellus. Praesent quis elit ligula, vel condimentum sem. Donec vitae dui quam. Integer vulputate, neque at dictum eleifend, turpis neque vestibulum est, sit amet porta neque diam ornare dolor. Morbi urna velit, vestibulum nec rhoncus ut, molestie a ante.

Tab 2

Sed sit amet mauris mi. Curabitur in iaculis arcu. Mauris sed enim dolor, in mattis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam porta rutrum arcu, vitae tempus ipsum vulputate quis. Vivamus rhoncus, purus quis blandit accumsan, est nisi dictum nisl, ac pulvinar massa arcu et magna. In hac habitasse platea dictumst. Curabitur sit amet bibendum leo. Fusce ut elit eget sapien lobortis aliquam vitae non augue. Donec sed dui dui. Nulla facilisi. Ut aliquam viverra dictum.

Tab 3

Phasellus quis enim nibh, et vestibulum felis. Etiam sed tellus eget ipsum ullamcorper sollicitudin id et lacus. Nam tortor odio, luctus ac fringilla nec, bibendum id massa. Quisque condimentum fermentum cursus. Fusce vel nisi vitae turpis hendrerit ultrices quis at mi. Quisque ut purus quis risus molestie hendrerit et ac metus. Sed quis mi a ante vestibulum scelerisque volutpat eu ante. Aliquam facilisis, eros dictum euismod dignissim, lorem enim suscipit turpis, a ornare mauris sem ac est. Sed sed enim orci, vitae cursus tellus. Phasellus consectetur accumsan purus, vitae accumsan dolor eleifend non. Duis venenatis, ante ut mattis rutrum, neque nunc euismod neque, porttitor auctor diam nibh et erat. Curabitur quis purus eget nisi venenatis aliquam id non lectus. Donec erat neque, consectetur id pellentesque vitae, pretium in eros. Morbi vel arcu dolor. Curabitur rhoncus lorem nec sapien congue congue. Proin malesuada arcu id ipsum tincidunt bibendum. Donec eu convallis eros. Ut eget nunc nisi.

Privacy StatementTerms Of UseCopyright (c) 2004-2015 DNNStuff
Page generated in 0.2656115 seconds!