rat type beat layout

Tags: green, layouts, layouts, cute

Description:

rat king background with a green body so you can truly be the rat king™ this is my first layout so please comment if anything goes wrong! also the rat cursor is a little high, you gotta click with the nose. credits to @riibrego on twt for the rat king image

Preview:

click on the image for a larger preview

Code:

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

<style>
    body {
background:url(https://pbs.twimg.com/media/EkdoJ_cXgAETckd?format=png&name=900x900);
    }
</style>

<iframe width="100%" height="380" src="https://www.youtube.com/embed/PEUIqiBAaQw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

<style> 
</style>

<style>.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: "🐀🔫"
   }
</style>

<style>* {cursor: url(https://64.media.tumblr.com/7546ce65bd9326c7fb6214ae087997ad/008d3121f3034245-b8/s75x75_c1/683a83826af5f7dfe30a3e231b077717bd19c1ef.pnj), auto !important;}</style>
<a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;"></a>

<style> 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 </style>

<style>

nav .top {
    background-color: #013831;
}

nav .links {
    text-shadow: 0px 0px 3px#ececaf;
    background-color: #014f45 ;
}

nav .links a:hover {
    color: #ececaf;
}


main {
color: white;
text-shadow: 0px 0px 3px#ececaf;
background-color: #1e845e;
border-radius:15px;
}

main a:hover{
    color: #00ffde ;
}

main a{
    color: #fff;
}

.profile .table-section .details-table td {
  background-color: #000;
  color: #fff;
}


.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #28ad7c;
}


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #1e845e;
  color: #fff;
}


.profile .blurbs .heading, .profile .friends .heading {
  background-color: #1e845e;
  color: #fff;
}

.profile .friends .comments-table td {
  background-color: #1e845e;
  color: #fff;
  border: 1px solid #28ad7c;
}

.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 3px #ececaf;
}

.profile .blurbs .section h4 {
    color: white;
}

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