cool layout !! with loading screen :3

Tags: nostalgia, loading screen, blue

Description:

comes with a cute loading screen ! please credit if used <3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by оливер (https://layouts.spacehey.com/layout?id=33291) -->

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://i.pinimg.com/originals/85/d7/96/85d796514cd6324335893814cfd11056.gif);

} 
.profile {
   background-image: url(https://i.pinimg.com/originals/c3/95/8e/c3958ec8414f4b476e991750cf18187d.gif); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(376bff);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: blue;
   color: rgb(376bff);
}

nav .top {
    background: #1D4ED8;
    background: url(https://i.pinimg.com/564x/b5/53/6c/b5536c41c5c13564685e6961b2acd816.jpg) fixed repeat top;
    padding: 15px 10px 16px 10px;
    display: flex;
    background-size: cover;
    background-position: bottom;
}

footer:after{

bottom: 30%;

font-size:0;

left: 65%;

position:fixed;

pointer-events: none;

content:url(https://o.remove.bg/downloads/9739be59-f117-4ca6-8647-8d1ec268e294/3f860f1730064a261249fd937507eb8e-removebg-preview.png);

}


footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/b5/53/6c/b5536c41c5c13564685e6961b2acd816.jpg);
    color: white;
}



.inner {
       color: #2f6b6ade !important;
    background: url(https://i.pinimg.com/564x/27/32/a7/2732a73fb35433b35f7451a9a5f282f0.jpg);
    border: 6px double #000;
    background-color: #ffffff;
    background-color: #000000de;
    border-radius: 0px !important;
    box-shadow: 5px 8px #3fd0ff !important;
    background-blend-mode: color;

}



table.comments-table td {
    color: rgb(ffffff);
}

:root {
    --logo-blue:white;
    --darker-blue: light blue;
    --lighter-blue: white;
    --even-lighter-blue: ;
    --lightest-blue:;
    --dark-orange: white;
    --light-orange: light blue;
    --even-lighter-orange: blue;
    --green: pink;
}
</style>

<style>

.profile-pic > img { display:none; }

.profile-pic:after { background-image: URL("https://i.pinimg.com/originals/68/a5/8a/68a58a9a8efdeabb4294df29456b9c3a.gif"); display: inline-block; content:"" }

.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 

</style>

<style>.online { visibility: hidden; } .online img { content: url("https://64.media.tumblr.com/6e8fc1bc4cc48daefca8bb152c6cbf1e/tumblr_ogch69XRlu1vdf1bfo9_100.gifv"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 10px groove white !important;   

        

    }

</style>


<style>

.contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://64.media.tumblr.com/7005374ad7f975502393528891320e49/b4746bdbb4997815-df/s75x75_c1/016afb24bc42663d8449b78a3741ec4492ce5fd2.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/cb7fb54eb0804dced2744ec093477c0e/b4746bdbb4997815-65/s75x75_c1/eb2dda3b46b804195586b0fac0e927b4efac7e46.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/c871270a021b65f056c6ee627a45b31f/b4746bdbb4997815-21/s75x75_c1/984caafe8b5bca3782a595f77db73d252b87d7fc.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/96476a79bcf0cef9bf60087fc2307ea2/b4746bdbb4997815-73/s75x75_c1/dc34bbef39363af9e39410deb69b769fb1714ab8.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/b29573f4a51d4f75537d7f9e5017f81e/b4746bdbb4997815-1d/s75x75_c1/b0ed5fdb15fef1c5fdb79e251b4e8a425e60ceeb.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/7084242d711f76e935bfddf1e59ae6d3/b4746bdbb4997815-e2/s75x75_c1/c7e86908b86354af6e23270067ce6ccbc06e8987.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/08de6dbfb4dc793ad803842487dc689c/b4746bdbb4997815-30/s75x75_c1/e113674abedfb44e71e4ac318415bebb6bc19bd8.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/a404105fb71eb8ea9d2c618a5d1bebdb/b4746bdbb4997815-9f/s75x75_c1/b373b5764a379488d22d13353c27cf4ab71c0050.gifv")
    } 

<style>




body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/63/6d/af/636daf09bf958c068dde2fff9d2e17ba.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;}

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

</style>

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

jay 📸⋆.ೃ࿔*:･	1715877962 hey dude! not using ur layout yet but couldnt help but notice the familiar sparkles. are those from the sonic ova by any chance xxxxxx Report Comment
Ozzie	1711294977 Using !! Report Comment
acey>.<	1705881035 using!!! Report Comment
jesse :3	1700816859 usingg!! Report Comment
sage	1699307739 using !! :3 Report Comment
entrete	1698405251 im gonna test this!! Report Comment
deadgirl140	1692657278 i dig this Report Comment
harold4laifu	1690050860 Gonna try out! Report Comment
SpookEbi	1688888061 Will use Report Comment
BubblyMuffinz240	1688845482 I want to use this! Report Comment
cementeater9000	1688680739 will be using this! Report Comment
TNTaustin	1688481726 gonna try it out so prob using :d Report Comment
vera x33	1687641228 I will be using this, you are very creative!! x33 Report Comment
lace	1687109594 oh em gee this is so cute! I will be using this :33 Report Comment yayayy :33 by оливер; 1687151106; Report very cute i love the little goober on it by kieran; 1687162020; Report