Demo Übersicht

Eine Demo-Übersicht mit unterschiedlichen Formatierungen, Beispielen als Vorlage zum Kopieren.

Tabelle mit inline Formatierung

In der Tabelle können mit bestimmten CSS Klassen Textstellen angehübscht werden.

Zur Verfügung stehen folgende inline CSS Formatierungen:

<strong>FETT</strong>

<span class="color1">color1 in grün</span>

<span class="color3">color3 in grau</span>

Überschrift 1 Überschrift 2 Überschrift 3
Text in FETT mit einem Text in grün oder grau xyz xyz
Text in FETT mit einem Text in grün oder grau xyz xyz

Akkordeon Demo

Eine Vorlage mit der Option das erst Akkordeon geschlossen oder geöffnet darzustellen.

Im dem "Umschlag Anfang" muss die CSS Klasse accordion-inactiv in das Fels CSS eingetragen werden, damit das erste Akkordeon geschlossen dargestellt wird.

Frage 1 - Akkordeon geschlossen

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Frage 2

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Frage 3

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

SpaltenSet als Custom Elemente mit 2-4 Spalten

SpaltenSet 2 Spalten - 50/50%

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

SpaltenSet 2 Spalten - 25/75%

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

SpaltenSet 2 Spalten - 30/70%

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H4 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

SpaltenSet 2 Spalten - 40/60%

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

SpaltenSet 3 Spalten

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

SpaltenSet 4 Spalten

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Wrapper DIV

Ein Wrapper DIV in dem eigene CSS Klassen eingetragen werden können.

Die Hilfsklassen können hier in der helper.css und farben.css eingesehen werden.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.

Eine H3 Überschrift

Bavaria ipsum dolor sit amet soi guad sodala, aba Meidromml Greichats. Vergeltsgott glacht sauba kimmt boarischer, heid gfoids ma sagrisch guad unbandig. Damischa Ohrwaschl unbandig, und wos. Fias hi i mog di fei im Beidl Watschnbaam san und sei! Ned vui huift vui jo leck mi kimmt amoi und sei Brezn.