Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign in to follow this  

    ANSWER CORRECTLY - OR YOU DIE!!!

       (0 reviews)

    Simple, fun little quiz template based on MTT's quiz in Undertale! Please review ❤️


    Actual Template Not Responsive

    TOO EASY FOR YOU, HUH????????
    WHAT ARE ROBOTS MADE OF?
    A
    Hopes
    & Dreams
    B
    Metal
    & Magic
    C
    Snips
    & Snails
    D
    Sugar
    & Spice

    Template code

    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P|Share+Tech+Mono|VT323" rel="stylesheet">
    <style>
     .mettaton {background: black; height: 225px; width: 350px; overflow: hidden; position: relative}
     .quiz {width:320px; height: 100px; border: 2px solid white; position: absolute; top: 115px; left: 21px;}
     .mttgif {height: 100px; position: absolute; top: 17px; left: 15px;}
     .answerbigright {position: absolute; font-size: 16px; color: white; font-family: 'Press Start 2P', cursive; border: 1px solid white; height: 21px; width: 22px; text-align: center; line-height: 1.5}
     .answerbigwrong {opacity: 1; position: absolute; font-size: 16px; color: white; font-family: 'Press Start 2P', cursive; border: 1px solid white; height: 21px; width: 22px; text-align: center; line-height: 1.5}
     .answerright {position: absolute; font-size: 15px; font-family: 'VT323', monospace; color: white; line-height: 1;}
     .answerwrong {position: absolute; font-size: 15px; font-family: 'VT323', monospace; color: white; line-height: 1;}
     .quebox {position: absolute; height: 80px; width: 169px; background-image: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.mttquote.png.44d7cb513777c2d56584e439a2feacc7.png); background-size: 100%; left: 107px; top: -102px; text-align: center; font-family: 'Share Tech Mono', monospace; line-height: 1.5; font-size: 13px; z-index: 2; padding-right: 10px; padding-left: 30px; padding-top: 10px;}
     .ansbox {position: absolute; height: 80px; width: 169px; background-image: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.mttquote.png.44d7cb513777c2d56584e439a2feacc7.png); background-size: 100%; left: 130px; top: 15px; text-align: center; font-family: 'Share Tech Mono', monospace; line-height: 1.5; font-size: 13px; z-index: 1; padding-right: 10px; padding-left: 30px; padding-top: 10px;}
     .quiz:hover .answerbigwrong {opacity: 0;}
     .quiz:hover .answerwrong {color: red;}
     .quiz:hover .answerright {color: green;}
     .quiz:hover .answerbigright {color: yellow; border: 1px solid yellow;}
     .quiz:hover .quebox {opacity: 0;}
     .pcr {height: 10px; width: 10px; position: absolute; top: 160px; left: 175px;}
    </style>
    	<center>
    		<div class="mettaton">
    			<div class="mttgif">
    				<img src="https://images.rpginitiative.com/uploads/monthly_2018_07/large.Mettaton_box_gif.gif.40f5228de3eddacb31cc974079284d22.gif" style="height: 100%;">
    			</div>
    			<div class="ansbox">TOO EASY FOR YOU, HUH????????</div>
    			<div class="quiz">
    				<div class="quebox">WHAT ARE ROBOTS MADE OF?</div>
    				<div class="answerbigwrong" style="top: 15px; left: 120px;">A</div>
    				<div class="answerwrong" style="top: 13px; left: 50px; text-align: right;">Hopes<br>& Dreams</div>
    				<div class="answerbigright" style="top: 15px; left: 170px;">B</div>
    				<div class="answerright" style="top: 13px; left: 215px;">Metal<br>& Magic</div>
    				<div class="answerbigwrong" style="top: 60px; left: 120px;">C</div>
    				<div class="answerwrong" style="top: 58px; left: 50px; text-align: right;">Snips<br>& Snails</div>
    				<div class="answerbigwrong" style="top: 60px; left: 170px;">D</div>
    				<div class="answerwrong" style="top: 58px; left: 215px;">Sugar<br>& Spice</div>
    			</div>
    			<div class="pcr">
    				<a href="https://rpginitiative.com/profile/2592-penny/"><img src="https://images.rpginitiative.com/uploads/monthly_2018_07/large.undertale_soul_vector_by_viper1999-d9zc7hm.png.3e3d931aa7131e50e74555f83e84cc01.png" style="height: 100%;"></a>
    			</div>
    		</div>
    	</center>
    Sign in to follow this  


    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest



×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.