Timeline template

2 posts from 2 voices

• Started 9 months ago by playball1
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   playball1
   Member

   Is there a way to use the Timeline template to create a simple company timeline (without using posts)? I love the layout each entry would be a one line event - not an entire post. Just simple text like like "Company founded" or "New branch opens in Los Angeles" and so on. What's the best way to accomplish this? Thanks!

   Posted 9 months ago #
2. 

   Devin
   Moderator

   Hi playball1,

   You could potentially just copy the source of the demo timeline and then paste the html into the html tab of a page. You would then need to re-build it and structure it for your own timeline but it would give you a good starting point. Here is the source for just the timeline in the demo:
   

   <h3 class='post_timeline_header'>2012</h3>
   <ul class='post_timeline'>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2012/06/18/twitter-embeds/' rel='bookmark' title='Permanent Link: Twitter Embeds'>Twitter Embeds</a></li>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2012/01/17/kriesi-at/' rel='bookmark' title='Permanent Link: This is a post  with post format of type Link'>This is a post  with post format of type Link</a></li>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2012/01/14/this-is-a-nice-post/' rel='bookmark' title='Permanent Link: This is a standard post format with preview Picture'>This is a standard post format with preview Picture</a></li>
   </ul>
   <h3 class='post_timeline_header'>2011</h3>
   <ul class='post_timeline'>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2011/03/28/nullam-dictum-felis-eu-pede-mollis-pretium-integer-tincidunt-cras-dapibus-vivamus-elementum-semper-nisi-aenean-vulputate-eleifend-tellus/' rel='bookmark' title='Permanent Link: Post Formats is a theme feature introduced with Version 3.1. Post Formats can be used by a theme to customize its presentation of a post.'>Post Formats is a theme feature introduced with Version 3.1. Post Formats can be used by a theme to customize its presentation of a post.</a></li>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2011/02/17/aenean-vulputate-eleifend-tellus-aenean-leo-ligula/' rel='bookmark' title='Permanent Link: Post with post format Gallery: Multiple preview image that can have different sizes'>Post with post format Gallery: Multiple preview image that can have different sizes</a></li>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2011/02/12/lorem-ipsum-dolor-sit-amet-consectetuer-adipiscing-elit-aenean-commodo-ligula-eget-dolor-aenean-massa/' rel='bookmark' title='Permanent Link: Indented Quotes and Images –  beautiful'>Indented Quotes and Images –  beautiful</a></li>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2011/01/28/another-title-for-our-pretty-cool-blog/' rel='bookmark' title='Permanent Link: Another title for our pretty cool blog'>Another title for our pretty cool blog</a></li>
   </ul>
   <h3 class='post_timeline_header'>2010</h3>
   <ul class='post_timeline'>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2010/12/28/this-is-a-test/' rel='bookmark' title='Permanent Link: This is a test'>This is a test</a></li>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2010/08/09/custom-lightbox-click-the-image/' rel='bookmark' title='Permanent Link: Custom Lightbox!'>Custom Lightbox!</a></li>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2010/05/07/advanced-jquery-functions/' rel='bookmark' title='Permanent Link: A Post without Image'>A Post without Image</a></li>
   </ul>
   <h3 class='post_timeline_header'>2009</h3>
   <ul class='post_timeline'>
     <li><span class='timeline-bullet'></span><a href='http://www.kriesi.at/themes/choices/2009/03/07/html-styles/' rel='bookmark' title='Permanent Link: HTML Styles'>HTML Styles</a></li>
   </ul>

   Regards,

   Devin

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.