Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:multilang [06.03.2024 21:22] – admin
+++ de:create:multilang [17.04.2025 14:11] (aktuell) – admin
@@ Zeile 209: / Zeile 209: @@
 Optional können Sie noch einen //Text über der Sprachauswahl// festlegen, welcher über den Flaggen angezeigt wird.
+===== Flagge austauschen =====
+Nicht immer ist die voreingestellte Flagge geeignet, um eine Sprache zu symbolisieren. Wenn Sie zum Beispiel traditionelles Chinesisch anbieten aber für Taiwan eine andere Flagge verwenden möchten, gehen Sie wie folgt vor:
+  * Suchen Sie auf [[https://www.wikipedia.de/|Wikipedia]] nach der passenden Flagge, klicken Sie diese an und verwenden Sie dann das Download-Symbol, um die Flagge im Format "klein" herunterzuladen.
+  * Laden sie die Datei in SoSci Survey unter **Bilder und Mediendateien** im Karteireiter //Bilder hochladen// hoch, markieren Sie __nicht__ die Option "Geschützte Dateiablage verwenden".
+  * Klicken Sie das Bild nach dem Hochladen an, dadurch wird unterhalb der Bilder in dem Texteingabefeld der Dateiname angezeigt. Kopiern Sie diesen in ein freies Textfeld (z.B. eine Notiz in [[https://notepad-plus-plus.org/|Notepad++]]), Sie benötige ihne gleich.
+  * Öffnen Sie in der Navigatin von SoSci Survey **Sprachversionen** -> **Sprachauswahl im Fragebogen**. In dem Feld neben der Sprache, deren Symbol Sie ändern möchten, sollte folgender HTML-Code stehen:
+<code html>
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+  * Ersetzen Sie im in diesem HTML-Code den Platzhalter\\ ''%flag%''\\ durch den folgenden HTML-Code\\ ''<img src="flag_just_uploaded.png" alt="%lang%" class="s2t-flag">''\\ anstatt ''flag_just_uploaded.png'' setzen Sie den Dateinamen ein, den Sie vorhin notiert haben. Das ''class="s2t-flag"'' im HTML-Tag ist wichtig. Das Ergebnis könnte dann wie folgt aussehen.
+<code html>
+<div class="option">
+    <a href="%link%">
+        <div class="flag"><img src="flag_just_uploaded.png" alt="%lang%" class="s2t-flag"></div>
+    <div class="desc">%lang%</div>
+ </a>
+</div>
+</code>
+  * Darunter sehen Sie noch ein zweites Eingabefeld, in welchem nur der HTML-Code ''%flag%'' steht. Tragen sie dort statt dem Platzhalter den folgenden HTML-Code ein.
+<code html>
+<img src="flag_just_uploaded.png" class="langSymbol unselectable" style="width: 30px; height: 18px;" alt="ger" title="%lang%">
+</code>
+  * Speichern Sie die Änderungen ({{:button.save.png?nolink|Knopf zum Speichern der Änderungen}}).