I update this as I change layouts, and if anyone wants it, I will make one for my previous layouts as I change them. None of these are mine.
Credits are above the code and below everything else!!
Credit:
^^^made by @pr3ttiestgirlinthemorgue on tumblr
^^ made by @paleboyblue on tumblr
^^ made by @moth-bitch-2002 on tumblr
^^@snakestuff on Pinterest
^^ created by PAWSIEPOPS (https://layouts.spacehey.com/layout?id=102873)
bluelagoonz on tumblr for the transmasc swag blinkie
^^ @alfieandrews on tumblr
Autoplay:
link to the YouTube autoplay code
The song is Slow Ride - Sublime
^thats what the code is for :)
<iframe width="0" height="0" src="https://www.youtube.com/embed/d_hDYOyjsUE?si=cQmOd6hrQLibYELL//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Layout:
<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=83385) -->
<marquee><h1> <a href="https://spacehey.com/gods_worst_angel">layout by valerie</a> </h1></marquee>
<style>
img{
filter: saturate(200%);
}
img:hover{
transition: 2s !important;
filter: blur(1px) grayscale(100%);
}
</style>
<style>
body{
background: url(https://i.pinimg.com/564x/44/e3/65/44e3651546399e970a544372bac0edf1.jpg);
background-size: 300px;
}
main, nav .top, nav .links, footer{
background: rgb(172, 1, 0, 0.5);
color: white;
border: white 3px solid;
border-radius: 10px;
margin-top: 25px;
margin-bottom: 25px;
}
.profile .table-section, .profile .friends, .blog-preview{
background: url(https://i.pinimg.com/236x/2d/11/31/2d11317428fc56ea966916abc1726b9f.jpg);
color: white !important;
border: white 3px solid;
border-radius: 10px;
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
}
.profile .blurbs{
background: url(https://i.pinimg.com/originals/98/91/ce/9891ced35da83d5d5fc66faf00746ac9.jpg);
color: white !important;
border: white 3px solid;
border-radius: 10px;
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
word-wrap: break-word;
}
.profile .contact, .profile .mood, .friends{
color: white !important;
border: white 3px solid;
border-radius: 10px;
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
}
.profile .contact, .profile .mood{
background: url(https://i.pinimg.com/originals/98/91/ce/9891ced35da83d5d5fc66faf00746ac9.jpg);
}
.profile .url-info{
background: url(https://i.pinimg.com/originals/4f/69/d3/4f69d37b6c38f227557490224dd60475.jpg);
background-position: center;
background-size: 400px;
height: 210px;
font-size: 0px;
border: white 3px solid;
border-radius: 10px;
}
.profile-info{
background: url(https://i.pinimg.com/originals/49/a7/77/49a77728896abda1d0f00a5a32750551.jpg);
background-size: 450px;
background-position: center;
height: 200px;
font-size: 0px;
border: white 3px solid;
border-radius: 10px;
margin-bottom: 25px;
}
.friends#comments{
background: url(https://i.pinimg.com/236x/2d/11/31/2d11317428fc56ea966916abc1726b9f.jpg);
}
.heading{
background: black !important;
border-radius: 10px;
}
a, nav .links a, nav .top a, footer a{
color: white;
}
a:hover, nav .links a:hover, nav .top a:hover, footer a:hover{
color: #424242;
text-decoration: line-through;
text-transform: uppercase;
filter: blur(.5px);
}
button{
color: white !important;
border: none !important;
background: none !important;
}
button:hover{
color: #424242 !important;
text-decoration: line-through !important;
text-transform: uppercase !Important;
filter: blur(.5px) !important;
}
: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;
}
.profile-pic img, .friends img{
animation-name: floating;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 0px;
margin-top: 0px;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 5px); }
100% { transform: translate(0, -0px);
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )