hobbeshunter

<h4>EN:</h4>
This plugin provides 3 shortcodes:
[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]
The frame of our timeline. The other shortcodes belong inside of them. You can choose an style. It’s also easy to add a new one through custom css. Do something like:
<pre><code>.zeitstrahler_wrapper.greyRedRound::before {
 background-color: rgb(76,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element {
 background-color: transparent;
 border-radius: 5px;
 box-shadow: 0 0 5px 2px rgb(76,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element::before {
 border-color: rgb(76,76,76);
 background-color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_date {
 font-weight: bold;
 color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_heading {
 margin-top: 0 !important;
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_arrow::before {
 border-color: rgb(240,76,76);
}

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_date span {
 background-color: rgb(240,76,76);
 color: #FFF;
 display: inline-block;
 border-radius: .2em;
 padding-left: .4em;
 padding-right: .4em;
 font-weight: bold;
}
</code></pre>
[zeitstrahler_element date=”1.1.1900″ heading=”Birthday”]your content[/zeitstrahler_element]
An timeline element.
[zeitstrahler_date]1900[zeitstrahler_date]
An big date, placed central at the timeline.
<h4>DE:</h4>
Dieses Plugin stellt 3 Shortcodes zu Verfügung:
[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]
Der Rahmenshortcodes des Ganzen. Die anderen Shortcodes sollten sich in diesem befinden. Hier kann man auch zwischen diversen Designs wählen. Durch custom css kann man auch einfach ein neues schreiben.
[zeitstrahler_element date=”1.1.1900″ heading=”Geburtstag”]ihr Inhalt[/zeitstrahler_element]
Ein Zeitstrahlelement.
[zeitstrahler_date]1900[zeitstrahler_date]
Ein hervorgehobenes Datum.

zeitstrahler

A simple plugin to style your content as a timeline with a few shortcodes.

esthertyler

Transfered to new dev: https://profiles.wordpress.org/esthertyler
Maked by Esther Tyler: http://mycustomcss.com/
With this plugin you can put custom css code without edit your theme and/or your plugins (really useful in case of any theme/plugin update).
It contain also <a href="https://ace.c9.io/" rel="nofollow ugc">Ace (Ajax.org Cloud9 Editor)</a> Code Editor for write a good css code.
You can see in action (source code) here: <a href="http://www.vegamami.it/" rel="nofollow ugc">VegAmami</a> 🙂
PS: support file backup and – very important – static css file (fantastic for performance) 😉
<h4>Links</h4>
<ul>
<li>New dev: https://profiles.wordpress.org/esthertyler</li>
<li>Author Homepage: <a href="http://mycustomcss.com/" rel="nofollow ugc">Esther Tyler</a></li>
<li>Plugin maked for (demo link): <a href="http://www.vegamami.it/" rel="nofollow ugc">VegAmami</a></li>
<li>Ace (Ajax.org Cloud9 Editor): <a href="https://ace.c9.io/" rel="nofollow ugc">Ace (Ajax.org Cloud9 Editor)</a></li>
</ul>
<h4>Language</h4>
<ul>
<li>English</li>
<li>Italian</li>
<li>Full translatable!</li>
</ul>

My Custom CSS PHP & ADS

Enable to add Custom CSS Code via admin panel with Ace (Ajax.org Cloud9 Editor) + backup (see screen) and static file cache (best performance) :)

zeitstrahler vs My Custom CSS PHP & ADS