Goth

Tags: goth, spooky, halloween

Description:

I tried out layout from aleeex but added a few pictures, show box around the profile picture, & added Creepster text. You check out aleeex original layout if you would like to use hers. I liked how the bones of her layout looked and added what I wanted to fit me.

🦇You change the text for People I would like to meet, What I do everyday, Music, Current movie favorites, Current tv/youtube favorites, Welcome to my home sweet haunted home, and everyday life to whatever you want.

🦇If you want to change main background images to something else go down to main:before. Go to background-image you can put the url for a image you would want instead of Miss Wednesday. I used imgur to get the direct code from pictures I googled and upload them onto imgur.

🦇Under the root the colors for the headers links and the logo blue you can go onto google CSS color picker This will help get the colors you want for your profile.

🦇 You can get fonts from https://fonts.google.com/ to get any font you would like to added. To change the font you can go under font-family: and put the font family code there.

🦇 I hope this helps people that have a hard time building a profile scratch. I couldn't figure out the code for different looks that I wanted. Please leave nice comments. Also leave a comment if you use this and how you change it.

Preview:

click on the image for a larger preview

Code:

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

<div style="text-align: center;">
🦇People I would love to meet🦇


</div>


<style>

    :root {
        
        
        --headers: #000000;
        --links: #000000;
        --text: #000000;
        --names: #000000;

        
        --logo-blue: #000000;
        --darker-blue: #000000;
        --lighter-blue: #262626;
        --even-lighter-blue: #000000;
        --lightest-blue: #000000;
        --dark-orange: #333;
        --light-orange: #333;
        --even-lighter-orange: #404040;
        --green: #800000;
        --background-image: url(https://i.imgur.com/1x1MN5E.jpg); 
        
    --topic1: "What I do everyday";
    --topic2: "Music";
    --topic3: "Current movie favorites";
    --topic4: "Current tv/youtube favorites";
    --topic5: "";
    --topic6: "";
    --topic7: "";


    --myactions: "Welcome to my Home Sweet Haunted Home";
    --mytopics: "Everyday Life";
    --mylinks: "";
}
    /*hidden stuff*/
    
    .url-info{display:none !important;}
    
    .blurbs .heading{display:none !important;}
    
    .right .section h4{display:none !important;}
    
    /* ~~~~~ personalized topix ~~~~~ */
  

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

.details-table tr td:first-child p::after{
  color:var(--links) !important;
  letter-spacing:normal !important;
   text-shadow: 	0px px black !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
  Font-size: 17px;
}
.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);
}
.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p::after{
  content: var(--topic7);
}
    
    .w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -300px;}

.w-40 .table-section:last-child .heading::after{
  content: var(--mylinks);
font-family: var(--font-family) !important;	
 text-shadow: 	0px 0px black !important;
 text-transform:uppercase !important;color: var(--headers) !important;font-weight: bold !important;}

.w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -300px;}

.w-40 .table-section:nth-last-child(2) .heading::after{
  content: var(--mytopics);
font-family: var(--font-family) !important;	
 text-shadow: 	0px 0px black !important;
 text-transform:uppercase !important;color: var(--headers) !important; font-weight: bold !important;
}

.w-40 .contact .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -300px;}

.w-40 .contact .heading::after{
  content: var(--myactions);
font-family: var(--font-family) !important;	
 text-shadow: 	0px 0px black !important;
 text-transform:uppercase !important;color: var(--headers) !important;font-weight: bold !important;}
    
    

    * {
       font-family: 'Creepster', cursive;
       font-size: 15px;
    }

    body {
background-image: var(--background_image) !important;
background-color:black !important;
}
main:before {
width: auto;
margin-bottom: 15px;
border: 0px black;
height: 290px;
display: block;
content: "";
box-shadow: 0px 0px 5px 1px #0a010a;
background-image: url(https://i.imgur.com/PTs9s6G.jpg);
background-position: center center;
background-size: cover;
}
footer { 
border-radius:15px;
background-image: url(https://i.imgur.com/1x1MN5E.jpg);
color: black
}

     }

    .blog-preview p {
        background-color: none;
        padding: 0px 10px;
        border-radius: 10px;
        color: black;
    }

    .blog-preview p a{
        color: #000000!important;
    }

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }

    nav {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
    }
    
    

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
        box-shadow: 0px 0px 5px 1px #0a010a;
    }

    .heading {
        padding: 2.5px 0 !important;
        margin-top: 15px;
        margin-bottom: 1px;
        background-color: transparent !important;
        color: #000000 !important;
        border-bottom: 2px solid;
    }

  main: before {
width: auto;
margin-bottom: 15px;
border: 0px black;
height: 290px;
display: block;
content: "";
box-shadow: 0px 0px 5px 1px #0a010a;
background-image: url(https://i.imgur.com/PTs9s6G.jpg);
background-position: center center;
background-size: cover;
    }

    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 0px;
        background-image: url(https://i.imgur.com/1x1MN5E.jpg) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: rgb(0,0,0) !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

    .blog-preview p {
        font-size: 1.1rem;
    }

    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

table.comments-table{
display: block;
height: 220px!important;
overflow-y: scroll;
}



</style>

<style>
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px black !important;
outline: none !important;
}
</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 )

Aviva

1677618574

Thanks!!!! 🙏

Report Comment