American Horror Story

Tags: american horror story, horror, black and white, ahs, black, white, grey

Description:

I got bored and made this layout but I'm happy with mine and don't wanna use it so I'm gonna post it instead! If u have any questions about what code goes where just lmk, also feel free to use this as a template for your own profiles! Credit is not required but I'd totally appreciate it if you did!

Preview:

click on the image for a larger preview

Code:

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

<img src="https://cdn.discordapp.com/attachments/816900769596178515/904216988421861406/356-3567763_american-horror-stor.png"/>

<img src=""/>

<style>
.profile-pic img,.friends-grid img,.comments-table img{border-radius:5px;}
</style>


<style>


@import url('https://fonts.googleapis.com/css2?family=Mirza&family=UnifrakturMaguntia&display=swap');
.profile {
    font-family: 'Mirza', cursive;
    color: white;
    font-size: 200%;


}
h1,h2,h3,h4,h5{
    font-family: 'UnifrakturMaguntia', cursive;
    color: black;
}

    body{
        
    background-color: COLOR;
    background-image: url(https://s1.favim.com/orig/150113/american-horror-story-asylum-black-black-and-white-Favim.com-2382941.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }

    main{
     
    background-color: COLOR;   
    background-image: url(https://c.tenor.com/T3VJEBU1AaAAAAAC/american-horror-story-ahs.gif);
    background-repeat: repeat;
    background-position: center;
        
    }


.general-about {
	background-image: url(https://cutewallpaper.org/21/dark-repeating-background/Dark-repeating-background-tumblr-clipart-images-gallery-for-.jpg);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #5c5c5c;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}

    .top{
        
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }

    h1{
        
    background-color: COLOR;
    background-image: url(https://c.tenor.com/3jWd3sOHHZYAAAAd/blood-dripping.gif);
    background-repeat: repeat;
    background-position: center;
    color: white;
    
    }

    .links{
        
    background-color: #4a4a4a !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }

    .contact{
        
    background-color: COLOR !important;
    background-image: url(https://cutewallpaper.org/21/tumblr-tiled-backgrounds/Dark-repeating-background-tumblr-clipart-images-gallery-for-.jpg);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #5c5c5c;
	text-align: center;
        
    }

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: ;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:#ffd1dc;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }  

    .blog-preview{
        
    background-color: COLOR;
    background-image: url(https://cutewallpaper.org/21/tumblr-tiled-backgrounds/Dark-repeating-background-tumblr-clipart-images-gallery-for-.jpg);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #5c5c5c;
	text-align: center;
    }

    .comments-table td{
        
    background-color: COLOR !important;
    background-image: url(https://cutewallpaper.org/21/tumblr-skull-backgrounds/Skulls-and-crossbones-wallpaper-Twitter-Backgrounds-Pimp-My-.jpg);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #5c5c5c;
	text-align: center;
        
    }

    footer{
        
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #5c5c5c;
	text-align: center;
        
    }

main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url(https://hips.hearstapps.com/digitalspyuk.cdnds.net/16/31/1470223890-american-horror-sory-coven-lineup.gif?resize=480:*);
	background-position: center center;
	background-size: cover;
        
}

    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }

.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://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}

             ::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    }

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-8/oth704.cur), auto !important;} /* End https://www.cursors-4u.com */

<style>.online { visibility: hidden; } .online img { content: url(https://denniscooperblog.com/wp-content/uploads/2019/04/gif-vertion.gif); animation-name: none; visibility: visible; height: 43px; width: 200px; }</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 12 of 12 comments ( View all | Add Comment )

Anna	1702143078 Using! Report Comment
AlleyKat	1656033321 I totally love this so much!!! I'm going to try using this. Report Comment
aris	1649755647 wow amazing Report Comment
Bea	1640158611 I love this one! Report Comment
🖤🕷•Azucena143•🕷🖤	1639055070 Loveee it 🖤🖤🖤 Going To Ise This Lay Out 🖤🖤 Report Comment
Cheyenne	1636932406 Love it! Definitely using it 🖤 Report Comment
Wapi Kiniw Īnini	1636883051 Finally a worthy wallpaper! ^~^ Report Comment
lil baby Cookie	1636759123 So using this ️‍ Report Comment Awesome! Glad you like it! :D by Janey; 1636759158; Report
Choc 🤎	1636738677 i loveeee this ️ Report Comment Thanks! by Janey; 1636739030; Report
Annay	1636736934 I love it Report Comment Thanks so much ♡ by Janey; 1636737117; Report
Lala ️	1636735013 Love this ️ Report Comment Thanks! ♡♡ by Janey; 1636735576; Report
Elizabeth Barry (Ripley)	1636149560 love this Report Comment So glad u do! It looks great :D by Janey; 1636149886; Report my fav show by Elizabeth Barry (Ripley); 1636150299; Report