Ghost ⛧'s profile picture

Published by

published
updated

Category: SpaceHey

Current layout/autoplay code + credit for blinkie/stamps:)

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>


2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )