Scream Theme

Tags: movie, 90s, dark

Description:

This is just a fun project.

Preview:

click on the image for a larger preview

Code:

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

    
<p><a>WATCH</a></p> 

<iframe width="560" height="315" src="https://www.youtube.com/embed/DdRgmUGHv3Q?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/57lXkP7No_I?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

<style>

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');

body{
background-image: url(https://s3-eu-central-1.amazonaws.com/vodafone-featured/wp-content/uploads/2022/03/04141859/Scream-Reihenfolge-261207235-640x360.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;
}

main{
background: rgb(23, 22, 22);
background: linear-gradient(180deg, rgba(115, 114, 114,0.5) 0%, rgba(79, 78, 78,0.5) 34%, rgba(56, 56, 56,0.7) 69%, rgba(23, 22, 22,0.9) 89%);
box-shadow: 0px 0px 20px #ffffff;
}

p{
color: white;
}

nav .top{
background-color: 31, 30, 30;
}

nav .links{
background-image: url(https://nl.wikipedia.org/wiki/Scream_(1996)#/media/Bestand:Scream_logo.jpg);
background-size: cover;
text-align: center;
}
.profile h1{
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 2px black;
font-size: 40px;
text-align: center;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px #fff7f7;
text-align: center;
color: white;
}

.profile-pic img{
border: 1px solid black;
border-radius: 100%;
}

.general-about .profile-pic{
margin: 0;
}



nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(10, 10, 10, 1);
}

nav .top{
background-color: transparent;
}




.online{
color: #fa3c3c;
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 10px black;
font-size: 22px;
text-align: center;
}

.online img{
content: url(https://easydrawingguides.com/wp-content/uploads/2020/11/Scream-Mask-Step-10.png);
}

footer{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px #ffffff;
color: white;
}

.profile .contact .heading,
.profile .table-section .heading{
background-image: url(https://t4.ftcdn.net/jpg/03/09/43/23/360_F_309432331_yleM1smi61t72DRB7mrQucnCgba3n1Zc.jpg);
text-align: center;
color: white;
text-shadow: 1px 1px 2px black;
}


.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #ffffff;
margin: .5em 0;
}

.profile .url-info{
color: white;
text-align: center;
}
table.details-table td {
background-color: transparent !important;
color: white !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-image: url(https://i.mmo.cm/is/image/mmoimg/mw-product-zoom/blutende-scream-maske--mw-100124-1.jpg);
background-size: cover;
text-align: center;
color: white;
text-shadow: 1px 1px 10px black;
}

.profile .blurbs,
.profile .friends{
border: black;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px #ffffff;
text-align: center;
color: white;


}
.profile .blurbs .section h4{
color: white;
text-shadow: 1px 1px 1px black;
padding: 1em 0;
}

.profile .profile-info{
color: black; 
text-shadow: text-shadow: 1px 1px 5px #fc2512;
background-image: url(https://static.wikia.nocookie.net/logopedia/images/b/b6/Scream_logo.jpeg/revision/latest?cb=20160325084239);
background-size: cover;
background-position: center;
}

.profile .blog-preview{
text-align: center;
border: black;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px #ffff;
padding: 1em 0;
color: white;

}

.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 2px #ffff;

}
.count{
color: white;
text-shadow: 0px 0px 5px #080808;
}


.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px #ffff;
border: black;

}
.profile .comments-table .comment-replies{
background-color: rgba(0,0,0.5,0);
box-shadow: 0px 0px 10px #ffff;
border: none;
color: white;
}
.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;
}

a{
color: white;
text-shadow: 0px 0px 0px #ffff;
}
a:visited {
color: grey;
text-shadow: 0px 0px 0px #333333;
text-decoration: none;
}


a:hover {
color: #333333;
text-decoration: none;
}

a:active {
color: white;
text-decoration: none;
text-shadow: 0px 0px 1px #050505;
}

nav .links a:hover{
color: #d1cbcb;
text-decoration: none;
text-shadow: 0px 0px 3px #ffff;
}
</style>
<p><a>SCREAM</a></p>
<!-- (c) Layout created by Theo22 (https://spacehey.com/profile?id=1645428) -->

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

b0n3s	1732905020 using!!! Report Comment
⋆.˚✮𝖑𝖔𝖇𝖔𝖙𝖔𝖒𝖊𝖔𝖜	1715441349 использую Report Comment
CONAN	1707076995 USING!!!! Report Comment
profesional boy kisser	1698166746 using ! Report Comment
Zeke	1679816722 Using! Report Comment
VINCE !!	1679257448 using!! Report Comment love your profile pic lmao by テオ; 1679257521; Report OMG WE'RE TWINING by Zeke; 1679816926; Report
Timo	1678891531 Love it brother Report Comment
K£nny	1678882875 I'll use Report Comment

Layout published by テ オ

Scream Theme

Description:

Preview:

Code:

Comments

Layout published by テオ