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

KoriYII✦	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
lari (taylor's version)	1706811003 using Report Comment
✭𝖌𝖊𝖔𝖗𝖌𝖎𝖊✭	1705122902 using thank you!! Report Comment
mohammad	1701209148 using Report Comment
Naya	1700855517 using this ♡ Report Comment
ꕤ 𝓦𝓲𝓵𝓵𝓸𝔀 ꕤ	1699717100 imma use this <3 Report Comment
grace	1694327511 с использованием Report Comment
r4n3	1691904686 using this!! Report Comment
Anabelle	1689717629 using! thank you! Report Comment Thank you!! by FiNALBOY; 1689738592; Report
fern	1688429236 using this! Report Comment thank you! by FiNALBOY; 1688471010; Report
spencer	1688164427 using this :)) Report Comment thank you! :) by FiNALBOY; 1688188712; Report
quirked up white boy	1669403040 how could i get just the music? :) Report Comment OMG HEY SORRY FOR THE LATE REPLY! basically all you have to do is delete everything between the tag (including the tag itself), you'll have the iframe tags. now you have only the music so you can put it right away in your profile :) by FiNALBOY; 1670508163; Report Using by Laura bro; 1713828116; Report