fluttershy layout!!!1! (fixed)

Tags: fluttershy, mlp, simple, my little pony, pink, cute

Description:

includes scrolling friends!!!! credit if used Update 6-3-24– Fixed all errors!!

Preview:

click on the image for a larger preview

Code:

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

<div class="flutter"></div>

<style>
   .flutter {
background: url(https://www.yalsa.ala.org/thehub/wp-content/uploads/2014/06/Fluttershy.png) no-repeat;
background-size: 100%!important;
position: fixed;
right: -35px;
bottom: -10px;
height: 470px;
width: 567px;
z-index: 1000;
}


</style>

<style>
 
  body {
   background-image: url(https://i.postimg.cc/Gt0sD2cm/IMG-3506.jpg);
</style>

<style>
        .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

    direction: ltr;

   }


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


<style>
.friends-grid::before {
	width: 1000px;
	height: 80px;
	object-fit: cover;
	margin-bottom: 10px!important;
}


.friends-grid::before{
    content: " ";
    display: flow-root;
    font-size: 30px;
    color: var(--lighter-blue);
    font-weight: 800;
    text-align: center !important;
    margin: 10px 300px 500px 0px;   
    position: relative;
  animation-fill-mode: forwards;
}
.friends {
border: none;
    overflow: hidden;
}

.friends-grid {
  position: relative;
  animation: myfirst 15s linear infinite;
  animation-fill-mode: forwards;
}
 
@keyframes myfirst {
0% {left:-1550px;}
100% {left:500px;} 
}

.friends-grid {
	display: flex;
	flex-wrap: nowrap;
}
</style>

<style>
main:before {
      background-image: url('https://derpicdn.net/img/view/2015/10/11/999918__safe_solo_fluttershy_animated_cute_food_shyabetes_cookie_balancing_artist-colon-duo+cartoonist.gif');
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 98%;
    height: 185px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }
</style>

<style>
 div.contact > div.heading > h4:before{
        content: url(https://s3.us-west-2.amazonaws.com/secure.notion-static.com/65b5efdf-5a4d-4c99-b492-a832641ed976/ezgif-4-ab5ae0f588.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20230312%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20230312T080805Z&X-Amz-Expires=86400&X-Amz-Signature=978f45afe8f167f66fb0bbaba5c15336f387c2f374bc031360342b2b9eaf5c8f&X-Amz-SignedHeaders=host&response-content-disposition=filename%3D%22ezgif-4-ab5ae0f588.png%22&x-id=GetObject);
    }
    
    DIV.table-section:nth-child(6) > DIV.heading:before{
        content: url(https://s3.us-west-2.amazonaws.com/secure.notion-static.com/65b5efdf-5a4d-4c99-b492-a832641ed976/ezgif-4-ab5ae0f588.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20230312%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20230312T080805Z&X-Amz-Expires=86400&X-Amz-Signature=978f45afe8f167f66fb0bbaba5c15336f387c2f374bc031360342b2b9eaf5c8f&X-Amz-SignedHeaders=host&response-content-disposition=filename%3D%22ezgif-4-ab5ae0f588.png%22&x-id=GetObject);
    }
</style>

<style>
.online{content:url("https://s3.us-west-2.amazonaws.com/secure.notion-static.com/263650ae-d49d-483d-8c00-6682e173ac64/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20230312%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20230312T081256Z&X-Amz-Expires=86400&X-Amz-Signature=c53d7733a00fbcee1527d857b010f29211e704af1d3a366f90bea4736544f620&X-Amz-SignedHeaders=host&response-content-disposition=filename%3D%22Untitled.png%22&x-id=GetObject");
}
</style>


<style>

body {cursor: url('http://www.rw-designer.com/cursor-view/126298.png'), auto; }

</style>

<a href="https://blinkies.cafe" target="_blank"><img src="https://cdn.discordapp.com/attachments/1066531826509815838/1084939295548264541/IMG_6087.gif"/></a>

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

Mady❦︎	1748402748 using! Report Comment
Abee⁉️	1734492029 Using! Report Comment
Megan	1734236206 using :3 Report Comment
eriberrie	1730072118 Using!! Report Comment
★zip likes wafflezXp★	1728139486 Using!!!! Report Comment
Clyde! :3	1727555027 Using! ^^ Report Comment
raf	1727157592 Using Report Comment
sim	1725214962 using!! :3 Report Comment
Choco<3 🎀💉	1723693841 using!! <3 Report Comment
Stellan	1723125310 Using thank you so much!! Report Comment
Kim	1722912211 using!! Report Comment
‘ Fiona ♱ 𓈒 ˶	1719003694 using! i love it sm :3 Report Comment
aubrey!!	1717271947 totally using this!! Report Comment
Mia.🎀🤍	1713037791 Usinggg Report Comment
Mia.🎀🤍	1713037783 Usinggg Report Comment
Mia.🎀🤍	1713037783 Usinggg Report Comment
Mia.🎀🤍	1713037783 Usinggg Report Comment
Mia.🎀🤍	1713037783 Usinggg Report Comment
Mia.🎀🤍	1713037783 Usinggg Report Comment