zeitstrahler

Beschrijving

EN:

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:

.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;
}

[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.

DE:

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.