LocalZero:Fundus der Features: Unterschied zwischen den Versionen

Aus Mitmachen
Zur Navigation springen Zur Suche springen
(Seite befüllt)
 
K (Änderung 16010 von SabineB (Diskussion) rückgängig gemacht. eine Klammer war falsch)
Markierung: Rückgängigmachung
 
(33 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Hier findest Du diverse Hilfsmittel für die Gestaltung Deiner Seiten.
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 ==
Schaltfläche mit Gradient und 3em Schriftgröße
<span style="background-image: linear-gradient(#FFC90D 0,#fdfefe 16px); padding: .3em; border:1px solid #BBBBBB; border-radius:5px;font-size:3em">[[Klimaentscheide:Bundestreffen HE 2022|Schaltfläche]]</span>
<br>Schaltfläche mit Gradient und 20px Schriftgröße


<span style="background-image: linear-gradient(#FFC90D 0,#fdfefe 16px); padding: .3em; border:1px solid #BBBBBB; border-radius:5px;font-size:20px">[[Klimaentscheide:Bundestreffen HE 2022|Schaltfläche]]</span> <br>.
=== Einfarbige Schaltfläche Grün ===


Einfarbige Schaltfläche Grün</br></br>
<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>
<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> </br>


== Balken ==
== Balken ==




Balken mit zwei Links klein  </br>
<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> </br>


Balken mit zwei Links groß  </br>
=== Balken mit zwei Links klein - 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> </br>.


Version Andreas
<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>
<div style="text-align:center;border:medium solid #FFC90D;border-width:medium;padding: 0.5em;background-color: #fff9e5;border-radius: 15px;-moz-border-radius: 15px;font-size:1.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</div> </br>


Chrissys Balken
=== Balken mit zwei Links groß  - so lang wie der Text ===
{| style="margin:10px 0px 0px 0px; padding:0.3em 0.3em 0.3em 0.3em; background-color:#ffc80c; border:1px solid #93c47d" width="100%"
|- valign="top"
| style="margin:5px 5px 5px 5px; padding:0.3em 1em 0.7em 1em;" width="100%" |
====== A Grundlagen ======
|}


Chrissys Balken mit runden Ecken
<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>  .  
{| style="margin:10px 0px 0px 0px; padding:0.3em 0.3em 0.3em 0.3em; background-color:#ffc80c; border:1px solid #BBBBBB"; border-radius:5px; width="100%"
|- valign="top"
| style="margin:5px 5px 5px 5px; padding:0.3em 1em 0.7em 1em;" width="100%" |
====== A Grundlagen ======
|}


Andreas' Balken mit Chrissys Überschrift
=== Balken so lang wie die Bildschirmbreite mit 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:center;border:medium solid #FFC90D;border-width:medium;padding: 0.5em;background-color: #fff9e5;border-radius: 15px;-moz-border-radius: 15px;font-size:1.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</div> </br>
=== A Grummelrrrr ===
</div>


=== 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;"> A Grummelrrrr </div>


Warnbalken
=== Warnbalken ===
<div style="text-align:center;border:medium solid #F23D0C;border-width:medium;padding: 0.5em;background-color: #F3D4CC;border-radius: 15px;-moz-border-radius: 15px;font-size:1.2em;">Achtung: Du befindest Dich auf einer veralteten Seite!
<div style="text-align:center;border:medium solid #F23D0C;border-width:medium;padding: 0.5em;background-color: #F3D4CC;border-radius: 15px;-moz-border-radius: 15px;font-size:1.2em;">Achtung: Du befindest Dich auf einer veralteten Seite!
Die richtige Seite findest Du  [[LocalZero:Erfolge der Klimaentscheide|'''<u>hier</u>''']]   
Die richtige Seite findest Du  [[LocalZero:Erfolge der Klimaentscheide|'''<u>hier</u>''']]   
</div>  
</div>  
Hat das mit dem <nowiki>__NOINDEX__</nowiki> funktioniert? Wenn ja, dürfte diese Seite nicht kommen, wenn man in Browern '''''<u>Spider-Bot-Alarm</u>''''' eingibt.<br>
{{Für Sessions}}


== Tabellen ==
== Tabellen ==
Zeile 89: Zeile 69:
|}
|}


=== Tabelle mit ===  
=== Tabelle mit Spaltenbreiten in % der Bildschirmbreite ===
farbigen Spaltenköpfen zur Gliederung der Themen/Spalten
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
|............
|}
<br>
=== unsichtbare Tabelle mit zwei Spalten und zwei Zellen ===
Wenn ich statt "white" eine Farbnummer eingebe, dann wird es eine Farbige Tabelle ohne Linien 😉
{| style="margin:10px 0px 0px 0px; padding:0.3em 0.3em 0.3em 0.3em; background-color:#white;" width="100%"
|- valign="top"
| style="margin:5px 5px 5px 5px; padding:0.3em 1em 0.7em 1em;" width="60%" |
'''(diese Spalte nimmt 60% der Bildschirmbreite ein / kann ich aber auch anpassen)'''
 
 
 
 
 
 
 
 
 
| style="margin:5px 5px 5px 5px; padding:0.3em 1em 0.7em 1em;  width="40%" | '''(diese Spalte nimmt 40% der Bildschirmbreite ein / kann ich aber auch anpassen)'''
|-
|hier wäre dann die Erklärung für die Zweite Folie
|Hier wäre die zweite Folie (einfach Bearbeiten --> Bild einfügen wie oben.
|}
 
=== 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 ===
{| class="wikitable"
{| class="wikitable"
|+
|+
Zeile 162: Zeile 247:
|
|
|}
|}
== 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 168: Zeile 280:


===Quellen ===
===Quellen ===
{{NOINDEX}}
__NOINDEX__
__NOINDEX__
[[Kategorie:Spielwiese]]
[[Kategorie:Spielwiese]]
<references />
<references />

Aktuelle Version vom 9. September 2024, 17:17 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

Wir heißen jetzt bliblablupp Begründung. Hier findest Du, was sich noch alles ändert. Weiterer Text


Balken so lang wie die Bildschirmbreite ohne Rand

A Grummelrrrr

Warnbalken

Achtung: Du befindest Dich auf einer veralteten Seite!

Die richtige Seite findest Du hier

Tabellen

Tabelle mit

  1. fixiertem Tabellenkopf
  2. farblich hinterlegten Zellen in den Zeilen
  3. 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 ............


unsichtbare Tabelle mit zwei Spalten und zwei Zellen

Wenn ich statt "white" eine Farbnummer eingebe, dann wird es eine Farbige Tabelle ohne Linien 😉

(diese Spalte nimmt 60% der Bildschirmbreite ein / kann ich aber auch anpassen)





(diese Spalte nimmt 40% der Bildschirmbreite ein / kann ich aber auch anpassen)
hier wäre dann die Erklärung für die Zweite Folie Hier wäre die zweite Folie (einfach Bearbeiten --> Bild einfügen wie oben.

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

ein Beispielbild
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.

Überschrift 2

ein Beispielbild 2
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.

Bilder in einer Galerie

Bilder sind mit anderen Seiten/Stellen verlinkt

  • Canis lupus familiaris.002 - Monfero.jpg
  • Kulis (2).jpg
  • BildZentrale.png
  • Weimar.png
  • RdG.png
  • Marketing.png
  • Waermeplan.png


Fußnoten

Text mit Fußnoten [1] Und... die Fußnoten haben sogar einen Link!!!

Quellen

  1. ↑ Das habe ich von Ulrikes Seite
Diese Seite ist von der Indexierung durch Suchbots ausgeschlossen.
Abgerufen von „https://mitmachen-wiki.germanzero.org/wiki/index.php?title=LocalZero:Fundus_der_Features&oldid=16011“