LocalZero:Fundus der Features: Unterschied zwischen den Versionen
K (→Gleiche Tabelle wie oben - jedoch mit Spaltenbreiten in % der Bildschirmbreite: Farben aus Tabelle entfernt) |
K (→Tabelle mit Spaltenbreiten in % der Bildschirmbreite: Texte in Tabelle ausgetauscht) |
||
Zeile 76: | Zeile 76: | ||
! width="7%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |'''Nr.''' | ! width="7%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |'''Nr.''' | ||
! width="10%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |'''Thema''' | ! width="10%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |'''Thema''' | ||
! width="30%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |''' | ! width="30%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |'''Beschreibung''' | ||
! width="40%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |''' | ! width="40%" align="center" style="white-space:wrap; background-color:#f8f9fa; position:-webkit-sticky; position:sticky; top:-1px; left:-1px; z-index:1;" |'''längerer Text''' | ||
|- | |- | ||
| | | 1 | ||
| | |Klima | ||
| | |Text | ||
| | |....... | ||
|- | |- | ||
| 2 | | 2 | ||
| | |Resilienz | ||
| | |Text | ||
| | |........ | ||
|- | |- | ||
| 3 | | 3 | ||
| | |Vorbereitung | ||
| | |Text | ||
| | |........... | ||
|- | |- | ||
| | | 4 | ||
| | |Durchführung | ||
|Text | |||
| | |............ | ||
| | |||
|} | |} | ||
Version vom 7. April 2023, 09:37 Uhr
Hier findest Du diverse Hilfsmittel für die Gestaltung Deiner Seiten.
Am besten lassen sie sich über den Quelltext kopieren und übertragen.
Schaltflächen
Einfarbige Schaltfläche Grün
Hier zum bli-bla-treffen anmelden
Balken
Balken mit zwei Links klein - so lang wie der Text
Wir heißen jetzt bliblablupp Begründung. Hier findest Du, was sich noch alles ändert. weiterer Text
Balken mit zwei Links groß - so lang wie der Text
Wir heißen jetzt bliblablupp Begründung. Hier findest Du, was sich noch alles ändert. weiterer Text .
Balken so lang wie die Bildschirmbreite mit Rand
Balken so lang wie die Bildschirmbreite ohne Rand
Warnbalken
Die richtige Seite findest Du hier
Tabellen
Tabelle mit
- fixiertem Tabellenkopf
- farblich hinterlegten Zellen in den Zeilen
- Anderer Schriftfarbe als Standard
Nr. | Thema | Farbe | Farbe für Quelltext |
---|---|---|---|
1.1 | Fokus 1 | gelb | #FFC80C |
2.1 | Fokus 2 | grün | #A3D869 |
3.2 | Fokus 3 | türkis | #00AED8 |
D.7 | Dauer-
Aufgabe |
Nacht-
blau |
#011633 |
Tabelle mit Spaltenbreiten in % der Bildschirmbreite
Das ist immer dann gut, wenn die jeweiligen Zelleninhalte einen Zeilenumbruch bekommen sollen, damit die Breite der Zelle schön schmal bleibt.
Das ist sehr günstig, weil dann die Gesamtbreite der Tabelle innerhalb des weißen Feldes bleibt. Dadurch kann die Tabelle wirklich auf jedem Gerät bequem gelesen werden.
Nr. | Thema | Beschreibung | längerer Text |
---|---|---|---|
1 | Klima | Text | ....... |
2 | Resilienz | Text | ........ |
3 | Vorbereitung | Text | ........... |
4 | Durchführung | Text | ............ |
Tabelle für unsere Stellenangebote (Job-Wall)
Tabellen-Überschrift | |
---|---|
Beschreibung | Überschrift.
Text |
Aufgaben | Text |
Wünschenswerte Vorkenntnisse | Text |
Aufwand | Text |
Gewinn | Text |
Kontakt | Wenn du Interesse an dieser Rolle hier hast, melde dich bei ...:
WeChange: Büro E-Mail: |
Tabelle mit farbigen Spaltenköpfen zur Gliederung der Themen/Spalten
AAA | BBB | V | |||||||||||||||||||
Fußnoten
Text mit Fußnoten [1] Und... die Fußnoten haben sogar einen Link!!!