Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:create:questions:svg-select [13.08.2017 15:01]
msd-media [SVG als Auswahl]
de:create:questions:svg-select [08.11.2019 23:22]
d.aulenkamp [Justierung der Farben]
Zeile 9: Zeile 9:
 ===== Vorbereitung der Grafik ===== ===== Vorbereitung der Grafik =====
  
-Die Elemente in der Grafik, welche später als Auswahlknöpfe dienen sollen, benötigen eine ID. Diese wird von der Zeichen-Software (z.B. das freie [[https://inkscape.org/de/|Inkscape]]) in aller Regel automatisch vergeben. Speichern Sie die Vektorgrafik im Internet-taugliche Dateiformat SVG.+Die Elemente in der Grafik, welche später als Auswahlknöpfe dienen sollen, benötigen eine ID. Diese wird von der Zeichen-Software (z.B. das freie [[https://inkscape.org/de/|Inkscape]]) in aller Regel automatisch vergeben. Speichern Sie die Vektorgrafik im Internet-tauglichen Dateiformat SVG.
  
 **Tipp:** PDF-Dateien kann man in [[https://inkscape.org/de/|Inkscape]] öffnen, um sie in SVG-Dateien zum konvertieren. Mit dem Onlinedienst [[https://jakearchibald.github.io/svgomg/|SVGOMG]] lassen sich anschließend noch unsichtbare Artefakte in der Datei entfernen, was die Dateigröße mitunter massiv reduziert. **Tipp:** PDF-Dateien kann man in [[https://inkscape.org/de/|Inkscape]] öffnen, um sie in SVG-Dateien zum konvertieren. Mit dem Onlinedienst [[https://jakearchibald.github.io/svgomg/|SVGOMG]] lassen sich anschließend noch unsichtbare Artefakte in der Datei entfernen, was die Dateigröße mitunter massiv reduziert.
Zeile 48: Zeile 48:
 Wenn die Maus über ein auswählbares Element fährt oder der Teilnehmer ein Element durch Anklicken auswählt, dann verändert das Element seine Farbe. Welche Farben SoSci Survey als Rahmen- und Hintergrundfarbe verwendet können Sie im [[:de:create:layout|Fragebogen-Layout]] einstellen im Karteireiter //Fragebogen-Elemente// -> //Auswahl-Taster//. Wenn die Maus über ein auswählbares Element fährt oder der Teilnehmer ein Element durch Anklicken auswählt, dann verändert das Element seine Farbe. Welche Farben SoSci Survey als Rahmen- und Hintergrundfarbe verwendet können Sie im [[:de:create:layout|Fragebogen-Layout]] einstellen im Karteireiter //Fragebogen-Elemente// -> //Auswahl-Taster//.
  
-Falls Die diese Einstellung im Layout nicht generell ändern möchten (sie betrifft z.B. auch Ausawhlfragen, die als Kärtchen dargestellt werden), können Sie im Karteireiter //HTML-Vorlage des Layouts// im ''<style>''-Bereich auch Definitionen für ''SelBox.svg'', ''SelBox.svg.hover'' und ''SelBox.svg.selected'' hinterlegen. Für die Formatierung der Auswahl wird die Rahmenfarbe (''border-color'') und die Hintergrundfarbe (''background-color'') verwendet. Ändern Sie die Rahmenbreite bei Bedarf direkt in der SVG-Grafik.+Falls Sie diese Einstellung im Layout nicht generell ändern möchten (sie betrifft z.B. auch Auswahlfragen, die als Kärtchen dargestellt werden), können Sie im Karteireiter //HTML-Vorlage des Layouts// im ''<style>''-Bereich auch Definitionen für ''SelBox.svg'', ''SelBox.svg.hover'' und ''SelBox.svg.selected'' hinterlegen. Für die Formatierung der Auswahl wird die Rahmenfarbe (''border-color'') und die Hintergrundfarbe (''background-color'') verwendet. Ändern Sie die Rahmenbreite bei Bedarf direkt in der SVG-Grafik.
de/create/questions/svg-select.txt · Zuletzt geändert: 08.11.2019 23:22 von d.aulenkamp
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki