Green Animal Print

Tags: green, grey, gray, black, white, animal

Description:

Green and grey animal print layout made by me. This layout also includes a zebra print cursor.

To use this layout, copy everything in the code box, go to "Edit Profile", and then paste everything into your "About Me" section.

PLEASE DO NOT remove or change the credit and DO NOT repost this layout as your own. THANK YOU!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by BEEFSTEW (https://layouts.spacehey.com/layout?id=17622) -->

<style>

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

body{
background-image: url(https://images4.imagebam.com/6c/04/06/ME5CLFW_o.jpeg);
}

nav .top{
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px 10px 0 0;
margin: 1em 0 0 0;
}

nav .links{
background-color: black;
text-align: center;
}

main{
background-color: rgba(0, 0, 0, 0.2);
}

.profile h1{
font-family: 'Creepster', cursive;
font-size: 30px;
text-align: center;
text-shadow: 2px 3px 0px black;
background-color: rgba(0, 0, 0, 0.5);
padding: .5em;
border-radius: 10px;
color: #00FF04;
letter-spacing: .1em;
}

.profile .profile-pic img{
border-radius: 10px;
box-shadow: 2px 3px 0px black;
}

.profile .profile-info{
border: none;
color: black;
}

.profile .blog-preview{
text-align: center;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: .5em 0;
}

.profile .blurbs .heading,
.profile .friends .heading,
.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Creepster', cursive;
font-size: 18px;
text-align: center;
text-shadow: 2px 3px 0px black;
background-color: transparent;
padding: .5em;
color: #00FF04;
letter-spacing: .1em;
}

.profile .blurbs,
.profile .friends,
.profile .table-section,
.profile .contact{
background-color: rgba(0, 0, 0, 0.5);
padding: .5em;
border-radius: 10px;
color: white;
border: none;
}

.profile .table-section .details-table{
background-color: transparent;
}

.profile .table-section .details-table td{
background-color: transparent;
color: white;
}

.profile .blurbs .inner h4{
color: white;
padding: .5em 0;
}

.profile .url-info{
border: none;
}

.profile .inner .friends-grid .person p{
color: white;
}

.profile .comments-table{
color: #296B7C;
background-color: rgba(0, 0, 0, 0.5);
padding: .5em;
border-radius: 10px;
color: white;
border: none;
}


</style>

<div class="credit"><a href="https://spacehey.com/beefstew">Layout Made By BEEFSTEW</a></div>

<style>

.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;
border: none;
}

.profile .comment-replies{
border: none;
background-color: rgba(0, 0, 0, 0.5);
padding: .5em;
border-radius: 10px;
color: white;
}

.count{
color: #2ECB00;
}

a{
color: #2ECB00;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

a:visited {
color: #2ECB00;
text-shadow: 1px 1px 3px rgba(0, 23, 14, 0.3);
}

a:hover {
color: white;
text-shadow: 2px 2px 5px white;
}

a:active {
color: #2ECB00;
}

nav .links a:hover{
color: #2ECB00;
text-shadow: 2px 2px 5px white;
}

.online{
color: #2ECB00;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);
font-size: 16px;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

footer{
border-radius: 10px;
}

.comments-table img{
border-radius: 10px;
box-shadow: 2px 3px 0px black;
}

.person img{
border-radius: 10px;
box-shadow: 2px 3px 0px black;
}

</style>

<style>* {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth899.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2018/02/08/zebra-stripes-guitar-pick.html" target="_blank" title="Zebra Stripes Guitar Pick"><img src="https://cur.cursors-4u.net/cursor.png" alt="Zebra Stripes Guitar Pick" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Dai

1682656983

I need one like this but with a different fonttttt

Report Comment

You can always change the font that this layout uses on your profile:

Replace the url in "@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');" to a different Google font and then change the font family to the new font CSS rules everywhere it has "font-family: 'Creepster', cursive;"

by BEEFSTEW; 1682657484; Report

chelsea

1637183518

is there anyway to get the text a different color other then green?

Report Comment

Yes, everywhere the code says "color: #00FF04;" you can change the hex number to a different color. I was going to post a blue and pink version as well, but layout posting is closed at the moment.

by BEEFSTEW; 1637183852; Report

tysm now last question lol how do I add music to the layout? :)

by chelsea; 1637183995; Report

Here's a tutorial that should help:

Adding Music

If you want to embed a Spotify playlist or embed music from Soundcloud like I have, all you have to do is hit embed on the playlist/song you want, copy what it gives you, and then paste it into your "about me" section outside of the layout code.

Hope this helps!

by BEEFSTEW; 1637184255; Report