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 180 comments ( View all | Add Comment )

Lyd<33	1750037668 usingg Report Comment
WittyProphet	1749696961 Using X3 Report Comment
urfavtoast	1749627095 usingg :3 Report Comment
Pipu🍂	1748740917 using Report Comment
Zelda	1748528718 going to use ittt Report Comment
Brunably	1747792044 usingg Report Comment
Rei🐾	1747752175 Using!! :P Report Comment
yuyuno	1747484787 usingg ty!! Report Comment
꩜Onyx꩜	1747035673 This is so cool!! gonna use this layout for my profile!! tysm!! Report Comment
lumikko	1746194120 using ♡ Report 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