borzoi layout

Tags: animation, music, blue, gif, simple, dog, borzoi, lofi, autoplay, 2000s

Description:

(AUTOPLAYS MUSIC) gif loading screen animations fonts - plays "Communist Daughter" by Neutral Milk Hotel comment if using!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by harley ༘⋆ (https://layouts.spacehey.com/layout?id=32851) -->

<style>
*ANIMATION OVERLAY*/
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}


.online{content:url("https://dl.glitter-graphics.com/pub/769/769008u5kw9iin2y.gif");}

</style>

<style>

body:before {

padding: 1em;

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://64.media.tumblr.com/11a3b0261f9f3f5811971ea3fc00ab81/39cd138971b142ae-bc/s540x810/c0ebb610191d7b7f31b7e1c829034037ea5b8710.gifv');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat838.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/11/23/big-lady-bug.html" target="_blank" title="Big Lady Bug"><img src="https://cur.cursors-4u.net/cursor.png" alt="Big Lady Bug" style="position:absolute; top: 0px; right: 0px;"/></a>

<img src="https://i.pinimg.com/564x/c2/8a/bc/c28abced64fa900903fb5470704dc823.jpg"/>

 <style>


.search-wrapper input[type=text] {background-color: rgba(255,255,255) !important;border: 1px dotted var(--headers) !important;color:pink; !important;border-radius: 10px !important;}
                                button{border-radius: 10px !important;border: 1px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color:rgba(255,255,255) !important;color:var(--headers) !important;}



.profile-info {
border: 0px solid rgb(255, 0, 0);
display: flex;
align-items: center;
justify-content: center;
padding: 15px 5px;
margin-bottom: 10px;
background-image:url(https://i.pinimg.com/564x/9b/11/ae/9b11ae5df6f9805ed706e4e5fbef9a67.jpg);
}	



.contact {
  border-radius: 25px;
  background: url(https://i.imgur.com/2GoNUS1.jpeg);
  background-position: center;
  background-repeat: repeat-y;
  padding: 20px;
  width: 200px;
  height: 150px;
}


  table, tr, td { 
  background-color:transparent; 
 } 

  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px; 
 } 

  table table table { 
  width:80%; max-width:600px; } table table table table { width:100%;; 
 } 

  body, .bodyContent  { 
  background-image:url(https://64.media.tumblr.com/d578739c433f7670fb58c5884858a495/39cd138971b142ae-70/s540x810/7647548dbf4fa2c71a8503e2861ed338d32a7b7d.gifv); 
 background-position:fulltile; 
 background-attachment:fixed; 
 background-repeat: no-repeat;

 } 

  table table { 
  border:0px; 
 } 

  table table table table { 
  border:#c8cac9;
 background-image: none; 
 background-color:transparent; 
 } 

  table table table { 
  border-style:#c8cac9; 
 border-width:none; 
 border-color: transparent; 
 background-attachment:fixed; 
 } 

  table table table td { 
  background-color:#a0bdc2; 
 } 

  table, tr, td, li, p, div,.text,.redtext, .blacktext12  { 
  color:#c8cac9; 
 } 

   .whitetext12, .orangetext15 { 
  color:#c6d9dd; 
 } 

   .lightbluetext8, .blacktext10, .redbtext,.btext  { 
  color:#13281e; 
 } 

   .nametext { 
  font-family: inconsolata, monospace;
  color: #3a4e3f; 
 } 

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 
  color: #657878;
 } 

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 
  color: #68359B;
 } 



 </style>

 







<style>

nav {
  overflow-x: hidden;
  position: relative;

}

nav .top {
  background: url(https://i.pinimg.com/564x/cf/10/9b/cf109bcfe51f1e2fc6b79e4206bd5bcd.jpg); }

nav .links {
  background: ) ;
}

nav { background-image: ; }

body {
  /* sets background */
    background-image: transparent;
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: 60% ;
   
    

  }


:root {
        --logo-blue: #86a0a7;
        --darker-blue: #3a4e3f;
        --lighter-blue: ##86a0a7;
        --even-lighter-blue: #86a0a7;
        --lightest-blue:#86a0a7 ;
        --dark-orange: #D8BFD8;
        --light-orange: ;
        --even-lighter-orange: #a0bdc2;
        --green: #86a0a7;
    }

main {
  /* changes made to stuff outside of columns */
    background: #c8cac9;
    padding: 0;
    font-size: 100%;
    color: var(--light-orange);
  }

img {
  opacity: 0.7;
}



main {
  
  color: #000000;
}

.profile h1 {color: #3a4e3f;}

body { 

font-family:  monospace;

</style>


<style>
 }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</style>


<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

</style>
<div class="silly"></div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/YDSzfpomRFA//?&;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>

<iframe width="0" height="0" src="https://www.youtube.com/embed/vz91QpgUjFc//?&;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>

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

chadifer<3	1715119161 Using! Report Comment
nana	1713628073 using Report Comment
eva	1713227333 using! Report Comment
cyrus	1711613042 using thank u :) Report Comment
kipp	1711512815 using!!! Report Comment
Zach	1711301453 For some reason my "About me" and "Who I'd like to meet" don't show?? Report Comment
chadifer<3	1711210180 oh im USING THIS. Report Comment
chadifer<3	1711210176 oh im USING THIS. Report Comment
dee𖤐jay	1710192741 this whole layout is strangely calming, love it Report Comment
skillet🍳	1707175135 love neutral milk hotel ! DEFINTELY using!!!! :v Report Comment
Juzzlee	1706752297 using :3 Report Comment
richie :3	1705683315 using !! :3 Report Comment
BEN ↆ	1705596038 USIIING Report Comment
‧͙⁺˚･༓☾᭙ⅈꪶꪶⅈꪖꪑ☽༓･˚⁺‧͙	1701634142 using:3 thank u Report Comment
CR4IG	1700856533 using! ^_^ Report Comment
‎‧₊˚✧K0BY✧	1699480131 m1ght us3 Report Comment
🎵 ESTEREZZTUFF 🎶	1698517010 using! Report Comment
mal ´ᴥ`	1693893183 this is so cute Report Comment
Zoe !! ☆	1693732115 using Report Comment
oliver	1693697113 using ! Report Comment