layout req fall out boy

Tags:
Description:

fall out boy :3
Code:

<!-- (c) Layout created by ⭐🌸A nerdy artist (Rae Taylor irl)🌸⭐🍉  (https://layouts.spacehey.com/layout?id=86069) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/UD7l7e8SH4k?loop=1&autoplay=1&controls=0&start=0&playlist=UD7l7e8SH4k&" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
</iframe>
<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://anewchanceanewday.neocities.org/tumblr_fe6b2ab2988241fb80e47e27e00e66af_7427b887_1280-removebg-preview.png');
}
.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>
<style>
.online {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
</style>

<style>

.contact .heading h4{
display:none !important;}


.contact .heading{ font-size:0.1px; }
.contact .heading:before{ content: rgb(0,0,0); 
width: 250px;
height: 141px;
border-radius: 15px !important;
overflow:hidden;
}
.online{
content: url(https://external-media.spacehey.net/media/swSI2m09uaH69M2bwBGrrmKoQuHpvzImSgRjLNseIivs=/https://www.theaudiodb.com/images/media/album/cdart/take-this-to-your-grave-4e6bd65e42d36.png);
    width: 120px;
    height: auto;
    animation: rotation 3s infinite linear;
}

@keyframes slide {
		0% {
		  transform: translate(0);
}
		100% {
		  transform: translate(-100px, 100px);
}
	}
body::after {
	content:"";
	display:block;
	position:fixed;
	top:-500px;
	left:-500px;
	background: url("https://img.wattpad.com/0b838e9ab60bf78feab4428514505af931b1025c/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f6b68777963366f673649786d73413d3d2d3335382e313563393631313838653037396161313936343734333134303832382e6a7067");
	height: 200%;
	width: 200%;
	animation: slide 10s linear infinite;
	z-index:-1;
}
</style>
<!-- (c) Layout created by # frankie / valerie ᶻz (https://layouts.spacehey.com/layout?id=83962) -->


<style>
body{
background: url(https://64.media.tumblr.com/1009d7d8ba3794ee0222215eaf42b573/9554a605a326738a-8b/s1280x1920/bcda22a7b7fcb8abcfcb66598fcad84737ee2a24.gifv) center;
background-size: cover;
background-attachment: fixed;
}

main, nav .top, nav .links, footer{
background: rgb(53,162,255, 0.7);
border: 4px dashed white;
border-radius: 10px;
color: white;
text-transform: lowercase;
margin-top: 25px;
margin-bottom: 25px;
}

a, nav .top a, nav .links a, footer a{
color: white;
}
a:hover, nav .top a:hover, nav .links a:hover, footer a:hover, .friends a p:hover{
color: rgb(0,57,50) !important;
}

nav .links a{
text-shadow: none;
}

.profile-pic img, .friends img{
  border: 3px dotted white;
  border-radius: 10px;
  filter: saturate(200%);
}

.general-about{
  background: rgb(0, 0, 0);
  border-radius: 8px;
}


.heading{
  background: rgb(0, 0, 0) !important;
  color: white !important;
  text-align: center;
  border-radius: 8px;
}

.profile .url-info{
  text-align: center;
}

.profile-info{
  background: url(https://m.media-amazon.com/images/I/71DDvglMdVL._UF1000,1000_QL80_.jpg) center;
  background-size: cover;
  border: 3px outset white;
  border-radius: 8px;
  height: 150px;
  font-size: 30px;
  font-style: bold;
}

.profile .mood, .friends, .blog-preview{
  text-align: center;
}

.comments-table td, .profile .contact{
  border: none;
}

.friends a p{
  color: white !important;
}

button{
  color: white !important;
  border: dashed 2px white;
  background: none;
}

button:hover{
  color: rgb(7,107,109) !important;
}

nav .links li:not(:last-child)::after{
  content: "💙";
  color: var(--headers);
}

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


}
</style>
<img src="https://static.wikia.nocookie.net/vgost/images/e/ec/FallOutBoy.png/revision/latest?cb=20200309032634" style="position:fixed; bottom:0px; left:536px; right:0px; width: 440px; z-index: 900;"/>

<style>* {cursor: url(https://64.media.tumblr.com/37ca8a9384ffad8c360ffcff6c59235e/9aeefa69b0d28331-65/s75x75_c1/f42deaada885b160fd8272f8c3099843f1ce8000.gifv), auto;}</style><!-- (c) Layout created by ✨ Ava :3 ✨ (https://layouts.spacehey.com/layout?id=40272) -->

<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/41f9d0aaa6b3ca61e3716a2e3769160d/caef1a1795697a84-b8/s75x75_c1/1955cb946f201590fa8c0a4f217d69c36defbe8e.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/ba5525edc2011450f1ab4e1c05ec435d/caef1a1795697a84-99/s75x75_c1/bd051b375501b771cf74e5333c8aea832aadcbe8.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/41f9d0aaa6b3ca61e3716a2e3769160d/caef1a1795697a84-b8/s75x75_c1/1955cb946f201590fa8c0a4f217d69c36defbe8e.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/ba5525edc2011450f1ab4e1c05ec435d/caef1a1795697a84-99/s75x75_c1/bd051b375501b771cf74e5333c8aea832aadcbe8.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/41f9d0aaa6b3ca61e3716a2e3769160d/caef1a1795697a84-b8/s75x75_c1/1955cb946f201590fa8c0a4f217d69c36defbe8e.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/ba5525edc2011450f1ab4e1c05ec435d/caef1a1795697a84-99/s75x75_c1/bd051b375501b771cf74e5333c8aea832aadcbe8.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/41f9d0aaa6b3ca61e3716a2e3769160d/caef1a1795697a84-b8/s75x75_c1/1955cb946f201590fa8c0a4f217d69c36defbe8e.gifv"/></div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style></div>
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 1 of 1 comments ( View all | Add Comment )
cairo
1699830002
using <3 thank you!!
Report Comment
np!!
by ⭐🌸A nerdy artist (Rae Taylor irl)🌸⭐🍉; 1699877144; Report