Fragenummer in eigenen Farben & Schriften

Die Fragenummer (z.B. „Frage 1“, „Frage 2“ usw.) kann bei onlineumfragen.com in einem selbst definierten, beliebigen Design angezeigt werden. Standardmässig wird diese aber als Bild gezeigt, d.h. wird auf jedem Gerät unabhängig von Auflösung, Grösse, installierten Schriften usw. immer absolut identisch gezeigt.

2016-04-11_20-12-20

2016-04-11_20-12-51

Um Fragenummern umzugestalten, wählen Sie als erstes unter „Fragebogen > Aussehen / Eigenes Logo“ den Punkt „Fragenummer als Text und nicht als Bild anzeigen“.

2016-04-11_20-49-12

Damit werden die Fragenummern als normaler Text angezeigt, der nun über CSS verändert werden kann, z.B. in Farbe, Grösse, Schriftart, aber auch mit speziellen Attributen wie Führungslinien, Klötzchen davor / dahinter, Fettdruck, etc. etc.

Im Vorwort und auf der Dankeseite gibt es zwei Titel, nämlich „Vorwort“ und „Danke!“. Diese erscheinen ebenfalls als Bild und sind mit dieser Einstellung nicht betroffen. Stellen Sie diese separat unter „Fragebogen > Titel, Vorwort, Dank, Autoren bearbeiten“ auf Text um, in dem Sie „Alternative Überschrift wählen“ und dann „Vorwort“ resp. „Danke!“ manuell als Text eingeben.

2016-04-11_20-13-42

2016-04-11_20-14-08

 

 

Die Titel werden dann auch als Text angezeigt und können gleich wie die Fragenummern formatiert werden.

Wenn Sie nun unter „Fragebogen > Aussehen / Eigenes Logo“ z.B. eine andere Schriftart (z.B. „OPEN SANS“) wählen, sind sowohl Vorwort, Danke wie auch alle Fragenummern neu gestaltet.

Unter „Fragebogen > Eigene CSS-Definition“ (ganz unten rechts) können Sie dann die Klasse .fragetitel selbst definieren.

2016-04-11_20-26-32

Zum Beispiel:

.fragetitel {color: ff9900; font-size: 30px;}  

Das sieht dann am Ende so aus:

2016-04-11_20-11-41

 

Eigene Farbschemata für Standardauswertung

Für die Standardauswertung unter „Auswertung > Häufigkeitsverteilung (Standardauswertung) – alle Fragen“ können Sie nebst den vorhandenen Farbschemata auch bis zu drei eigene Farbschemata erstellen.

Klicken Sie dazu unter „Auswertung > Häufigkeitsverteilung (Standardauswertung) – alle Fragen“ einfach neben der Optionsbox „Farbschema“ auf das kleine Icon, um die Farbschemata zu bearbeiten.

21-02-2015 05-32-39

Sie sehen dann die maximal drei eigenen Farbschemata mit Feldern, mit denen Sie Ihre Wunschfarben für jedes Schema festlegen können. Sollten Sie genügend Farben für ein Schema definiert haben, lassen Sie die restlichen Felder einfach leer (kein Wert erfassen oder vorhandenen Wert mit der ENTF-Taste oder DEL-Taste löschen).

Sollten in Ihren Auswertungen irgendwo mehr Werte verwendet werden müssen, als Sie definiert haben, wiederholt sich die Skala einfach wieder von vorne, d.h. es wird z.B. für die zehnte Farbe einfach wieder die erste genommen usw., wenn Sie nur 9 Farben definiert haben.

21-02-2015 05-33-53

Sie können dann auf jede Farbe klicken, um mit einer umfangreichen Farb-Selektions-Box Ihre Farbe entweder intuitiv auszuwählen oder mit HEX-Werten oder RGB-Werten einzugeben. Diese Werte erhalten Sie ggf. von Ihrer Grafik- oder Marketingsabteilung.

21-02-2015 05-34-12

Die Farbschemata können dann jederzeit unter „Eigene 1“, „Eigene 2“ und „Eigene 3“ aufgerufen werden.

Das sieht dann zum Beispiel so aus:

21-02-2015 05-35-39

 

Farben der Fragetitel, Bereichstitel und Titel der Befragung im Navigationsbereich anpassen

Es ist sehr einfach, die Titel der Fragen (z.B. „Frage 1“ oder wenn ein alternativer Fragetitel benutzt wird, dieser) farblich anzupassen. Wenn Sie unter „Fragebogen > Aussehen/Eigenes Logo“ die Optionen für „Titel der Befragung im Navigationsbereich anzeigen“ und „Jeweiliger Fragebereich über dem Fragetitel einblenden“ aktivieren, können diese Anzeigen/Texte farblich einfach angepasst werden.

Wenn Sie den Fragetitel farblich anpassen möchten und Sie in Ihren Fragen keine alternative Fragetitel verwendet haben, sondern es wird dort der „normale“ Titel „Frage 1“, „Frage 2“, usw. angezeigt, können Sie auch dieser Text einfärben in dem Sie entweder bei jeder Frage unter „Fragebogen > ändern“ den alternativen Fragetitel nutzen (und dort entweder einen eigenen Titel eingeben oder einfach den Titel „Frage 1“ als Text hinterlegen) oder indem Sie die Option „Fragenummer als Text und nicht als Bild anzeigen“ unter „Fragebogen > Aussehen/Eigenes Logo“ anhaken.

Klicken Sie dann unter „Fragebogen > Aussehen/Eigenes Logo“ unten rechts auf „CSS-Definitionen“. Geben Sie hier den folgenden Code ein:

.fragetitel {color: #a32122;}
.titelgrauklein {color: #a32122;}
.titelgraukleinber {color: #a32122;}
Damit werden alle drei Elemente (fügen Sie nach Belieben alle drei Codes oder auch nur einen oder zwei ein) rot eingefärbt. Der Code a32122 gibt die Farbe an, es handelt sich um den sogenannten HEXCODE, den Sie für jede Farbe unter http://html-color-codes.info/webfarben_hexcodes/ ermitteln können.

Das sieht dann live so aus:

Bei Fragen kontaktieren Sie uns einfach per Mail oder Telefon, wir unterstützen Sie gerne auch bei weiteren Anpassungen.