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

ion	1731856766 using Report Comment
ss4rvz	1729265828 using Report Comment
⋆˚࿔ OceanDweller [OD] 𝜗𝜚˚⋆	1728462701 usingggg Report Comment
_OffGrAinFABric_	1725209388 using! Report 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 sorry for the late reply haha, i actually dont know by олли; 1730247009; Report
Ozzie	1711294977 Using !! Report Comment
acey>.<	1705881035 using!!! Report Comment
sage	1699307739 using !! :3 Report Comment
sc4tt3rbr41n5	1698405251 im gonna test this!! Report Comment
ikki	1692657278 i dig this Report Comment
harold4laifu	1690050860 Gonna try out! Report Comment
Astraeus	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