Themen-Optionen Ansicht
Alt 17.04.2012, 16:17   #1
JensL
Administrator
Site Admin
 
Registriert seit: 02.03.2010
Beiträge: 2.470
JensL befindet sich auf einem aufstrebenden Ast
Wie kann ich das Layout für eine einzelne Frage anpassen?
Neben den in den Frageoptionen verfügbaren Möglichkeiten kann man Fragen auch über die CSS Datei anpassen und dies gegebenenfalls auch auf einzelne Fragen einschränken.

Die CSS Datei finden Sie unter Layout -> Profi-Editor.

Als Beispiel werden wir Ihnen zeigen wie Sie die farbliche Alternierung für einen Teil einer Frage deaktivieren können.

Jede Frage hat eine CSS ID, die man ansprechen kann, um genau diese Frage zu verändern. Diese ID findet man im Quelltext. Es bietet sich hier auch an Browserplugins wie Webdeveloper oder Firebug in FireFox oder das "Element untersuchen" Feature von Chrome zu nutzen, oder Sie schauen direkt in den Quelltext. Hier suchen Sie bitte nach qnameq um die entsprechende Nummer herauszufinden.

Wie der Name schon sagt, ist CSS kaskadierend. Das bedeutet, dass man mehrere Elemente verketten / zusammenschließen kann. Über diese Technik ist es dann möglich einzelne Elemente der Frage anzusprechen, um z.B. die Hintergrundfarbe zu verändern. Die CSS Bezeichner werden dann einfach in der richtigen Reihenfolge hintereinander in der CSS Datei hinterlegt.

Am Ende der CSS Datei fügen Sie dementsprechend folgendes ein:

Code:
#qnameq1234 .answertable td.answertext2 { background-color: hhhhhh; }
#qnameq1234 - ID der Frage

.answertable - übergeordnete Klasse in der wiederum die Klasse answertext liegt

.answertext2 - untergeordnete Klasse

td.answertext2 - Ich will alle td's ansprechen, die unter der Klasse answertext2 liegen

In Worte gefasst ändere ich also die Hintergrundfarbe aller Unterklassen answertext2, die in der Oberklasse .answertable liegen, welche wiederum der ID #qnameq1234 unterliegt.

Das Ergebnis wäre, dass Sie eine farbliche Alternierung bei den Antworttext-Elementen entfernen würden, selbige bei den Antwortitems aber erhalten bliebe.

So ähnlich kann man fast alle Elemente einer Frage verändern, wenn man sich die Kaskadierung der Elemente verdeutlicht.

Für nähere Information zu CSS bietet sich ein Besuch der Seite css4you.de an.

Geändert von JensL (18.04.2012 um 10:52 Uhr).
JensL ist offline  
 


Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge anzufügen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

vB Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.
Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 19:26 Uhr.

unipark
© Copyright 2011 QuestBack GmbH - Unipark Forum Onlineforschung | Unipark Online-Umfrage Tool | kontakt | impressum |