LocalZero:Fundus der Features: Unterschied zwischen den Versionen
K (Überschriften angepasst) |
K (→Bilder in einer Galerie: alle Alt-Texte entfernt, weil man die nicht braucht) |
||
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
Hier findest Du diverse Hilfsmittel für die Gestaltung Deiner Seiten. | Hier findest Du diverse Hilfsmittel für die Gestaltung Deiner Seiten. | ||
Am besten lassen sie sich über den Quelltext kopieren und übertragen. | Am besten lassen sie sich über den '''<u>Quelltext</u>''' kopieren und übertragen. Wir vom Wiki-Team helfen Dir gerne, wenn Du hierbei Hilfe brauchst. | ||
== Schaltflächen == | == Schaltflächen == | ||
Zeile 7: | Zeile 7: | ||
=== Einfarbige Schaltfläche Grün === | === Einfarbige Schaltfläche Grün === | ||
<span style="background-color: #A3D869; padding: .5em; border-radius:5px;font-size:20px">[https://crm.germanzero.org/civicrm/profile/create?gid=15&reset=1 '''Hier zum bli-bla-treffen anmelden''']</span> | |||
== Balken == | == Balken == | ||
Zeile 13: | Zeile 13: | ||
=== Balken mit zwei Links klein - so lang wie der Text | === Balken mit zwei Links klein - so lang wie der Text === | ||
=== Balken mit zwei Links groß - so lang wie der Text <span style="background-color: #FFC80C; padding: .3em; border:1px solid #BBBBBB; border-radius:5px;font-size:2em">Wir heißen jetzt '''<u>bliblablupp</u>''' [[Klimaentscheide:Markeneinf%C3%BChrung|Begründung]]. Hier findest Du, [[Klimaentscheide:%C3%9Cbersetzungsliste|was sich noch alles ändert]]. weiterer Text</span> . | <span style="background-color: #FFC80C; padding: .3em; border:1px solid #BBBBBB; border-radius:5px;">Wir heißen jetzt '''<u>bliblablupp</u>''' [[Klimaentscheide:Markeneinf%C3%BChrung|Begründung]]. Hier findest Du, [[Klimaentscheide:%C3%9Cbersetzungsliste|was sich noch alles ändert]]. weiterer Text</span> | ||
=== Balken mit zwei Links groß - so lang wie der Text === | |||
<span style="background-color: #FFC80C; padding: .3em; border:1px solid #BBBBBB; border-radius:5px;font-size:2em">Wir heißen jetzt '''<u>bliblablupp</u>''' [[Klimaentscheide:Markeneinf%C3%BChrung|Begründung]]. Hier findest Du, [[Klimaentscheide:%C3%9Cbersetzungsliste|was sich noch alles ändert]]. weiterer Text</span> . | |||
=== Balken so lang wie die Bildschirmbreite mit Rand === | === Balken so lang wie die Bildschirmbreite mit Rand === | ||
Zeile 21: | Zeile 25: | ||
=== Balken so lang wie die Bildschirmbreite ohne Rand === | === Balken so lang wie die Bildschirmbreite ohne Rand === | ||
<div style="text-align:left;border:medium solid #FFC80C;border-width:medium;padding: 0.5em;background-color: #FFC80C;border-radius: 15px;-moz-border-radius: 15px;font-size:1.2em;"> | <div style="text-align:left;border:medium solid #FFC80C;border-width:medium;padding: 0.5em;background-color: #FFC80C;border-radius: 15px;-moz-border-radius: 15px;font-size:1.2em;"> A Grummelrrrr </div> | ||
</div> | |||
=== Warnbalken === | === Warnbalken === | ||
Zeile 67: | Zeile 69: | ||
|} | |} | ||
=== 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. | |||
{| class= "sortable" border="1" cellspacing="0" cellpadding="10" style="border-collapse: collapse;" | |||
! 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="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;" |'''längerer Text''' | |||
|- | |||
| 1 | |||
|Klima | |||
|Text | |||
|....... | |||
|- | |||
| 2 | |||
|Resilienz | |||
|Text | |||
|........ | |||
|- | |||
| 3 | |||
|Vorbereitung | |||
|Text | |||
|........... | |||
|- | |||
| 4 | |||
|Durchführung | |||
|Text | |||
|............ | |||
|} | |||
=== Gleiche Tabelle wie eine drüber nur ohne Sortierfunktion: === | |||
{| border="1" cellspacing="0" cellpadding="10" style="border-collapse: collapse;" | |||
! 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="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;" |'''längerer Text''' | |||
|- | |||
| 1 | |||
|Klima | |||
|Text | |||
|....... | |||
|- | |||
| 2 | |||
|Resilienz | |||
|Text | |||
|........ | |||
|- | |||
| 3 | |||
|Vorbereitung | |||
|Text | |||
|........... | |||
|- | |||
| 4 | |||
|Durchführung | |||
|Text | |||
|............ | |||
|} | |||
=== Tabelle für unsere Stellenangebote (Job-Wall) === | |||
{| class= "mw-collapsible mw-collapsed" border="1" cellspacing="0" cellpadding="10" style="border-collapse: collapse;" | |||
! colspan="2" width="7%" align="left" style="white-space:wrap; background-color:#f8f9fa; top:-1px; left:-1px; z-index:1;" |'''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 === | === Tabelle mit farbigen Spaltenköpfen zur Gliederung der Themen/Spalten === | ||
{| class="wikitable" | {| class="wikitable" | ||
Zeile 139: | Zeile 226: | ||
| | | | ||
|} | |} | ||
== Text und Bild auf gleicher Höhe == | |||
====Überschrift 1==== | |||
<div style="overflow: hidden; max-width:100%">[[Datei:SolarpartyLueneburg.png|alternativtext=ein Beispielbild|mini|400x400px|Einfach ein Beispielbild]]Dies ist Lorem ipsum 1. | |||
*Dies ist Lorem ipsum 1.1. | |||
*Dies ist Lorem ipsum 1.2. | |||
*Dies ist Lorem ipsum 1.3. | |||
</div> | |||
====Überschrift 2==== | |||
<div style="overflow: hidden; max-width:80em">[[Datei:Anfang.jpg|alternativtext=ein Beispielbild 2|mini|400x400px|ein Beispielbild 2]]Dies ist Lorem ipsum 2. | |||
*Dies ist Lorem ipsum 2.1. | |||
*Dies ist Lorem ipsum 2.2. | |||
*Dies ist Lorem ipsum 2.3. | |||
</div> | |||
== Bilder in einer Galerie == | |||
Bilder sind mit anderen Seiten/Stellen verlinkt | |||
<gallery mode="packed-hover" perrow="7" heights="200"> | |||
Datei:Canis lupus familiaris.002 - Monfero.jpg|link=LocalZero:Film-Liste | |||
Datei:Kulis (2).jpg|link=LocalZero:Klimakommunikation | |||
Datei:BildZentrale.png|link=LocalZero:Fundus_der_Features | |||
Datei:Weimar.png|link=LocalZero:Eigene_Website | |||
Datei:RdG.png|link=LocalZero:Hinweise_zur_Haftung_für_Website-Inhalte# | |||
Datei:Marketing.png|link=LocalZero:Außerhalb_von_Bubbles_und_Blasen | |||
Datei:Waermeplan.png|link=LocalZero:Teammitglieder_finden | |||
</gallery><br> | |||
== Fußnoten == | == Fußnoten == | ||
Zeile 145: | Zeile 259: | ||
===Quellen === | ===Quellen === | ||
{{NOINDEX}} | |||
__NOINDEX__ | __NOINDEX__ | ||
[[Kategorie:Spielwiese]] | [[Kategorie:Spielwiese]] | ||
<references /> | <references /> |
Aktuelle Version vom 9. Februar 2024, 11:18 Uhr
Hier findest Du diverse Hilfsmittel für die Gestaltung Deiner Seiten.
Am besten lassen sie sich über den Quelltext kopieren und übertragen. Wir vom Wiki-Team helfen Dir gerne, wenn Du hierbei Hilfe brauchst.
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 | ............ |
Gleiche Tabelle wie eine drüber nur ohne Sortierfunktion:
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 | |||||||||||||||||||
Text und Bild auf gleicher Höhe
Überschrift 1
Überschrift 2
Bilder in einer Galerie
Bilder sind mit anderen Seiten/Stellen verlinkt
Fußnoten
Text mit Fußnoten [1] Und... die Fußnoten haben sogar einen Link!!!
Quellen
Diese Seite ist von der Indexierung durch Suchbots ausgeschlossen. |
---|