Timeline with Configurator. Touch Timeline. If you need support for this product, please do not use the comments section!
Use the support forum instead. [25/11/2012] Customer Support Update Hello everyone! I have an announcement to make regarding customer support. It has been a hard couple of months for me and I was unable to provide support due to lack of time, but that will change. In an effort to provide super fast, quality support and to save precious time I have purchased a ticket support system which I’m installing as I write this. Thanks to everyone again for their patience and tolerance, I really appreciate it!
Nikolay Touch Timeline Touch Timeline is a really simple script that will take clean and semantic HTML code and turn it into an elegant and beautiful timeline/content slider. Timeliner Preview. Timeline with Configurator Preview. jQuery TimelineXML Preview. Timeline Portfolio. Timeline is a jQuery plugin specialized in showing a chronological series of events.
You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests. The HTML Timeline comes with a light colored theme by default. It is perfectly usable and in most cases would be exactly what you need. First, let's look at the basic layout of the page: index.html <! In the head section, we have the plugin's stylesheet - timeline.css, and styles.css, which will hold our customizations. When we call the plugin, it will search for a div on your page with the ID of timeline. <div class="container main" id="timeline"><div class="feature slider" style="overflow-y: hidden;"><div class="slider-container-mask slider-container slider-item-container"><!
As we will be modifying the CSS of the timeline, the fragment above will give you a better idea of the customizations. Spacetree - Tree Animation. Hypertree - Tree Animation. D3.js - Data-Driven Documents. Advanced Event Timeline With PHP, CSS & jQuery. Martin Angelov First I want to take the time to thank you, Tutorialzine’s readers, for all your support the past year and to wish you a happy new 2010!
A lot of interesting tutorials are on their way and there are also some nice changes planned which I am sure you’ll like. Now lets start the year with a brand new tut! It all began last week, when I received this letter from one of our readers: Hi,I love your site! I am always on the look for good tutorial ideas, so Vinnie sent his email right on time! Today we are making an Advanced Event Timeline with the help of PHP, MySQL, CSS & jQuery, that will display a pretty time line with clickable events. Step 1 – XHTML First, be sure to grab the example files from the button above, so that you can easily follow what is going on. The first step of this tut is to create the XHTML structure, as seen in demo.php. demo.php Te main idea is that we have two divs – timelineLimiter and timelineScroll positioned inside it.
Step 2 – PHP The Event Sections. Advanced Event Timeline. Timeline Portfolio.