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

raine	1776011009 using! love the layout! Report Comment
reneé ִֶָ. ..𓂃 ࣪ ִֶָ🪽་༘࿐	1773379963 loving it Report Comment
Cavalier	1772682345 using Report Comment
soul	1772201694 using ty :3 Report Comment
řazŋosěvoƙ	1770906162 using! Report Comment
Ani	1769466893 usinggg <3 its gorge Report Comment
☆ ᑕᖇYᑭTIᗪ ☆	1767733825 Using <33 Report Comment
JustBleph	1767389079 using Report Comment
Paeon	1767125010 Using! Report Comment
Paeon	1767125008 Using! Report Comment
W0RM	1766351088 Using on my blog ヾ(•ω•`)o Report Comment
Sam⋆｡°✩	1765079964 using!!!! Report Comment
Nagito Komaeda \| 狛枝凪斗	1762386263 Using Report Comment
.desire4u.	1761518379 Using ! Report Comment
Nicky Nick	1761163277 this is so cute!! using :3 Report Comment
souplume	1760278563 Usinng Report Comment
Lucio	1760273633 Going to use this :) Report Comment
Lucio	1760273629 Going to use this :) Report Comment
fozzy	1758427304 using !! Report Comment
sillycri	1756065288 uuusing iit!! :33 Report Comment