Customize QuizGenerator with your original CSS and JS
- HOME
- Adaptation of original CSS and JS
Customize QuizGenerator with your original CSS and JS
When you purchase a QuizGenerator license, you will be able to "change the design of the player screen and the words in the system freely" according to your preferences. In addition, you can set up the optional "Text-To-Speech" functionality used for listening comprehension questions without restrictions. LearningBOX (If you have purchased a license for QuizGenerator from the order page in the learningBOX, the license key will be set automatically in the learningBOX setting page. This page describes the case when you purchase a license key from the page inhttps://quizgenerator.net/This page explains how to set up customizing your original CSS and JS after purchasing the license.
Here is the player screen after purchasing the license.
In this customization, the button color is changed from the default blue to green and the SAMPLE is set to blink.How to customize QuizGenerator with original CSS and JavaScript
A license must be purchased to customize the original CSS and JS. The price of a license is 5,500 yen (including tax) for a one-month license and 22,000 yen (including tax) for a one-year license. Customers who have not yet purchased a license can do so here. ➡ After the QuizGenerator license has been paid for, a license key will be delivered to the e-mail address entered at the time of payment.Please do not use the e-mail address and license key that you entered at the time of payment, as they will be used for later setup.
*If you do not receive an email, please check to see if your email has been blocked by a spam filter.
*Customizations (CSS, Javascript, and system languages) set by the customer may not be reflected due to changes or updates to the generator. If you wish to continue applying your current customizations after the update, you will need to reconfigure your settings.
Here are the CSS and JavaScript used for customization.
The CSS and JavaScript used in the above QuizGenerator are examples. Here are the CSS and JavaScript implemented in ▼QuizGenerator.How to set up from Text Excel
The extracted ZIP file contains "CSS file, JavaScript file, and quiz.We will use these three files for customization. If the quiz is created in text/excel, the procedure is as follows. The quiz presented above can be downloaded from ➡ sample-quiz-custom.zip No license key is set in the manuscript file.
- text
- Excel
Prepare the unzipped original CSS file, JavaScript file and quiz.
Create the original CSS file with the file name "add_personal.css" and the original JS file with the file name "add_personal.js".
The CSS and JavaScript files downloaded from the conversion source file are already saved as "add_personal.css" and "add_personal.js". When you prepare your own CSS and JavaScript files, please be sure to rename them.
Add four options to the quiz (text): "#add_css_file:true", "#add_js_file:true", "#email:***" and "#key:***".
Specify the three files and compress them into a single zip file.
When you upload the compressed zip file to the conversion tool, the original CSS and JS will be applied.
Prepare the unzipped original CSS file, JavaScript file and quiz.
Create the original CSS file with the file name "add_personal.css" and the original JS file with the file name "add_personal.js".
The CSS and JavaScript files downloaded from the conversion source file are already saved as "add_personal.css" and "add_personal.js". When you prepare your own CSS and JavaScript files, please be sure to rename them.
Add four options to the quiz (Excel): "#add_css_file:true", "#add_js_file:true", "#email:***" and "#key:***".
Specify the three files and compress them into a single zip file.
When you upload the compressed zip file to the conversion tool, the original CSS and JS will be applied.