hiveswap friendsim textboxes

Tags: hiveswap, homestuck, friendsim, textbox, snippet
Description:

these arent coded very well oops

you can see all of them in action here
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by casper (https://layouts.spacehey.com/layout?id=102494) -->

 <div class="nametextboxCG">KARKAT</div>

<div class="textboxCG"><p>MY HATE IS THE LIFEBLOOD THAT PULSES THROUGH THE VEINS OF YOUR UNIVERSE. IT IS MY GIFT TO YOU. YOU'RE WELCOME FOR THAT. YOU UNGRATEFUL PIECE OF SHIT.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCG{ background:url('https://external-media.spacehey.net/media/s_hyT6KoDuBQqqxg_nbkMvCvAaVuPZMWQmlc8rfDNLeM=/https://file.garden/ZGq2RWLYvB6VkJTh/greybox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCG{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #626262 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>





<!-- rust -->





<div class="nametextboxAA">ARADIA</div>

<div class="textboxAA"><p>i think i mostly want to see what happens when this whole place breaks apart</p> </div>


<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAA{ background:url('https://external-media.spacehey.net/media/sX8C4nvEhx_QE3S6fQd_c8Kjbzt6IEaFsVMY-cev6gH0=/https://file.garden/ZGq2RWLYvB6VkJTh/burgundybox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #a10000 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- bronze -->




<div class="nametextboxAT">TAVROS</div>

<div class="textboxAT"><p>wOW, i'M SURE THERE WAS A BETTER WAY TO SAY THAT,</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAT{ background:url('https://external-media.spacehey.net/media/s6ODVx0R4AdSSiRIrKH8TEtVSsM_5e92QuR6Rtksev04=/https://file.garden/ZGq2RWLYvB6VkJTh/bronzebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAT{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #a15000 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- gold -->



<div class="nametextboxTA">SOLLUX</div>

<div class="textboxTA"><p>iin ca2e you havent notiiced ii de2pii2e my2elf and perpetually 2eek two dupliicate through emotiional paiin the cacophony of phy2iical paiin my hiideou2 mutant braiin cau2e2 me every day.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxTA{ background:url('https://external-media.spacehey.net/media/s7ZORgnjoaAEiD7hcfoawGJyUnbzuBE0O8NND1rvc1M4=/https://file.garden/ZGq2RWLYvB6VkJTh/goldbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxTA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #A1A100 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- olive -->



<div class="nametextboxAC">NEPETA</div>

<div class="textboxAC"><p>:33 &lt; *ac saunters from her dark cave a little bit sl33py from the recent kill*</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAC{ background:url('https://external-media.spacehey.net/media/sEMCY4XodC2gPglpr3kNviXnx1vlDT1fyEz0eePmaVy0=/https://file.garden/ZGq2RWLYvB6VkJTh/olivebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #416600 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- jade -->




<div class="nametextboxGA">KANAYA</div>

<div class="textboxGA"><p>Your Idle Moments Seem To Invite Interruption The Least</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxGA{ background:url('https://external-media.spacehey.net/media/sjmT02OdliNHJxysVhAij9BdeWTSeHO0IcGa26V0E0KE=/https://file.garden/ZGq2RWLYvB6VkJTh/jadebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxGA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #008141 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- teal -->




<div class="nametextboxGC">TEREZI</div>

<div class="textboxGC"><p>W3 M4K3 OUR OWN LUCK <br/> 4ND YOU'R3 4BOUT TO PROV3 TH4T</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxGC{ background:url('https://external-media.spacehey.net/media/sJyyiMq_6XinwwGVdVBLKnaBPTrPNb0sT3E1a51QOrx4=/https://file.garden/ZGq2RWLYvB6VkJTh/tealbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxGC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #008282 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>



<!-- cerulean -->




<div class="nametextboxAG">VRISKA</div>

<div class="textboxAG"><p>You don't have to 8e a good person to 8e a hero.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAG{ background:url('https://external-media.spacehey.net/media/sTtR6lXl4N_c-207PhQXPZ4z5pLkI5YDwWiQpq1-k9jU=/https://file.garden/ZGq2RWLYvB6VkJTh/cobaltbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAG{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #005682 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- indigo -->




<div class="nametextboxCT">EQUIUS</div>

<div class="textboxCT"><p>D --&gt; This is f001ishness upon one hundred thousand prior, equally unsolicited f001ishnesses</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCT{ background:url('https://external-media.spacehey.net/media/sSjg68gjL4ZCjFyMtC31rebrGox-WDjsT-knRavvfGqg=/https://file.garden/ZGq2RWLYvB6VkJTh/indigobox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCT{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #000056 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- purple -->





<div class="nametextboxTC">GAMZEE</div>

<div class="textboxTC"><p>WELCOME TO THE DARK CARNIVAL, BROTHER.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxTC{ background:url('https://external-media.spacehey.net/media/ssICL0y6fSkiow3tTGgKdBS2_fYoA7zNBpvRANI66stE=/https://file.garden/ZGq2RWLYvB6VkJTh/purplebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxTC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #2b0057 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>





<!-- violet -->





<div class="nametextboxCA">ERIDAN</div>

<div class="textboxCA"><p>hey finless this doesnt concern those wwith mustard sludge slippin through their vveins</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCA{ background:url('https://external-media.spacehey.net/media/s_FQXJ92twjRS3TITaujIpNPooCA-rj1RsTczmzAtTEg=/https://file.garden/ZGq2RWLYvB6VkJTh/violetbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #6a006a !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>






<!-- fuschia -->






<div class="nametextboxCC">FEFERI</div>

<div class="textboxCC"><p>Glub glub glub glub glub glub glub! <br/> I AM -EXCIT-ED!</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCC{ background:url('https://external-media.spacehey.net/media/s2j8qOONsBfDvwivdKhyDa_XsmxqLLgVwSrl3NxPEl8M=/https://file.garden/ZGq2RWLYvB6VkJTh/fuschiabox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #77003c !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Displaying 4 of 4 comments ( View all | Add Comment )
Vincent Jackson	1756710234 using!! (my layout made the text pink...lol!) Report Comment
kysJny6666	1729411122 rlly good!!! XD Report Comment
andy	1719327187 THESE ARE SO COOOOOLLLL RAAAH Report Comment
luminopsychonaut	1715880482 OMG TYSM!! Report Comment