Taylor Swift Debut

Tags: taylorswift, swiftie, country, cottagecore, aesthetic, green, 2yk, 2000s

Description:

Based off of taylor swift's debut album (also my current layout)!! :) Will not work/doesn't work well on mobile, a majority of the screen may be taken up by a photo. (Obviously I have no idea what it may look like because I am on pc currently)! As always, I apologize if my coding is very messy! Thank you to anybody who uses this!! :)

Preview:

click on the image for a larger preview

Code:

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

<div class="taylor-swift-a"></div>

<style>
    .taylor-swift-a {
        background: url(https://userscontent2.emaze.com/images/f05f5491-3483-45a5-8e1a-9bd75bee122f/8a5a09bc69f3811d159a4f5c17334258.png) no-repeat;
        background-size: 70%!important;
        position: fixed;
        right: -70px;
        bottom: 0px;
        height: 400px;
        width: 500px;
        opacity: 100%;
    }
</style>

<style>
.profile {
background: url(https://images.rawpixel.com/image_800/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTAzL3JtNjIzLWotYmctMDAxYi0wMS5qcGc.jpg);
}
body {
        background-image: url('https://i.redd.it/570ao61wfhx81.png');
        background-size: 1550px;
        background-attachment: fixed;
        background-position: center;
    }
</style>

<style>
:root {
--logo blue: ;
--darker-blue: #2a639c;
--lighter-blue: ;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: #368a4f;
--light-orange: ;
}
</style>

<style>
main {
    background: white;
    color: #338fbd;
    padding: 6px 0px;
    font-size: 80%;
    border: 5px solid white;
    border-radius: 5px;
    position: relative;
}

footer {
background: url(https://images.rawpixel.com/image_800/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTAzL3JtNjIzLWotYmctMDAxYi0wMS5qcGc.jpg);
background-position: 0px 0px;
border-radius: 5px;
border: 5px solid white;
}

.blurbs {
border: 2px solid #338fbd;
background: white;
}

.friends {
border: 2px solid #338fbd;
background: white;
}

.contact {
border: 2px solid #338fbd;
background: white;
}

.url-info {
border: 2px solid #338fbd;
background: white;
}

.table-section {
border: 2px solid #338fbd;
background: white;
}

.profile-info {
border: 2px solid #338fbd;
background: white;
}
</style>

<style>
@import url(https://db.onlinewebfonts.com/c/5189aa5c6e19bfcf76498932b467a10e?family=SatisfactionPro);
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');

p{
font-family: 'Gloria Hallelujah', cursive;
font-size: 125%;
color: #0a401a;
}

h1,h2,h3,h4,h5 {
font-family: "SatisfactionPro", cursive;
font-size: 175%;
color: #368a4f;
}
</style>

<style>
    .online {
        color: white;
        font-weight: bold;
        font-size: 98%;
    }
    .online img {
        content: url(https://www.theaudiodb.com/images/media/album/cdart/taylor-swift-4de3ee1d4592d.png);
        height: 2.9em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 1s;
    }

</style>

<style>
    nav .top {
        background-image: url(https://media.discordapp.net/attachments/1101680008633790474/1190389576443908156/1_30_mlxugMepliLfg2ZWnCw.png?ex=65a19faf&is=658f2aaf&hm=314adc5022560b324ec9edd9512219f66a441c2fed357831025df7a823737fec&=&format=webp&quality=lossless&width=1191&height=669);
        height: 410px;
        background-size: 796px;
        background-position: 0px -10px;
        border-radius: 5px;
        position: relative;
        border: 2px solid white;
        border-width: 5px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px black;
        display: block;
    } 
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/people/peo-7/peo801.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/08/30/taylor-swift-2.html" target="_blank" title="Taylor Swift 2"><img src="https://cur.cursors-4u.net/cursor.png" alt="Taylor Swift 2" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content:url("https://media.discordapp.net/attachments/903364339464044575/1090723048786763886/F2231B86-C65C-4C19-B96F-D5B6D01411FC.png");
    color: #E9589A;
</style>

<style>
/* contact icons */
.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://media.discordapp.net/attachments/903364339464044575/1082025503730450512/68CFF829-C501-468C-99B5-991C15A9F2E1.gif)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://media.discordapp.net/attachments/903364339464044575/1080124110455197807/IMG_6007.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://media.discordapp.net/attachments/903364339464044575/1090816432784277574/3BECDB95-E6F2-4A22-9587-08636B8AB57E.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url(https://media.discordapp.net/attachments/903364339464044575/1083122227228188742/A604084D-174A-46ED-9AEA-3495C18BC99B.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://media.discordapp.net/attachments/903364339464044575/1080124109066870824/IMG_6012.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://media.discordapp.net/attachments/903364339464044575/1090815648638181486/F3A4FC55-1AC0-4AC1-BCA7-1C73BCD74D4E.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group  */
content: url("https://media.discordapp.net/attachments/903364339464044575/1080124094386802768/IMG_6013.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://media.discordapp.net/attachments/903364339464044575/1080124399056850974/51BE3835-76B0-4465-8495-751D3ACA4773.gif)
}   
</style>

<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.giphy.com/media/xUPN3aXw2r7iPN2ybK/giphy.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 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 1 of 1 comments ( View all | Add Comment )

choclocoquette🎀

1705903837

Sooo cool, but it does not show the big Taylor on the top, like the one on the water , idk if it’s quite confusing my question but, why it can be this issue??

Report Comment

sorry, it doesn't really work on phone :( im currently working on editing it though to make it work though!!

by inky_astrid; 1705942144; Report