bright rainbow neon green and pink layout

Tags: scene, neon, rainbow, bright

Description:

this is my layout!! just incase anyone likes it and wants it :33 (page dolls not included lolololololololololo) cursor included!! not very good looking on mobile sorry UPDATED: july sixteeth 2024 cuz the images didnt work .

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by HIDE−CHAN (^_−)☆ (https://layouts.spacehey.com/layout?id=99887) -->

<style>

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: none;
    scrollbar-color: ; #00ff00
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ff00ae;
    border-radius: 6px;
    border: 0px none #ff00ae;
  }


.general-about .profile-pic img,
.comments-table{
background-color: #ff00dd
}
.profile-info{
border: 6px#00ff1e;
border-radius: 8px;
box-shadow: 0 0 10px #00ff1e;

}

.profile-info {
    border: 6px #ff00ae;
border-radius: 8px;
box-shadow: 0 0 10px #ff00ae;
background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
background-position-y: 148px;
}

body{
background-image: url('https://img1.picmix.com/output/stamp/normal/6/7/6/9/1699676_c4285.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
}

nav .top {
    background: url(https://files.catbox.moe/ygdecz.gif);
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    border: 1px #ff00ae;
    box-shadow: 0 0 10px #ff00ae;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
}

nav .links{
    background: url(https://media.discordapp.net/attachments/1117619838458802216/1208399280679686175/11049375_f5e30.gif?ex=65e32487&is=65d0af87&hm=19f14cc687aeeed1fa82b954898513ba07c5bb34fa7c240375ebc72062b6eaee&=;
    border: 1px solid black;
    box-shadow: 0 0 10px black;
    border-radius: 8px;
    margin-bottom: black;
    text-align: center;

}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 5px black;
    font-size: max(0.98em, 12px);
    background: black;
    border-radius: 8px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ☆ ";
    color: #ff00ae;
}

main{
background: url(https://files.catbox.moe/ijaqix.gif);
border: 2px Solid #11ff00;
}

.online {
   content:url("http://www.myspacegens.com/images/online_now/100.gif");}
}

.contact {
border: 2px Solid #ffffff!important;
}
.url-info, .table-section, .blurbs, .friends, .comments {
background-color: #000000;
border: 2px Solid #11ff00!important;
}

span[itemprop='name'] {
color: #ffffff;
font-size: 16pt;
font-weight: bold;
font-family: Comic Sans MS;
}

h4 {
color: #ffffff;
font-size: 12pt;
font-weight: bold;
font-family: Comic Sans MS;
}

.section h4, .details-table td:first-child {
color: #ffffff!important;
font-size: 12pt;
font-weight: bold;
font-family: Comic Sans MS;
}

a { 
    display: inline-block; 
    transition: .2s ease;
  color: #ff00aa;
} 
 
#hover a:hover { 
    transform: translateY(-20%); 
        animation:  shake 0.8s 
        -webkit-animation:rainbow 1s infinite;
-ms-animation:rainbow 1s infinite;
-o-animation:rainbow 1s infinite;
animation:rainbow 1s infinite;
}
@-webkit-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-ms-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-o-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
} 
 
a{
    color:#ff00aa;
}
 
body,main {
color: #03fc45;
font-size: 8pt;
font-family: Comic Sans MS;
}

.details-table td, .details-table td:first-child{
background-color: #000000!important;
}
.heading{
color: #00ff00
}
.comments-table td{
background: none!important;
}

footer {
    background-color: black;
    border: 1px #00ff1e;
    color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px #00ff1e;
}

#hover a:hover { 
    transform: translateY(-20%); 
        animation:  shake 0.8s 
        -webkit-animation:rainbow 1s infinite;
-ms-animation:rainbow 1s infinite;
-o-animation:rainbow 1s infinite;
animation:rainbow 1s infinite;
}
@-webkit-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-ms-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-o-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
} 

</style>





<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur211.ani), url(https://cur.cursors-4u.net/cursors/cur-3/cur211.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/22/dance-dance-revolution-pink-glitter.html" target="_blank" title="Dance Dance Revolution Pink Glitter"><img src="https://cur.cursors-4u.net/cursor.png" alt="Dance Dance Revolution Pink Glitter" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://files.catbox.moe/tu3vxh.webp');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}


 </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 38 comments ( View all | Add Comment )

kenzzz	1787780717 using Report Comment
Norma Vanity X3	1785958344 Using:3 Report Comment
bunmy ‹𝟹	1785098898 using ^_^ Report Comment
ñoquis 🍜	1778366184 Usinggg Report Comment
🌈CLOWN WITH STRAP🧠	1774140924 USSIINNG Report Comment
Sol♫⋆	1769504644 using !! Report Comment
clementine !!	1768203866 using!! Report Comment
WISP \ ARCADE !!? ~ $WISP \ ARCADE !!? ~'s profile picture$	1765329135 using ueeu so cute cute cute !!!! ^_^ Report Comment
ASTRA_3747 🏳‍🌈🏳️‍⚧️🇵🇱	1758455497 USINGGGG Report Comment
ALTO NICCALS	1758111243 Using!! Report Comment
POOB !!!	1755041774 i just got on here idk wut im doing but evryone else is saying "using" and i am so UUSSIIINNNGGG Report Comment
JAYYY>:3🐾	1754944004 usingngggg Report Comment
comkills	1753696316 using ^^ Report Comment
ֆǟռɨȶʏʄǟʟʟ ☯	1752608555 DAMN IM USING THNAK YOI Report Comment
pia	1741845378 using Report Comment
pia	1741845378 using Report Comment
˚₊‧꒰ა Oblivyon ໒꒱ ‧₊˚	1741062890 using!! Report Comment
Abbssolutely	1740090850 using<33 Report Comment
jaemin	1739395840 using ^_^ Report Comment