rainbow scene layout

Tags: scene, rainbow, black, emo

Description:

i hate this!! no creds needed, do wtvr you want with it

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=81052) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Ranga&display=swap');
body,p,h1,h2,h3,h4,h5,h6{
font-family: 'Ranga', cursive;
  font-size: 19px;
}

body{
  background: url(https://i.pinimg.com/originals/60/5c/1d/605c1da2c28f194732824735911841a9.gif);
  background-size: 50em;
}

main{
  background: black;
  color: hotpink;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: 0px 0px 50px hotpink;
  text-shadow: 0px 0px 10px hotpink;
}

.friends{
  color: white;
  box-shadow: 0px 0px 10px hotpink;
  margin-top: 20px;
  margin-bottom: 50px;
  background: url(https://tse2.mm.bing.net/th/id/OIP.tHiTnwQzAmlKXcZQ27s1wgAAAA?pid=ImgDet&rs=1);
}

table.comments-table{
  background: url(https://tse2.mm.bing.net/th/id/OIP.5SDiYyOEZ6ihhQEKNgxK9wHaEk?pid=ImgDet&rs=1);
  color: white;
  display: block;
  height: 303px;
  overflow-y: scroll;
  box-shadow: 0px 0px 10px hotpink;
}

.profile .blurbs{
  background: url(https://tse2.mm.bing.net/th/id/OIP.5SDiYyOEZ6ihhQEKNgxK9wHaEk?pid=ImgDet&rs=1);
  display: block;
  height: 303px;
  overflow-y: scroll;
  box-shadow: 0px 0px 10px hotpink;
}

.profile .mood{
  margin-top: 15px;
  margin-bottom: 15px;
}

a:hover{
  color: hotpink;
}
a{
  color: white;
}

nav .top{
  background: black;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0px 0px 50px hotpink;
  background: url(https://tse2.mm.bing.net/th/id/OIP.tHiTnwQzAmlKXcZQ27s1wgAAAA?pid=ImgDet&rs=1);
}

nav .links{
  background: transparent;
  margin-bottom: 20px;
}

.general-about .profile-pic img{
  border-radius: 10px;
  box-shadow: 0px 0px 20px hotpink;
  border: magenta 5px solid;
}

footer{
  background: transparent;
  color: white;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: black;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black; 
  background: url(https://tse2.mm.bing.net/th/id/OIP.tHiTnwQzAmlKXcZQ27s1wgAAAA?pid=ImgDet&rs=1);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: hotpink; 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: lightpink; 
}
</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 20 of 27 comments ( View all | Add Comment )

xXGr3ys0nXx	1716663982 Using it now thx! :3 Report Comment
xXGr3ys0nXx	1716663981 Using it now thx! :3 Report Comment
JUNK0_XDD	1713681333 using now!! :D Report Comment
•.¸♡ Tommy ♡¸.•	1706541915 Using! :3 Report Comment
𖤐louis aka eden𖤐	1700633724 USING!! :3 Report Comment
Bl00dL0st >_<	1700242596 Us1ng Report Comment
XxKilla_KrisxX	1700145688 haiii me again,,,, im using the code u made 2 make my own layout and I want to know how you got the font ? I clicked the link but it looked pretty messy haha Report Comment i got it frm google fonts !! by ⨂ valerie vengeance ⨂; 1700145729; Report i see... tysm !! by XxKilla_KrisxX; 1700145777; Report yw :] by ⨂ valerie vengeance ⨂; 1700146318; Report ok im back..... how did u get it to work and how did you find a font ?? :0 by XxKilla_KrisxX; 1700146376; Report i ususally look in the display fonts section (in filters). when you find 1 u like press the little plus button next to the font weight you want (if there r multiple; if not jst press the 1 for regular). then it'll open a little tab to the side of the page. scroll down nd click '@import', then copy both the style part and the css specifications part (font family). put the @import section at the top/bottom of ur code and put the font family part in whatever section u wnt 2 have that font (ex. headings, paragraph text, comments section, etc.) by ⨂ valerie vengeance ⨂; 1700146972; Report i hope that makes sense lol by ⨂ valerie vengeance ⨂; 1700146982; Report
OBSIDIAN_org	1699957455 im being hypnotized help. [USING THISS ^_^] Report Comment
XxKilla_KrisxX	1699662313 hey there! when i used this, it wouldn't let me put images in my about me section O_O. any idea why this is case or am i just using imgur wrong ? Report Comment hi! thats probably because imgur doesnt let people use their images on spacehey anymore. try using imgbb to host them instead :] by ⨂ valerie vengeance ⨂; 1699662451; Report oh thx!! by XxKilla_KrisxX; 1699662667; Report yw ^_^ by ⨂ valerie vengeance ⨂; 1699662743; Report still not working..., ,, :'( by XxKilla_KrisxX; 1699663041; Report hmm,,, r you putting the links in right? it shoult be < img src="LINK" / > (without the spaces ofc) by ⨂ valerie vengeance ⨂; 1699663091; Report ohhh sorry im new to the site..... ill try that thank u sm !!! by XxKilla_KrisxX; 1699663163; Report of course!! dw about it man :] by ⨂ valerie vengeance ⨂; 1699663220; Report
♡ Liam/Willow ♡	1699507569 Using!! I love this background btw! :D Report Comment thx! by ⨂ valerie vengeance ⨂; 1699524811; Report You're welcome! ^w^ by ♡ Liam/Willow ♡; 1699553728; Report
some guy !?	1699175736 omg its u ! Report Comment crazy by ⨂ valerie vengeance ⨂; 1699188797; Report
sigurd	1699156872 using:) Report Comment
HavenTheSillying	1699080110 Using! Report Comment
Tyra's unknown author	1698679069 i might use this for one of my blogs (i spelled might wrong srry) Report Comment
ɃƗŁŁ ȻƗⱣĦɆɌ	1698449297 Using!!!!! Report Comment
Vflip	1698417068 using!! Report Comment
juni	1697997931 using!!: ) Report Comment
ASSNOGULARALICIOUS38	1697926313 using!! Report Comment
Uzi!!	1697544258 USING!!! Report Comment