Premade Random Quote Boxes by LARVAMOLT

Random Quote Box

Pre-Customized Code You Can Use NOW!!

─── ⋆⋅☆⋅⋆ ───

Hello :) this page hosts many pre-customized RandomQuoteBoxes.

Disclaimer stuff

If you like my work, consider sending thanks on Ko-fi. This project is 100% free to copy, paste, and modify, just don't delete the code credit to me and don't delete quote attributions to any real people's names. You may not sell or profit off this creation or any derivatives you make. Don't modify a RandomQuoteBox for any illegal or evil purposes.

Please remember to DOWNLOAD any Assets provided (font files, images, etc.) and upload them to YOUR OWN site!

Click this for a summary of the installation instructions.

1. Script - copy and paste into a new .js file on your site. In the templates below, this file is referred to as /quote.js but you can call it whatever you want. Just change /quote.js to whatever else you named it, and add any filepaths.

2. Style - copy and paste into your CSS file, usually called /style.css. I strongly recomment using a site-wide stylesheet, but it works fine if you paste it somewhere in the <style> tags within the HTML of the SAME page you're placing the Box.

3. HTML - copy and paste wherever you want the box to appear on your site.

Congratulations! Your RQB should look great and display a different quote when you hit the refresh button.

PLEASE VISIT THIS PAGE if you are struggling with box size / adding quotes / customization!

Jump to a QuoteBox:

Minecraft • xkcd • justgirlythings • Edgar Allen Poe • more coming soon!

─── ⋆⋅☆⋅⋆ ───

↻ New Splash

Code Credit

Install the Minecraft RandomQuoteBox

Assets	Script	Style	HTML
• Minecraft Font • Background • Logo	var quote = new Array (); quote[0] = "More polygons"; quote[1] = "Less polygons"; quote[2] = "Ceci n'est pas une title screen"; quote[3] = "Now in 3D"; quote[4] = "Thousands of colors"; quote[5] = "Try the mushroom stew"; quote[6] = "Macroscopic"; quote[7] = "Music by C418"; quote[8] = "Full of stars"; quote[9] = "Never dig down"; quote[10] = "Tip your waiter"; quote[11] = "I'm glad you're here"; quote[12] = "Contains infinite genders"; var i = Math.floor(13*Math.random()) //this number ^ must always be one more than the number of the last entry!!! document.write(quote[i]); //Random Quote Box from: larvamolt.neocities.org/quotebox	#minequotebox { box-sizing: border-box; background-color: green; background-image: url("/img/minecraft_bg.png"); background-position: top center; background-size: cover; color: #ffff00; letter-spacing: 0.1rem; font-family: "Minecraft", monospace; font-size: 1em; width: 70%; margin-left: auto; margin-right: auto; padding: 10px 10px 5px 10px; overflow: hidden; } #minequotebox a { color: white; } .minequote { text-align: center; font-size: 1.6em; text-shadow: 2px 2px 0px #3e3e00; } .minerefresh { float: left; margin: 0 20px 10px 0; padding: 5px 10px 5px 10px; background-color: gray; } .minesource { float: right; margin: 0 0 10px 20px; padding: 5px 10px 5px 10px; background-color: gray; }	<div id="minequotebox"> <div class="minequote"> <p><script src="/quote.js"></script>!</p> <p><img src="/minecraft_logo.png" width="30%"></p> </div> <div class="minerefresh"> <a href="#minequotebox" onclick="location.reload()">↻ New Splash</a> </div> <div class="minesource"> <a href="https://larvamolt.neocities.org/quotebox">Code Credit</a> </div> </div> <!-- closes minecraft quotebox-->

– Randall Munroe, xkcd.com

↻ New Quote

Code Credit

Install the xkcd / Randall Munroe RandomQuoteBox

Assets	Script	Style	HTML
None :)	var quote = new Array (); quote[0] = "Remember that you are always making up the future as you go."; quote[1] = "This quote was taken out of context."; quote[2] = "When I walk past an automatic door and it opens for me, I worry that if I don't go in I'll hurt its feelings."; quote[3] = "Take wrong turns. Talk to strangers. Open unmarked doors. And if you see a group of people in a field, go find out what they're doing. Do things without always knowing how they'll turn out."; quote[4] = "Protip: If you're not sure what to say, try 'So it has come to this'–-it creates instant dramatic tension and is a valid observation in literally any situation."; var i = Math.floor(5*Math.random()) //this number ^ must always be one more than the number of the last entry!!! document.write(quote[i]); //Random Quote Box from: larvamolt.neocities.org/quotebox //For personal non-profit use only //Quotes by Randall Munroe of xkcd.com	#xkcdquotebox { box-sizing: border-box; background-color: white; color: black; width: 50%; margin-left: auto; margin-right: auto; border-style: solid; border-color: #071419; border-radius: 12px; padding: 5px 20px 5px 20px; overflow: hidden; font-variant: small-caps; font-family: Lucida,Helvetica,sans-serif; } #xkcdquotebox a { color: white; } .xkcdquote { text-align: center; padding: 0 20px 0 20px; } .xkcdrefresh { float: left; background-color: #6e7b91; border-radius: 3px; font-weight: bold; padding: 5px 10px 5px 10px; } .xkcdsource { float: right; background-color: #6e7b91; border-radius: 3px; font-weight: bold; padding: 5px 10px 5px 10px; }	<div id="xkcdquotebox"> <div class="xkcdquote"> <p>"<script src="/quote.js"></script>"</p> <p><i>– Randall Munroe, xkcd.com</i></p> </div> <div class="xkcdrefresh"> <a href="#xkcdquotebox" onclick="location.reload()">↻ New Quote</a> </div> <div class="xkcdsource"> <a href="https://larvamolt.neocities.org/quotebox">Code Credit</a> </div> </div> <!-- closes xkcd quotebox; quotes by Randall Munroe of xkcd.com-->

⋆˙⟡ ✧˖°.

justgirlythings

🎀 new quote

get urs here

Install the justgirlythings RandomQuoteBox

Assets	Script	Style	HTML
None :)	var quote = new Array (); quote[0] = "bloom where you are planted"; quote[1] = "never give up - great things take time"; quote[2] = "less bitter, more glitter!"; quote[3] = "live laugh love"; var i = Math.floor(4*Math.random()) //this number ^ must always be one more than the number of the last entry!!! document.write(quote[i]); //Random Quote Box from: larvamolt.neocities.org/quotebox	#pinkquotebox { box-sizing: border-box; background-color: pink; color: white; width: 40%; margin-left: auto; margin-right: auto; border-radius: 20px; border-style: dotted; border-color: hotpink; border-width: 5px; padding: 5px 10px 5px 10px; overflow: hidden; } #pinkquotebox a { color: hotpink; font-weight: bold; } .pinkquote { text-align: center; } .pinkrefresh { float: left; } .pinksource { float: right; }	<div id="pinkquotebox"> <div class="pinkquote"> <p>⋆˙⟡ <script src="/quote.js"></script> ✧˖°.</p> <p><i>justgirlythings</i></p> </div> <div class="pinkrefresh"> <a href="#pinkquotebox" onclick="location.reload()">🎀 new quote</a> </div> <div class="pinksource"> <a href="https://larvamolt.neocities.org/quotebox">get urs here</a> </div> </div> <!-- closes pink quotebox-->

❝ ❞

– Edgar Allen Poe

🥀 new quote

code credit 🥀

Install the Edgar Allen Poe RandomQuoteBox

Assets	Script	Style	HTML
None :)	var quote = new Array (); quote[0] = "To be controlled is to be ruined."; quote[1] = "I became insane, with long intervals of horrible sanity."; quote[2] = "All that we see or seem is but a dream within a dream."; quote[3] = "There is no exquisite beauty… without some strangeness in the proportion."; quote[4] = "Believe nothing you hear, and only one half that you see."; var i = Math.floor(5*Math.random()) //this number ^ must always be one more than the number of the last entry!!! document.write(quote[i]); //Random Quote Box from: larvamolt.neocities.org/quotebox	#gothquotebox { box-sizing: border-box; background-color: black; color: white; width: 40%; margin-left: auto; margin-right: auto; border-radius: 3px; padding: 5px 10px 5px 10px; overflow: hidden; } #gothquotebox a { color: gray; } .gothquote { text-align: center; font-family: cursive; padding: 0px 20px 0px 20px; } .gothrefresh { float: left; } .gothsource { float: right; }	<div id="gothquotebox"> <div class="gothquote"> <p style="font-size: 1.2em;">❝ <script src="/quote.js"></script> ❞</p> <p><i style="color: #CC0000;">– Edgar Allen Poe</i></p> </div> <div class="gothrefresh"> <a href="#gothquotebox" onclick="location.reload()">🥀 new quote</a> </div> <div class="gothsource"> <a href="https://larvamolt.neocities.org/quotebox">code credit 🥀</a> </div> </div> <!-- closes Poe quotebox-->

─── ⋆⋅☆⋅⋆ ───

RandomQuoteBoxes made and distributed for free by LARVAMOLT.

Obviously I don't own the original words of people like Randall Munroe, Edgar Allen Poe, or the Minecraft menu splash text.

This is a noncommercial project, original authors remain attributed, and something something fair use. :)