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:

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.