Inhaltsverzeichnis
- Containerelement "Bühne"
- Containerelement "1-Spalter"
- Containerelement "2-Spalter"
- Containerelement "3-Spalter"
- Containerelement "4-Spalter"
- Containerelement "2er-Tabs"
- Containerelement "3er-Tabs"
- Containerelement "4er-Tabs"
- Containerelement "Imageteaser"
- Containerelement "Modal"
- Containerelement "Slider"
- Containerelement "Toggle"
- Inhaltselement "Crosslink"
- Inhaltselement "Download"
- Inhaltselement "Hinweis"
- Inhaltselement "Image"
- Inhaltselement "Link/Button"
- Inhaltselement "Modulheadline"
- Inhaltselement "Multitext"
- Inhaltselement "Video"
Umsetzung der responsiven Elemente
Und diese Seite enthält Beispiele für Elemente, die im responsiven Layout zur Verfügung stehen. Sie dient zur Abnahme der Element in Frontend und Backend.
Eine technische Übersicht findet sich im Intranet unter Contentelemente responsiver Relaunch.
Containerelemente
Das Ziellayout ist auf der nfq-Demoseite zu sehen.
Inhaltselemente
Das Ziellayout ist auf der nfq-Demoseite zu sehen.
- Störer
- Text mit Bild
- Listen
- Text mit Icon
- Jumper
- Tabellen
- Lasche
- Störer (groß/orange)
- Text
fsfsfd
erste Zeile: normal
zweite Zeile: float left
dritte Zeile: float right
Beispiel für Störer 1
Beispiele
Hier finden Sie Beispiele für Inhaltselemente.
Links/Buttons (RTE)
schließen
Beispiele für "Links/Buttons" (RTE)
Im RTE erstellt.
Links
Links
Links
Button groß orangeButton klein orangeButton groß blauButton klein blauButton groß rotButton klein rotButton groß grünButton klein grün
huga
Listen
schließen
Beispiele für Listen
Liste mit orangem Check auf hellblauem KreisListe mit orangem Check auf hellblauem Kreis
Liste mit orangen Check auf weißen KreisListe mit orangen Check auf weißen Kreis
Liste mit blauen Check auf hellblauen KreisListe mit blauen Check auf hellblauen Kreis
Liste mit blauen Check auf weißen KreisListe mit blauen Check auf weißen Kreis
Liste mit weißem Plus auf orangen KreisListe mit weißem Plus auf orangen Kreis
Liste mit weißem Plus auf blauen KreisListe mit weißem Plus auf blauen Kreis
Das ist der Standardfall für eine ULListe mit blauen Dots
Liste mit grünen DotsListe mit grünen Dots
Liste mit orangen DotsListe mit orangen Dots
Liste mit weißen DotsListe mit weißen Dots
Das ist der Standardfall für eine OLListe mit fortlaufender Nummer und blauen Kreis
Tabellen
schließen
Tabelle geeignet für mn-table--pricing
| Highspeed-Internet Erleben Sie schnelle Bandbreiten bis zu 300 Mbit/s | ab 14,90 € mtl. |
| Festnetz-Telefonie Grenzenlos ins dt. Fest- und Mobilfunknetz telefonieren | zzgl. 5 € mtl. |
| Fernsehen und mehr M-net TVplus – Was, wann und wie ich will. | zzgl. 9,90 € mtl. |
Tabelle mit mehr als 2 Spalten
| Bei | einer | Tabelle | mit |
| mehr als 2 | Spalten | sollte | die letzte Spalte nicht hervorgehoben sein |
TYPO3 Textelement
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
FCE "Text"
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.