Create an attractive timeline in css/html .An attractive timeline is created under jsfiddle a live example.

have a look to the fiddle here

https://jsfiddle.net/shakalya/myg7cdk8/

Add bootstrap css or get a latest Bootstrap link from

http://getbootstrap.com/getting-started/

PHP inside a wordpress page is given. Define some variables before the post loop

$atts[‘title’]=’Your title Here’;

$atts[‘timeline_color’]=’green’;

$align=’left’; /*left/right*/

$mid=’module_id’;

 

 

Dynamic Css:

On adding multiple timelines in a page with a different color I needed to create a dynamic style for each module.

 

Leave a Reply