Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- styleguide [2022/03/14 14:46] – [Test Breite von Grafiken] wikijh
+++ styleguide [2023/01/21 22:15] (aktuell) – [Test SVG] wikijh
@@ Zeile 6: / Zeile 6: @@
 ^ **Element** ^ **So sieht's aus** ^ **Beschreibung** ^
-| Tastaturbefehl | **<key>STRG-X</key>** | %%<key>%% STRG-X </key> in Fettschrift |
+| Tastaturbefehl | <key>STRG-X</key> | <nowiki><key>STRG-X</key></nowiki>\\ Keine weitere Formatierung, die wird ggf. automatisch gesetzt! |
-| Menüpfad | //**System-Initialisierung > Terminkalender**// | fett & kursiv, **Trennzeichen ">" oder "->" ??** FIXME|
+| Menüpfad | //**System-Initialisierung > Terminkalender**// | fett & kursiv, Trennzeichen ">" |
-| Schaltfläche / Button | **<key>Buttontext</key>** | <zwei Sternchen> %%<key>%%Buttontext</key> <zwei Sternchen> in Fettschrift |
+| Schaltfläche / Button | <key>Buttontext</key> | <nowiki><key>Buttontext</key></nowiki> \\ Keine weitere Formatierung, die wird ggf. automatisch gesetzt! |
-| Pfad im Dateisystem | ''**C:\Rehaverwaltung**'' | als Code formatiert, fett |
+| Pfad im Dateisystem | ''C:\Rehaverwaltung'' | als Code formatiert\\ Keine weitere Formatierung, die wird ggf. automatisch gesetzt!  |
 | vom Anwender einzugebender Text | ''**//Morbus Visite//**'' | als Code formatiert, fett & kursiv |
-| Links zu Erklärungen / Abkürzungen | [[start:abkuerzungen|(siehe Abkürzungen)]] | Link, keine Fettschrift |
+| Links zu Erklärungen / Abkürzungen | [[bedienung:abkuerzungen|(siehe Abkürzungen)]] | Link, keine Fettschrift |
 | Links zu anderen Wiki-Seiten | **[[start#Ärzte|Startseite » Ärzte]]** | Link mit Fettschrift  \\ (der #-Link für einen Anker innerhalb der Seite funktioniert nur für <color #ed1c24>komplette Überschriften</color>) |
-| Verweis auf ini-Datei | **[[\\C:\RehaVerwaltung\ini\<ihre_IK>\rezept.ini|rezept.ini]]** | zwei Backslahes nach den öffnenden eckigen Klammern |
+| Verweis auf ini-Datei | **[[\\C:\RehaVerwaltung\ini\<ihre_IK>\rezept.ini|rezept.ini]]** | zwei Backslahes nach den öffnenden eckigen Klammern: <nowiki>**[[\\C:\RehaVerwaltung\ini\<ihre_IK>\rezept.ini|rezept.ini]]**</nowiki> |
 | Wichtiger Hinweis, ohne farbig unterlegte Box  | <color #ed1c24>**<fs medium>Achtung! Bitte unbedingt beachten!</fs>**</color> | fett, rot, Schriftgröße medium |
 | Verschiedene Hinweis-Boxen  | <WRAP center round alert 60%>**Vorsicht bissige Katze!**</WRAP> | Wrap-Plugin, Icon zeigt einen Karton |
@@ Zeile 19: / Zeile 19: @@
 ==== Wo finde ich noch weitere Formatierungen? ====
 Auf der [[https://www.dokuwiki.org/de:wiki:syntax|Syntax-Seite von dokuwiki.org.]]
+===== Die Formatierung gefällt dir nicht? =====
+Wenn Du eine Formatierung (z. B. bestimmte Abstände) unschön findest, sprich die anderen Bearbeiter im Wiki an (z. B. @Code_of_Conduct_gitlab, @ChristofReinke_gitlab). Bitte verwende **keine** falschen Formatierungen oder Gliederungen, indem Du z. B. einen Artikel mit einer Überschrift der 3. Ebene beginnst, nur weil sie Dir im Moment grafisch besser gefällt. Verwende stattdessen die richtige Überschrift (1. Ebene), und sprich an, ob wir die Schriftgröße verkleinern oder den Abstand vergrößern sollten. Wir haben bisher noch kein Feintuning an der Formatierung gemacht.
 ===== Grafiken =====
-  * Icons: 30 Pixel breit <html>&#123;&#123;</html>'':start:allg:icon_diskette.png?nolink&30 |''<html>&#125;&#125; </html>\\
+  * Grafiken generell im webp-Format (kleinere verlustfrei, größere bei problematischer Dateigröße mit leichter Kompression). Als modernes Format ist webp sowohl JPG als auch PNG deutlich überlegen.
+  * Vektorgrafiken (z. B. Icons) werden direkt als SVG-Datei importiert.
+  * Benannt mit einem sprechenden Dateinamen (z. B. werkzeugleiste_stammdaten.webp)
+  * Ablage in dem Namensraum, der so heißt wie die 1. Glierungesebene (Über Thera-Pi, Bedienung, Stammdaten, Rezepte, ...)
+  * Icons: 30 Pixel breit <html>&#123;&#123;</html>'':allg:icon_diskette.png?nolink&30 |''<html>&#125;&#125; </html>\\
   * Bilder: bis ~400 Pixel in Originalgröße, darüber auf 200/300/400/600 Pixel skaliert mit Link auf's Original.
   * Grafiken ausrichten durch der Leerzeichen:
@@ Zeile 39: / Zeile 46: @@
 {{:wiki:900.png|}}
 {{:wiki:1000.png|}}
-{{:wiki:1100.png|}}
+===== Test SVG =====
+{{ :wiki:test_3.svg |}}
+===== Test ul =====
+  * Ein wirklich wichtiger Punkt
+  * Ein wirklich wichtiger Punkt
+  * Ein wirklich wichtiger Punkt
+  * Ein wirklich wichtiger Punkt
+  * Ein wirklich wichtiger Punkt
+  * Ein wirklich wichtiger Punkt