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

valee__.	1732206751 using! Report Comment
qqv	1730503224 this is so cute Report Comment whos that in ur pfp by dee𖤐jay; 1734973695; Report
yukes!!	1730238613 using!! Report Comment
soph🐞	1728357049 using !! Report Comment
cooper	1727304524 using almost all!! (changed the cursor) Report Comment
Nina✩	1724620589 Using! Report Comment
дыньчик	1717707806 using Report Comment
SOD☆!!! [AUTOPLAY] 🏳️‍⚧️	1716939135 using parts of it! (mainly images) Report Comment
spydrbones	1715119161 Using! Report Comment
nana	1713628073 using Report Comment
eva	1713227333 using! Report Comment
himynameiscyl	1711613042 using thank u :) Report Comment
Zach	1711301453 For some reason my "About me" and "Who I'd like to meet" don't show?? Report Comment
spydrbones	1711210180 oh im USING THIS. Report Comment
spydrbones	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
RealBonSmith	1706752297 using :3 Report Comment
fraser / spencer :3	1705683315 using !! :3 Report Comment
Caleb	1705596038 USIIING Report Comment