[title text=’Timeline Style 1′ icon=»fa-cog» line=»yes»]
[timeline effect=»fadeInUp»]
[timeline_item status=»end» date=»Sep 05, 2014″ title=»ROEN Theme Online»]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
[/timeline_item]
[timeline_item date=»Sep 01, 2014″ title=»ROEN Theme Version Beta v1.0 Test»]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus pellentesque, ligula et pharetra viverra, enim felis accumsan nibh, gravida scelerisque sem nulla iaculis ante.
[/timeline_item]
[timeline_item date=»Aug 20, 2014″ title=»ROEN Theme Version Beta v0.9″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus pellentesque, ligula et pharetra viverra, enim felis accumsan nibh, gravida scelerisque sem nulla iaculis ante.
[/timeline_item]
[timeline_item status=»start» date=»Aug 9, 2014″ title=»ROEN Theme Start Work»]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. .
[/timeline_item]
[/timeline]
[space]
[title text=’Timeline Style 2′ icon=»fa-cog» line=»yes»]
[timeline style=»2″ effect=»fadeInUp»]
[timeline_item icon=»fa-trophy» title=»ROEN Theme Responsive» status=»features» link=»#» color=»purple»]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
[/timeline_item]
[timeline_item icon=»fa-sliders» title=»ROEN Theme Intergeate Premium Sliders» status=»features» link=»#» color=»crimson»]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. .
[/timeline_item]
[timeline_item icon=»fa-globe» title=»ROEN Theme Intergeate WPML» status=»features» link=»#» color=»darkcyan»]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
[/timeline_item]
[timeline_item icon=»fa-puzzle-piece» title=»ROEN Theme Intergeate Contact 7″ status=»features» link=»#» color=»chocolate»]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. .
[/timeline_item]
[/timeline]
[space]
[title text=’Timeline Shortcode’ icon=»fa-code» line=»yes»]
[timeline effect="fadeInUp"] [timeline_item status="end" date="Sep 05, 2014" title="ROEN Theme Online"] ... [/timeline_item] ... [/timeline]
Params | Default | Possible Values | Description |
---|---|---|---|
style | 1 | 1 , 2 |
The timeline style |
effect | none | none , bounce , flash , pulse , rubberBand , shake , swing , tada , wobble , bounceIn , bounceInDown , bounceInLeft , bounceInRight , bounceInUp , bounceOut , bounceOutDown , bounceOutLeft , bounceOutRight , bounceOutUp , fadeIn , fadeInDown , fadeInDownBig , fadeInLeft , fadeInLeftBig , fadeInRight , fadeInRightBig , fadeInUp , fadeInUpBig , fadeOut , fadeOutDown , fadeOutDownBig , fadeOutLeft , fadeOutLeftBig , fadeOutRight , fadeOutRightBig , fadeOutUp , fadeOutUpBig , flip , flipInX , flipInY , flipOutX , flipOutY , lightSpeedIn , lightSpeedOut , rotateIn , rotateInDownLeft , rotateInDownRight , rotateInUpLeft , rotateInUpRight , rotateOut , rotateOutDownLeft , rotateOutDownRight , rotateOutUpLeft , rotateOutUpRight , hinge , rollIn , rollOut , zoomIn , zoomInDown , zoomInLeft , zoomInRight , zoomInUp , zoomOut , zoomOutDown , zoomOutLeft , zoomOutRight , zoomOutUp |
The timeline item show effect |
date (timeline item param) | The timeline item date text | ||
icon (timeline item param) | The timeline style 2 icon name, use FontAwesome icons | ||
title (timeline item param) | The timeline item title | ||
link (timeline item param) | The timeline item link | ||
status (timeline item param) | default none, start , end , features |
The timeline item show status | |
color (timeline item param) | theme | theme , black , darkcyan , deepskyblue , royalblue , blueviolet , purple , deeppink , crimson , green , lawngreen , yellow , gold , orange , orangered , chocolate , red |
The timeline style 2 item icon background color |