FRIENDS TV Show

Tags: savi, friends, simple, black and white, bw, layout

Description:

Included in this layout:

Turkey Online Notification

Falling Chicks and Ducks

"Hello, welcome" intro with Friends umbrella gif.

Friends theme song auto playing to your profile.

Name zooming in and out.

Hidden features such as:

Friends, comments ect...

To add a comment button copy and paste this code at the very end.

To get the comment url, go to your profile page and select "add comment" copy the url below.

<a href="INSERT URL HERE"><u>Comment</u>

Enjoy!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Savi  (https://layouts.spacehey.com/layout?id=1811) -->

<style>

:root {
        --logo-blue:000;
        --darker-blue:000;
        --lighter-blue:000
        --even-lighter: 0000;
        --lightest-blue:000
        --dark-orange:000
        --light-orange:000
        --even-lighter-orange:000;
        --green:000;
    }
    #comments {display:none !important;}

.blurbs .heading{display:none !important;}

.right .section h4{display:none !important;}

.friends{display:none !important;}

.blog-preview p {display:none !important;}

.blog-preview {display:none !important}

.extendedNetwork {display:none; !important}

.online{color:black; font-family:Monospace; !important;}
   
.online { visibility:; }.online img { content: url("https://friends25app.com/images/Monicas-Kitchen-icon.png"); animation-name:none;visibility:visible; height:40px; width:40px;}


.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px solid gray !important;
outline: none !important;
}

.profile .friends td {
  background:lavenderblush;
  border-radius:px
 

}

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border:none;
    }

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: !important;
        visibility:hidden; display:none;
    }
.friends-grid {
        visibility:hidden; display:none;
    }
    .profile-pic {
        border-radius: 100px;
        overflow: hidden;
        
    }

    footer {
        border-radius: px;
        background: transparent !important;
        display:none !important;
        visibility:hidden !important;
        
 

</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('https://i.pinimg.com/originals/cf/9b/ec/cf9bec7091862bd734c2e5fad28184aa.gif');
	z-index: 100;
	background-size: cover;
	background-repeat: no-repeat;
	animation: slideUp 3s ease 0s 1 normal forwards;
	pointer-events: none;
}

@keyframes slideUp { 0.0%{ } 75%{ transform: translate(0,0); } 100%{ transform: translate(0,-100vh); } } 

</style>

<div class="center" style="text-align:center;"> 
<video poster="https://i.ibb.co/nwhQXNV/lettering-hello-welcome-wrote-by-260nw-1511360117.jpg" width="px" height="80px"></video></div>

<div>
<div class="center" style="text-align:center;"> 
<video poster="http://img2.wikia.nocookie.net/__cb20140531051616/degrassi/images/1/16/Friends_Umbrella.gif" width="px" height="100px"></video></div>


</div>
<style>body {
  background-image: url('http://wallpapercave.com/wp/yXmbxhx.jpg');
}
main {
  background: #ffffff;
  opacity: 0.6;
}
.profile .heading {
  background: #FFFFFF!important;
  color: black!important;
}
.profile h4 {
  color: #000000!important;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(,1) rotate(5deg);
    }
    50% {
        transform: scale(1,1.2) rotate(5deg);
    }
    100% {
        transform: scale(0.5,0) rotate(5deg);
    }
}
.profile .col h1 {
  font-size: 10px !important;
  animation: zoominoutsinglefeatured 1s infinite;
}

</style>


<iframe frameborder="0" scrolling="no" width="0" height="0" src="https://www.youtube.com/embed/2VbODnX0dVs?autoplay=1&amp;fs=0&amp;iv_load_policy=3&amp;showinfo=0&amp;rel=0&amp;cc_load_policy=0&amp;start=0&amp;end=0&amp;origin=https://youtubeembedcode.com"><div>youtubeembedcode pl</div><div></div></iframe>

<div class="snowflakes">


  <div class="snowflake">


   🦆


  </div>


  <div class="snowflake">


  🐥


  </div>


  <div class="snowflake">


  🦆


  </div>


  <div class="snowflake">


  🐥


  </div>


  <div class="snowflake">


  🦆


  </div>


  <div class="snowflake">


  🐥


  </div>


  <div class="snowflake">


    🦆


  </div>


  <div class="snowflake">


    🐥


  </div>


  <div class="snowflake">


    🦆


  </div>


  <div class="snowflake">


    🐥


  </div>


  <div class="snowflake">


    🦆


  </div>


  <div class="snowflake">


    🐥


  </div>


</div>


<style>


/* customizable snowflake styling */


.snowflake {


  color: purple;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px rgba(0,0,0,0.7);


}





@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



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

Angel_winged_bunny

1684094787

i like it its so cute using!

Report Comment

Angel_winged_bunny

1684094785

i like it its so cute using!

Report Comment