You Think ATOMZEN is COOL?

BUY IT NOW here on DimeSale!
Menu

Draggable Timeline

[cq_vc_draggabletimeline avatarstyle=”icon” avataricons=”fa-twitter,fa-bank,fa-heart,fa-comment” avatarshape=”round” avatarlabels=”Debra Riley,Default label,Designer,2014″ contenttitles=”Hello title 1,Hi title 2,Designer,Feb 2014″ windowcolor=”gray” iconbgcolors=”#00ACED,#E14782,#3B5998,#E14107,#333333″ autoplay=”yes” autoplayspeed=”5000″ dragbuttonwidth=”30px”]

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content.
So you can put anything in it, like a image or video.tumblr_n98smdYLPh1qfirfao1_1280

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 33336545581_1575e468bb_b_d
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.

[/cq_vc_draggabletimeline]

[cq_vc_draggabletimeline avatarstyle=”text” avataricons=”fa-twitter,fa-bank,fa-heart,fa-comment” avatarshape=”round” avatarlabels=”Aug 1998,1999,Oct 2002 ,2013,2014″ contenttitles=”Hello title 1,Hi title 2,Designer,2013,Hi no.5″ windowcolor=”lavender” iconbgcolors=”#00ACED,#E14782,#3B5998,#E14107,#333333″ defaultbarbgcolor=”rgba(130,36,227,0.16)” draggingbarbgcolor=”rgba(130,36,227,0.54)” autoplay=”yes” autoplayspeed=”6000″ dragbuttonwidth=”30px” contaienrwidth=”80%”]

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

[/cq_vc_draggabletimeline]

[cq_vc_draggabletimeline avatarstyle=”icon” avataricons=”fa-plug,fa-plane,fa-bell-o,fa-camera,fa-wifi” avatarshape=”circle” avatarlabels=”1998,1999,2002,2013,2014″ contenttitles=”Hello title 1,Hi title 2,Designer,2013,Yet another title” windowcolor=”green” iconbgcolors=”#00ACED,#E14782,#3B5998,#E14107,#333333″ defaultbarbgcolor=”rgba(188,188,188,0.16)” draggingbarbgcolor=”rgba(129,215,66,0.74)” autoplay=”no” autoplayspeed=”7000″ dragbuttonwidth=”30px” isdragbutton=”no”]

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

[/cq_vc_draggabletimeline]

[cq_vc_draggabletimeline avatarstyle=”image” images=”3192,3173,3175,3168,3138″ avataricons=”fa-twitter,fa-bank,fa-heart,fa-comment” avatarshape=”round” avatarlabels=”Debra Riley,Default label,Designer,2014,Another label” contenttitles=”Hello title 1,Hi title 2,Designer,2014,Another title” windowcolor=”aqua” iconbgcolors=”#00ACED,#E14782,#3B5998,#E14107,#333333″ autoplay=”no” autoplayspeed=”5000″ dragbuttonwidth=”30px” isdragbutton=””]

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

[/cq_vc_draggabletimeline]

[cq_vc_draggabletimeline avatarstyle=”image” images=”3192,3173,3190,3193,3139″ avataricons=”fa-twitter,fa-bank,fa-heart,fa-comment” avatarshape=”circle” avatarlabels=”Debra Riley,Default label,Designer,2014,Another label” contenttitles=”Hello title 1,Hi title 2,Designer,2014,Another title” windowcolor=”mint” iconbgcolors=”#00ACED,#E14782,#3B5998,#E14107,#333333″ autoplay=”yes” autoplayspeed=”6000″ dragbuttonwidth=”30px” labelcolor=”#2b75bf” defaultbarbgcolor=”rgba(18,65,234,0.36)” draggingbarbgcolor=”rgba(30,115,190,0.55)” isdragbutton=”no”]

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

[/cq_vc_draggabletimeline]

Features:

  • Timeline label support Font Awesome icon, image or plain text only.
  • Icon and image can be in square, round or circle shape.
  • Auto play slideshow for the timeline.
  • Auto scrollbar support for the long content in the timeline window.
  • Retina ready.
  • Optional bar color, timeline window color style, label font color.
  • Optional drag button.
  • Optional timeline title, timeline content.