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

Vamp	1729271701 using Report Comment
messier76	1729089137 usingn Report Comment
Chay ✿	1729040263 Using. It’s perfect, thank you so much 🫶 Report Comment
BLADE	1728823782 usinfngngngg Report Comment
✮ Sage	1728598845 Using =3 Report Comment
dradofort_!	1726961720 using !!!!!!! Report Comment
stan °▱°	1726186164 using :3 Report Comment
EclipseIsSad	1725335145 Using!! Report Comment
♰𝖆𝖑𝖔𝖊𝖙𝖙𝖔	1724634802 Using! Report Comment
ೄྀSilas	1724426893 Using Report Comment
cole	1724391333 using!! :3 Report Comment
Boris01	1723578870 USINGGDHVVWHUDVG Report Comment
NeonFoxo	1722991482 USING Report Comment
Caz	1722718863 using Report Comment
Spider -Nico	1722566911 usinggg Report Comment
rengin ✰	1722433295 usingg Report Comment
ཐི༏ཋྀ󠀮 calli ཐི༏ཋྀ󠀮	1722304096 using! Report Comment
Corpselady <33	1722265106 Using :33 Report Comment
m4x!! O_o	1722102838 Usandooo Report Comment
daryl. ✰	1722038307 using!! :D Report Comment