CUSTOMFORMAT – Eigene CSS für stellenweise Formate verwenden

Mit %FETT … FETT% und ähnlichen Steuercodes können Sie Textformate punktuell in Fragen, Antwortvorgaben, Vorwort und vielen anderen Systemtexten einfügen.

Sie können aber auch via CSS völlig eigene Formate definieren (Farben, Abstände, Formen, Schriftarten, etc.) und diese ebenso stellenweise einbauen. Dies funktioniert mit dem Code %CUSTOMFORMAT1 … CUSTOMFORMAT1%

oder

%CUSTOMFORMAT2 … CUSTOMFORMAT2%

oder

%CUSTOMFORMAT3 … CUSTOMFORMAT3%

usw.

Sie brauchen diesen nur in der Frage zu verwenden:

2016-11-08_16-52-32

Und dann unter «Fragebogen > Aussehen/Eigenes Logo» und dort unter «Eigene CSS» zu definieren. Zum Beispiel so (alles in der Klammer ist die CSS-Definition):

2016-11-08_16-53-51

Das sieht dann live so aus, wenn Sie den Fragebogen unter «Fragebogen > Ganzen Fragebogen testen» anschauen.

2016-11-08_16-54-11

Live dann voilà:

2016-11-08_16-54-36

 

 

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

 

AGB Text im Vorwort: Schriftgrösse anpassen mittels CSS

Im Vorwort können Sie die Option «AGB akzeptieren Checkbox» einschalten. Diese erscheint dann wie in folgendem Bild:

Die Schriftgrösse kann wie bei vielen Elementen im System via «Aussehen/Eigenes Logo > CSS-Definitionen» (unten rechts auf der Seite) angepasst werden, in dem eine neue CSS-Definition eingefügt wird. Mit CSS-Definitionen können Sie für beliebige Elemente Stil-Vorgaben definieren. Dazu sollten Sie sich zuerst den Namen des Elements, welches anzupassen ist, im Quellcode der Umfrage herausschreiben. Dazu öffnen Sie am besten die Umfrage im Testmodus oder auch live und wählen im Browser «Quellcode anzeigen» aus. Suchen Sie dann das gewünschte Elemente (z.B. mit CTRL-F -> Textsuche, hier z.B. AGB suchen). Sie sehen dann z.B. im Quellcode:

Das Element ist meist mit dem Tag

class="name"

im Quellcode zu finden. Merken Sie sich den «name», also in diesem Fall

agbtext

Auf diese Elementbezeichnung kann sich nun Ihre CSS-Definition beziehen.

Fügen Sie also unter «Aussehen/Eigenes Logo > CSS-Definitionen» die Zeile

.agbtext {font-size:11px;}

hinzu. Die Schrift wird automatisch in Ihrem gewünschten Format ausgegeben.