My Harry Potter and the Half-Blood Prince MOVIE themed layout

Tags: #harrypotter, #halfbloodprince, #quidditch, #hogwarts, #dracomalfoy, #severussnape #albusdumbledore

Description:

the name explains it :>... also there is like a lotttt of stuff that didnt work so if you spot those things feel free to remove them or Please, please, please! tell me what i can do to fix those issuses. anyways as always please enjoy and please leave a comment if using this layout!! please tell me what i did wrong.. im still learning how to code on here :3 ill make a layout for the playlist thats on my screenshot if anyone would like to use it!! includes the spinning profile picture and hearts for your friends profiles

Preview:

click on the image for a larger preview

Code:

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

<style>
body, .bodyContent {
background: url("https://th.bing.com/th/id/R.3656b2c3b4a5704e1f57c81b93a5b04f?rik=CXDCIgHioGgg3A&riu=http%3a%2f%2fpre05.deviantart.net%2f4508%2fth%2fpre%2ff%2f2013%2f317%2f6%2fb%2fquidditch_jpg_by_cirogiso-d6u4hlj.jpg&ehk=3UgNiqczuqRa8yDlH2DbVfNGWfbJtZSHfK3kInjzsf4%3d&risl=&pid=ImgRaw&r=0");
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}
</style>



<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>


<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>

.fasthand-regular {
  font-family: "Fasthand", cursive;
  font-weight: 400;
  font-style: normal;
}

</style>

<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(0, 0, 0, 0.43);
border-radius:15px;
border: 2px dotted rgba(175, 137, 164, 0.32)
}
</style>

<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(255, 255, 255, 0.32);
text-transform:lowercase !important;
color: white;

</style>

<style>
/* links to your friends' profiles */
.profile .friends .person p {
color: #ff75d1;  
}
.profile .friends .person p:hover {
color: #ffd6f1;  
}
</style>

<style> 
/* this is the box that says "_'s latest blog entries" */
@import url('href="https://fonts.googleapis.com');
DIV.blog-preview{
text-align: center;
font-family: 'Josefin Sans', sans-serif;
background-color:rgba(153, 147, 156, 1);
text-transform:lowercase !important;
color: white;

</style>


<style>

:root {

        --logo-blue: #(white);

        --darker-blue: #(white);

        --lighter-blue: #(white);

        --even-lighter-blue: #(white);

        --lightest-blue: #(white);

        --dark-orange: #(white);

        --light-orange: #(white);

        --even-lighter-orange: #(white);

        --green: #(white);

</style>

<style>

.profile .blurbs .section h4{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color: white;
}
</style>

<style> 

.profile h1{
background: rgba(255, 255, 255, 1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>

   a:hover {
     color: white; 
   } 
   a{
     color: #BCC6D0; 
   }
</style>

<style>

    .count {
        color: #897E85;
    }
</style>

<style>

   a:hover {
     color: #978E94; 
   } 
   a{
     color: #FFFFFF; 
   }
</style>

<style>
:root {
    --topic1: "General";  
    --topic2: "Music";
    --topic3: "Movies";
    --topic4: "TV & Games";
    --topic5: "books";
    --topic6: "People";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 2px 2px white !important; white
   filter: brightness(95%) !important;
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}
</style>

<style>
p {
color: white; 
}
</style>


<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
 .comments-table td:first-child img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;});
</style>

<style>

 .contact {
        font-size: 11px;
        font-family: times;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    
    .contact a:visited{
        color: white!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://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo3tRGoC1.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo44wShK1.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo48lCUp1.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo42xfwP1.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo43acLB1.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo42YzET1.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo3sF3ln1.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://web.archive.org/web/20231108222536im_/https://pixelbank.neocities.org/emoticons/set%204/mmuo3rKLkh1.gif")
    }
<style></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 14 of 14 comments ( View all | Add Comment )

るか	1745696049 using Report Comment
Severus T. Snape	1742099007 using Report Comment
Cassie 𓆩♡𓆪	1741893438 Using ! <3 Report Comment
Matt's Space 💯	1741127158 usingg Report Comment
Ang!	1734643272 using! Report Comment
Draco.newport	1733764005 Using!!!! TY Report Comment
christopher.. ✴️	1722855786 Useingg Report Comment
de@d_b@t	1720768867 Using Report Comment
de@d_b@t	1720768866 Using Report Comment
de@d_b@t	1720768866 Using Report Comment
de@d_b@t	1720768863 Using Report Comment
pollyaa	1718529753 Using Report Comment
withlove_frederick	1713057294 using! Report Comment
Peanut	1712305951 using!! Report Comment