slugs layout >>>>

Tags: green
Description:

just in case i ever accidentally delete some/all of the coding you may use but would like credit :)
Code:

<!-- (c) Layout created by STIMP!! ★☆ (https://layouts.spacehey.com/layout?id=29224) -->


<style>
/*=== body background image + font ===*/

body
        {background: url("https://cdn.lowgif.com/full/e23bda7ae399acda-glitter-green-blinking-green-stars-myspace-graphics-girly.gif")
        no-repeat fixed; background-size: cover;
font-family: 'Ribeye', cursive;
    font-size: 17px;
    font-color: #ffffff;

@import url(https://fonts.googleapis.com/css2?family=Ribeye&display=swap);

.pfp-fallback, .row.profile {
   border: 1px dotted #487432!important;
}
.logo-fallback {
   height: 38px !important;
}

</style>  
  
<style>
/*=== top img ===*/

main:before {
 width: 100%;
 height: 180px;
 display: block;
 content: "";
 background-image: url('https://64.media.tumblr.com/ed4120e2f98efbaee7b7cf90bc3b3044/956b310074e548e8-cf/s1280x1920/3b08e4da3d5d8b27ab49f20bd38bbe8135043eeb.jpg');
 background-position: 10% 50%;
 background-size: cover;
/*=== navigation box icon ===*/

    .icon, .award img {
        content: url(https://dl.glitter-graphics.com/pub/1009/1009254cq7evun01h.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }


</style>

<style>
/*=== profile animation ===*/

.col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top .container {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
}
</style>


<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "˗ˏˋ ★ ˎˊ˗";
  --topic2: "music ☆༉";
  --topic3: "interests ☆༉";
  --topic4: "kins ☆༉";
  --topic5: "";
  --topic6: "";

 }

.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 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);
}
.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>
/*=== background color + border for headings + navigation links ===*/

.container {
margin: 2em auto;
}

.profile, .blurbs, .heading, .profile, .friends, .heading, main, top, details-table, .comments {
color: #ffffff;
     background-color: #000000;
color: #ffffff;
     border: solid;
     border-color: transparent;
     border-width: 3px;
font-color: #ffffff;
}

nav .top {
color: #ffffff;
     background-color: #20ad0c;
color: #ffffff;
     border: solid;
     border-color: transparent;
     border-width: 1px;
font-color: #ffffff;
}

nav .links {
color: #242b20;
     background-color: #20ad0c;
color: #242b20;
     border: solid;
     border-color: transparent;
     border-width: 3px;
font-color: #242b20;
	text-align: center;
}

nav .links a:hover {
color: green;
}

  .profile .table-section{
     border: solid;
     border-color: transparent;
border-width: 3px;
}

 div.friends div.inner p b {
color: #ffffff; !important;
}
    h1, .count, .friends a p{
    color: #ffffff; !important;
}

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

table, th, td {
  border: 2px solid #7AEC25;
font-color: #ffffff;
}

</style>

<style>
/*=== spacehey logo ===*/

nav img.logo{filter: brightness(100%); !important;}

</style>

<style>
/*=== profile info ('edit your profile') color ===*/

.profile .profile-info {
	background-color: #242b20;
        no-repeat fixed; background-size: cover;
	border: solid;
        border-color: #1BDA00;
        border-width: 3px;
	text-align: center;
}

</style>

<style>
/*=== font import ===*/

@import url('https://fonts.googleapis.com/css2?family=Ribeye&display=swap');

</style>


<style>
/*=== online now icon ===*/

.online {
   content: url(http://www.coolspacetricks.com/images/myspaceicons/127.gif);
}


</style>

<style>
/*=== profile picture ===*/

.profile-pic {
        border-radius: 250px;
        overflow: hidden;
     border: solid;
     border-color: transparent;
     border-width: 3px;
}
.profile .friends .person img {
border-radius: 500px;
        overflow: hidden;
     border: solid;
     border-color: transparent;
     border-width: 3px;
}
    }

</style>

<style>
/*=== custom cursor icon ===*/

HTML,BODY{cursor: 
url(https://cur.cursors-4u.net/cursors/cur-11/cur1056.png),
auto;}

A:hover{cursor: 
url(https://cur.cursors-4u.net/cursors/cur-11/cur1056.png),
auto;}
</style>

<style>
/*=== contact emojis ===*/

.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "❥"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "❥"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "❥"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "❥"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "❥"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "❥"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "❥"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report User */
	content: "❥"
</style>


<style>
/*=== contact background image ===*/

.contact {
  background-color: #242b20;
     border: solid;
     border-color: transparent;
border-width: 3px;
</style>


<style>
/*=== color changes ===*/

:root {
    --logo-blue: #ffffff;
    --headers: #ffffff;
    --darker-blue: #ffffff;
    --lighter-blue: #1BDA00;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #ffffff;
    --light-orange: #1BDA00;
    --even-lighter-orange: #1BDA00;
    --green: #1BDA00;
    --links: var(--headers);
    --table-header: #1BDA00;
}


<style>

footer p{
color: white;
font-size: 100%;
}

footer a{
color: white;
}

footer {
color: white !important;
box-shadow: 0px 0px 15px 6px black;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-image: url(https://i.pinimg.com/originals/76/4b/ee/764bee829bc0517c15e73b6543a40817.jpg);
  }    

    </style>

<style>

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(0 150 100 / 25%) 30%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
</style>


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

</style>
 <iframe width="0" height="0" src="https://www.youtube.com/embed/zQ-qFkCLqLc//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<style>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 1.5em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:2s,.3s}.snowflake:nth-of-type(3){left:30%;animation-delay:2s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:2s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:3s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:2s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">🖤</div><div class="snowflake">💚</div><div class="snowflake">🖤</div><div class="snowflake">💚</div><div class="snowflake">🖤</div><div class="snowflake">💚</div><div class="snowflake">🖤</div><div class="snowflake"></div><div class="snowflake">💚</div><div class="snowflake">🖤</div><div class="snowflake">💚</div><div class="snowflake">🖤</div></div>

<img src="https://64.media.tumblr.com/ad8313d966c391470da0622d941759b5/tumblr_inline_pqqdd7Hvc01w5gohs_250.gifv" width="250 px"/>

hallo!! my name is slug!! 
i'm just a 16 year old zombie girl who's obsessed with music.
feel free to IM me or add me on discord~ slug#5134
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 0 of 0 comments ( View all | Add Comment )