Explanation
In the quiz creation tool, every single text box has an explanation right under it to help you understand what it does.
If, however, you are more of a visual learner, the images on the left and right should explain exactly what each of the text boxes do.
Every text box has a label and on our images, each label is included! There is even more visible in the code.
Feel free to download the example quiz to better understand how it works. Both project and quiz file is available:
examplequiz.txt | 1.1kB
examplequiz.uqp | 1.4kB
Images and Text Styling
You can use custom HTML tags to create images and style text. All tags except for img needs to be closed! Use this as a cheatsheet:
Command | Function | Usage Example | Output |
---|---|---|---|
<img src='url '> |
Creates an Image Note: Only use single quotes ( ' )! |
<img src='https://kingpvz.github.io/favicon.png'> | |
<red> | Red Text | <red>Hello!</red> | Hello! |
<green> | Green Text | <green>Hello!</green> | Hello! |
<blue> | Blue Text | <blue>Hello!</blue> | Hello! |
<yellow> | Yellow Text | <yellow>Hello!</yellow> | Hello! |
<orange> | Orange Text | <orange>Hello!</orange> | Hello! |
<cyan> | Cyan Text | <cyan>Hello!</cyan> | Hello! |
<pink> | Pink Text | <pink>Hello!</pink> | Hello! |
<black> | Black Text | <black>Hello!</black> | Hello! |
<b> | Bold Text | <b>Hello!</b> | Hello! |
<i> | Italic Text | <i>Hello!</i> | Hello! |
You can combine commands to create any style like this: |
|||
We want a green text, that's both bold and italic. | <green><b><i>Perfect.</i></b></green> | Perfect. | |
Don't forget to close the tags in the opposite order as you have opened them! |
Text Designer
You can use this text designer which will output a HTML code usable in the quiz! This is here, so you don' have to worry about for example closing a tag incorrectly.