Wie nahezu alle Webseiten nutzt auch IQChecker.de Cookies. Bitte ändern Sie Ihre Browsereinstellung, wenn Sie keine Cookies akzeptieren möchten.

Submit to FacebookSubmit to Google PlusSubmit to TwitterSubmit to LinkedIn

Der IQChecker für Ihre Website

Sie sind Webmaster und möchten unseren IQ Test auf Ihrer Website einbauen? Kein Problem, fügen Sie einfach den folgenden html-Code ein:

Life Vorschau

Wenn Sie das obige Snippet in den HTML Code Ihrer Website einfügen, werden immer wieder zufällig aus unserem Pool generierte Fragen eingeblendet. Ihr Seitenbesucher kann also schon einmal den ersten Schritt in Richtung Intelligenztest bzw. IQ Schnelltest unternehmen - und das ganze ist natürlich völlig kostenlos !

(c) IQchecker.de | Online Intelligenztest

Sie möchten weitere Farb- und Größenkombinationen?

Ihre Website hat bereits ein Farbschema und Sie möchte das Tool an dieses anpassen? Bitte schön:

 Schema   Life-Vorschau Code für Ihre Website
 Silber   Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code
 Gelb  
Hier sehen Sie die individuelle Vorschau
Hier finden Sie den individuellen HTML Code
 Rot/Orange  
Hier sehen Sie die individuelle Vorschau
Hier finden Sie den individuellen HTML Code
 Grün  
Hier sehen Sie die individuelle Vorschau
Hier finden Sie den individuellen HTML Code
 Dark Knight   Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code
Candy   Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code
 Mint   Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code
 Schmal   Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code
 Extra-Schmal   Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code

 

Sie möchten noch mehr Individualität?

Kein Problem, Sie können folgende Parameter zur Anpassung nutzen:

Parameter   Beschreibung   Beispiel   Standardwert bei fehlendem Parameter
bg_color  

Legt einen einfarbigen Hintergrund fest. Sie können HEX- oder Standardfarbwerte übergeben. Achtung: bitte geben Sie HEX Farbwerte ohne #-Zeichen an. Der Parameter bg_color ist vorrangig zum Parameter bg.

 

 

bg_color=gray oder bg_color=blue oder für Hex Farbwerte bg_color=eba6e1 (nicht: bg_color=#eba6e1)

  wird nicht gesetzt, da bg als Standard verwendet wird
bg  

 

Kann anstelle des Parameters bg_color verwendet werden und legt einen Hintergrund mit graduellem Farbübergang fest. Dieser ist in den Farben gray, blue, yellow, red und green verfügbar. Achtung: Wenn Sie den Parameter bg verwenden wollen, dann lassen Sie bg_color leer, anderenfalls hat immer bg_color vorrang!

 

  Zulässige Werte: bg=yellow oder bg=red oder bg=blue oder bg=green oder bg=gray   blue
font_color  

Ändert die Farbe des Textes. Dies bezieht sich sowohl auf die Fragen, wie auch auf die Antworten.

 

 

font_color=black oder font_color=blue oder für Hex Farbwerte font_color=eba6e1 (nicht: font_color=#eba6e1)

 

 

#424242

font_size  

 

Ändert die Größe des Textes. Dies bezieht sich sowohl auf die Fragen, wie auch auf die Antworten. Achtung: Die Angabe muss in Pixeln (px) erfolgen, allerdings ohne die Endung "px".

 

 

 

font_size=15 (nicht: font_size=15px)

 

  12
color_headline  

Ändert die Farbe der Überschrift.

 

 

color_headline=black oder color_headline =blue oder für Hex Farbwerte color_headline=eba6e1 (nicht: color_headline=#eba6e1)

 

 

wie font_color

font_size_headline  

 

Ändert die Textgröße der Überschrift. Achtung: Die Angabe muss in Pixeln (px) erfolgen, allerdings ohne die Endung "px"

 

 

font_size_headline =15 (nicht: font_size_headline=15px)

  font_size 4
frame_size  

 

Legt die Breite fest. Die Angabe muss in Pixeln (px) erfolgen, allerdings ohne die Endung "px". Die Breite kann minimal 200px und maximal 1000px betragen. Bei Unter- oder Überschreitung der Werte, wird die Breite auf den unteren bzw. oberen Maximalwert gesetzt. Achtung: Die Höhe des Tools (genauer gesagt, die des i-frames) berechnet sich automatisch anhand der Längen der Frage und der Antworten und wird weiterhin durch die gewählten Parameter Breite (frame_size) und Schriftgrößen (font_size bzw. font_size_headline) bestimmt. Es kann dann vorkommen, dass die Höhe der Tabelle in die das i-frame eingebettet ist, nicht mehr ausreicht und das i-frame unvollständig oder mit Scrollbalken dargestellt wird. Sollte dies so sein, muss die im obigen Code Fenster festgelegte Zellenhöhe (blau markierter Wert) entsprechend erhöht werden. (Eine Anpassung sehen Sie z.B. bei dem obigen Schema Extra-Schmal (siehe ).

 

  frame_size=450 (nicht: frame_size_size=450px)   400
frame_color  

 

Legt die Randfarbe des Tools fest. Sie können HEX- oder Standardfarbwerte übergeben. Achtung: bitte geben Sie HEX Farbwerte ohne #-Zeichen an.

 

 

frame_color=black oder frame_color=blue oder für Hex Farbwerte frame_color=eba6e1 (nicht: frame_color=#eba6e1)

  silver
shadow  

 

Legt fest, ob das Tool einen Schatten bekommt. Achtung: Wenn dieser Parameter auf "no" gesetzt wird, sind die Parameter shadow_color und shadow_size wirkungslos.

 

  Zulässige Werte: shadow=yes oder shadow=no   yes
shadow_color  

 

Legt die Schattenfarbe des Tools fest. Sie können nur HEX- und keine Standardfarbwerte übergeben. Achtung: bitte geben Sie HEX Farbwerte ohne #-Zeichen an.

 

 

Es können nur Hex Farbwerte übergeben werden. Z.B. shadow_color=eba6e1 (nicht: shadow_color=#eba6e1)

  #696969
shadow_size  

 

Ändert die Größe des Tool-Schattens. Achtung: Die Angabe muss in Pixeln (px) erfolgen, allerdings ohne die Endung "px". Bei einem hohen Parameterwert kann es vorkommen, dass die Höhe der Tabelle in die das i-frame eingebettet ist, nicht mehr ausreicht und das i-frame unvollständig oder mit Scrollbalken dargestellt wird. Sollte dies so sein, muss die im obigen Code Fenster festgelegte Zellenhöhe (blau markierter Wert) entsprechend erhöht werden.

 

  shadow_size=450 (nicht: shadow_size_size=450px)   2
button_color  

 

Legt die Farbe der beiden Buttons fest. Sie können nur HEX- und keine Standardfarbwerte übergeben. Achtung: bitte geben Sie HEX Farbwerte ohne #-Zeichen an.

 

  Es können nur Hex Farbwerte übergeben werden. Z.B. button_color= eba6e1 (nicht: button_color=#eba6e1)   #2AADF4
button_color_ mouseover  

 

Legt die Schattenfarbe des Tools fest. Sie können nur HEX- und keine Standardfarbwerte übergeben. Achtung: bitte geben Sie HEX Farbwerte ohne #-Zeichen an.

 

  Es können nur Hex Farbwerte übergeben werden. Z.B. button_color_m...= eba6e1 (nicht: button_color_m... =#eba6e1)   #0f5f8a
button_font_size  

 

Ändert die Textgröße der Buttontexte ("Frage beantworten", "Neue Frage"). Achtung: Die Angabe muss in Pixeln (px) erfolgen, allerdings ohne die Endung "px"

 

  button_font_s...=15 (nicht: button_font_s..=15px)   wie font_size
button_font_color  

 

Legt die Schattenfarbe des Tools fest. Sie können nur HEX- und keine Standardfarbwerte übergeben. Achtung: bitte geben Sie HEX Farbwerte ohne #-Zeichen an.

 

  Es können nur Hex Farbwerte übergeben werden. Z.B. button_font_c...=eba6e1 (nicht: button_font_c...=#eba6e1)   #ffffff
button_font_ weight  

 

Legt das Erscheinungsbild des Buttontextes fest. Achtung: Als Werte sind nur normal, lighter, bold und bolder möglich!

 

  button_font_w...=bold oder button_font_w...=normal   bold

 

Wie sind die Parameter zu verwenden?

Im obigen HTML-Code gibt es nur zwei Stellen, an denen Sie Änderungen vornehmen müssen (siehe Änderungsstellen ). Der orangefarbig markierte Text ruft ein sog. i-frame auf unserem Server auf. Je nach der gewünschten Indivualisierung muss dieser Aufruf um die jeweiligen Parameter ergänzt werden. Beginnen Sie bitte dabei immer mit einem "?" und trennen Sie mehrere Parameter durch ein "&". Verwenden Sie keine Leerzeichen oder Zeilenumbrüche. Groß- und Kleinschreibung wird nicht beachtet. Der blaue Parameter bestimmt die Höhe der Tabellenzeile, in welcher das i-frame dargestellt wird. Sollten Sie die Fragen abgeschnitten oder mit Scrollbalken sehen, so müssen Sie diesen Wert erhöhen (siehe ).

Nachfolgend finden Sie einige Beispiele für die Verwendung der Parameter. Sie erhalten neben der Vorschau auch wieder ein  Codefenster, bei welchem Sie die geänderten Parameter im orangefarbigen oder blauen Teil des HTML-Codes sehen. Alle nicht übergebenen Parameter (siehe obige Tabelle) werden im Script durch die hinterlegten Standardwerte ersetzt. Sie müssen also nur die vom Standard abweichenden Parameter übergeben.

 

 Parameter

  Ergebnis Life-Vorschau HTML CODE

?bg_color=f5d6eb& button_color=f8a0da& button_font_color=663d58& button_color_mouseover=f3ecf1& shadow_color=dbd6da

 

 

Ändert das Farbverhalten des Tools in die Farbe Pink. So wird die Hintergrundfarbe des Tools auf #f5d6eb und die Button-Farbe auf #f8a0da (bei Mouseover Effekt #f3ecf1) geändert. Die Schriftfarbe der Buttons wird auf #663d58 und die Schattenfarbe auf #dbd6da geändert.

 

Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code

?font_size=15& font_color=blue font_size_headline=25& color_headline=d8a2a4& shadow_color=3ce538& shadow_size=7

 

 

Ändert die Schriftgröße des Textes auf 15px und dessen Farbe auf blau. Die Überschrift wird in Größe 25px und der Hex Farbe #d8a2a4 dargestellt. Weiterhin wird der Schatten in der Farbe #3ce538 dargestellt und auf 7px vergrößert

 

Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code

?frame_size=600& frame_color=black

 

 

Die Breite des i-frames wird auf 600px geändert und der Rand in schwarz dargesellt. Achtung: evtl. muss die Höhe der Tabelle angepasst werden (siehe blaue Markierung im obigen Code)

 

Hier sehen Sie die individuelle Vorschau Hier finden Sie den individuellen HTML Code
Submit to FacebookSubmit to Google PlusSubmit to TwitterSubmit to LinkedIn