taylor swift folkore layout + august autoplay

Tags: taylor swift, folklore, august, fandom, simple

Description:

my first time making a layout, i apologize if there's a lot of useless code. if you use this pls leave a comment or add me.

credit isn't necessary but i'd really appreciate it :)

feel free to change it however you want, if you don't want the song you can delete the last code.

film grain effect credit to cory!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@1&display=swap');
body{
 font-family: 'IM Fell DW Pica', serif;
 font-size:23px;
text-transform: lowercase;
}

:root {
 --logo-blue:#3B3B3B;
 --darker-blue:#283A3C;
 --lighter-blue:#515151;
 --even-lighter-blue:rgba(100, 97, 82, .2);
 --lightest-blue:rgba(147, 135, 119, .2) ;
 --dark-orange:#3B3B3B;
 --light-orange:rgba(100, 97, 82, .6);
 --even-lighter-orange: rgba(147, 135, 119, .6);
}

body{
    background: url('https://taylorpictures.net/albums/photoshoots/2020/folklore/001.jpg') center fixed
}

.container{
    width:900px;
    margin-top:50px!important;
	margin-bottom:50px!important;
}

main{
    background:none;
}

.profile{
    background-color:rgba(233, 233, 233, .55);
    border:2px solid rgb(23, 23, 23) !important;
}

.top{
    background-image:url('https://taylorpictures.net/albums/photoshoots/2020/folklore/014.jpg') !important;
    background-size:269px!important;
    border:2px solid rgb(23, 23, 23) !important;
}

.links{
    background-color:transparent!important;
    margin-top:4px!important;
    font-size: 18px;
    text-align: center !important;
    text-shadow:0px 0px 2px #21261F;
}

.links a{
    color:#212121!important;
}

button{
    color:#323232;
    background:rgba(182, 183, 183, .5);
    border:none;
}

h1{
    text-align: center!important;
}

.profile-pic img{
    border:1px solid rgb(23, 23, 23) !important;
}

.mood{
    text-align: center;
}

.search-wrapper input{
    font-size:14px;
    font-family: font-family: 'IM Fell DW Pica', serif;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
	content: " • "
}

.left, .right{
    color:rgb(23, 23, 23)!important;
}

.friends .person p{
    color:#283A3C!important;
}

.count {
color:#786B5B!important;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active{
    color:#856F5A!important;
    text-decoration: none!important;
}

.profile .comments-table{
    border:1px solid #515151 !important;
}

.profile .comments-table .comment-replies{
    border:3px solid #515151 !important;
}

footer{
    border:2px solid rgb(23, 23, 23);
}

.online{
    color:#283A3C;
}

.online img{
    filter:brightness(0) saturate(100%) invert(15%) sepia(4%) saturate(3565%) hue-rotate(138deg) brightness(98%) contrast(82%);
}

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%) }
}
</style>

<style>
    .comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}
</style>

<style>
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background:#323232;
    
}
::-webkit-scrollbar-thumb {
    background:rgb(100, 97, 82);
}
::-webkit-scrollbar-thumb:hover {
    background: #515151;  
}
</style>

    <!-- background music player -->
<iframe id="ytplayer" width="0" height="0" src="https://www.youtube.com/embed/dhG9ugAbzlI?autoplay=1&controls=0&fs=0&loop=1&playlist=dhG9ugAbzlI" frameborder="0" allowfullscreen=""> </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 27 comments ( View all | Add Comment )

𝑪𝒂𝒓𝒐𝒍𝒊𝒏𝒂 𝑨. "𝑩𝒖𝒄𝒌𝒍𝒆𝒚"	1768425195 USIING Report Comment
nina	1762859171 using!! thank u smmm Report Comment
Margot Comiskey	1759627413 i wanna use it, its perf!!!!!! Report Comment
୨ৎ samuel	1757360144 USINGG Report Comment
evangeline audrey⸆⸉౨ৎ	1755765305 TY ITS SO PRETTYY Report Comment
ᖭི༏ᖫྀ☆Ali☆	1750041704 maybe usingg Report Comment
tellitabi	1742224844 using!! so great Report Comment
ria❀	1737718757 using !!so pretty Report Comment
sidney	1733515005 thanks so much for this <333 Report Comment
✰ emm :3 ✰	1733187405 usinggg!! this is awesome sauce Report Comment
charlii	1732379755 using this! ty for the pretty layout. i love folklore so much! Report Comment
LisTik🌿	1729511462 Using Report Comment
𝓅𝑒𝓁𝓁𝑒𝓃𝑔𝓁𝒶𝓃𝒹 *	1719369613 using Report Comment
brooke!!!	1712013837 using!!! thank u smm Report Comment
Tina ᥫ᭡	1709976592 Using 🤍 Report Comment
Reese ‧͙⁺˚*･༓☾	1707132859 using <3 Report Comment
dasha	1706983791 using!!^^ Report Comment
laraaa	1706811003 using Report Comment
✭𝖌𝖊𝖔𝖗𝖌𝖎𝖊✭	1705122902 using thank you!! Report Comment
mohammad	1701209148 using Report Comment