green and foresty vibes

Tags: green, simple

Description:

go to my profile to see what everything looks/sounds like! sorry abt how little my screen shows :( im posting this to record my layout in case i mess it up but if you want you can use this w/o credit !!! i made this out of like twenty different sources so the code looks a little wacky and i am trying to make it a little more detailed BUT yeah also right at the top is an embed code i put in the music section (because it works in there for me but not in the about me section), so if you copy it take that part out and put it in the interests column!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by winnie ☾⋆⁺₊⋆ (https://layouts.spacehey.com/layout?id=33389) -->

----- ~music embed~ where the 'PtIKsk1Qabw' is shown is where you can put the code of whatever vid you want to play automatically

<iframe width="0" height="0" src="https://www.youtube.com/embed/PtIKsk1Qabw//?&;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>

----------
~ LAYOUT ~

<style>

body {
background: url(https://64.media.tumblr.com/2fb80f9ef3f14a1416388853c96a8c05/0f1237a71c7ef886-c2/s1280x1920/09d109d9364c774443bdf96faf81b72161c3fb25.png);
background-size: cover;
opacity:.7;
}

h1 {
color: #FFFFFF; 
text-shadow: 2px 2px 3px #dcd5eb, 0 0 25px #dcd5eb, 0 0 5px #000000;	
font-style: italic;
}

.profile {
background: #2f3d20;
}

main, top, links, nav .top, nav .links, details-table, footer, footer .links {
font-size: small;
color: #FFFFFF;
}

:root {
    --logo-blue:black;
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: black;
    --even-lighter-orange: ;
    --green: pink;
}

main {
background: black;
padding: 0;
font-size: small;
text color: #FFFFFF;
text-shadow: 1px 1px 2px #dcd5eb, 0 0 25px #000000, 0 0 3px #000000; 
}

footer {
background: #000000!important;
color: #FFFFFF;
opacity:.5;
}

.general-about {
background-color: black;
background-size: cover;
padding:30px;
border-radius: 10px;
text-align: right;

}
.comments-table {
display: block;
overflow-y: scroll;
border-radius: 1px; 
text-shadow: 1px 1px 2px #dcd5eb, 0 0 1px #000000, 0 0 1px #000000;
background: url(https://i.pinimg.com/564x/90/47/b3/9047b35239cabb88b3e8002b8c9aebd6.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.contact {
border-radius: 8px;
background-image: url(https://i.pinimg.com/564x/ef/c9/b2/efc9b20f3590fa110cd662f5254afdaa.jpg);
background-position: center;
background-repeat: repeat;
background-attachment: scroll;
background-size: cover;
color: #FFFFFF;
text-shadow: 1px 1px 2px #dcd5eb, 0 0 25px #dcd5eb, 0 0 3px #000000; 
}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, {
border: 1px curve #000000 !important;
outline: curve !important;
}


 .url-info{
    display:none !important;

 .online{
  color: #dcd5eb;
  text-align: left;

}
.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 Profile */

	content: "✦"

   }

img
{
border-radius: 12px;
}

nav .links {
background: rgba(0, 0, 0, 0.3);
}

nav {
background-image: url(gif or image url) 
}
</style>

<style>
img:hover , .url-info:hover , .online:hover {

  animation: float 2s;

  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>

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

Boris01	1745239439 Usiinggg Report Comment
poisonxx27	1745211262 using! Report Comment
Moony	1743900655 Using!! Report Comment
𐒡Ꮧ𐒄𐒜ᏋႱ	1743885812 Using :] Report Comment
𐒡Ꮧ𐒄𐒜ᏋႱ	1743885812 Using :] Report Comment
☆SoggyCereal☆	1743641770 using! bless! <3 Report Comment
•☆Bruh16.wav☆•	1743264647 Using Report Comment
snailcryptid	1743207895 Using :3 Report Comment
Lin	1741550239 using Report Comment
🫀†-𐒀ⴑꭵꮙꮛꮢ-†˖˚⊹	1741289540 Using! Report Comment
urfavtoast	1740312157 usinggg Report Comment
w1llop	1740111079 usando!! Report Comment
Alexander	1739808477 using!!! Report Comment
jazzzrr	1739075531 Using! : ) Report Comment
Jay/Lily/Nat	1738804735 Using! :3 Report Comment
xia	1738694003 using Report Comment
Ophelia	1738447509 This fits my aesthetic so well! I'm using it! Report Comment
Alexis	1737709520 i love this :D but can i remove the sound? Report Comment
ffairygarden08	1737691348 usinggg Report Comment
EmoNemo?	1737351408 usinggggg ittttttt Report Comment