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.

Blackbam

Clients tend to get crazy if they have to edit HTML code on their own or if little things are not working as expected. Make your editing experience as simple and good as possible:
Customize TinyMCE / TinyMCE Advanced (or other TinyMCE variants) to fit your needs.
Basically, this Plugin does two things for you:
A. This Plugin installs two files editor-style.css and editor-style-shared.css into your Theme folder (so you can still do updates of the Plugin), which can be edited in the backend of your site
<ul>
<li>editor-style.css is used for styling your TinyMCE Editor</li>
<li>editor-style-shared.css is used for styles to be used in your theme AND in your TinyMCE editor (so you do not have to copy)</li>
</ul>
Note: To use this feature, you have to write your own CSS code into this files, which is the only professional way to do it.
B. The main feature of this Plugin is to offer a GUI to create custom style formats for TinyMCE dynamically
<ul>
<li>Easy and very fast to add/change/delete</li>
<li>You do not have to change one single line of source code</li>
</ul>
Current Languages:
<ul>
<li>en_US</li>
<li>de_DE</li>
<li>es_ES (Andrew Kurtis, webhostinghub.com)</li>
<li>sr_RS (Ognjen Djuraskovic, firstsiteguide.com)</li>
</ul>
Please report any bugs you may encounter and support this Plugin if you like it.
Plugin URL: <a href="http://www.blackbam.at/blackbams-blog/2013/06/03/wordpress-plugin-tinymce-and-tinymce-advanced-professsional-formats-and-styles/" rel="nofollow ugc">http://www.blackbam.at/blackbams-blog/2013/06/03/wordpress-plugin-tinymce-and-tinymce-advanced-professsional-formats-and-styles/</a>

TinyMCE and TinyMCE Advanced Professsional Formats and Styles

Improve, style and customize TinyMCE / TinyMCE Advanced using custom editor stylesheets and a dynamically configurable styles dropdown.

zeitstrahler vs TinyMCE and TinyMCE Advanced Professsional Formats and Styles