Postal 2 Layout

Tags: postal, postal 2

Description:

I didn't really know what to do with the colors but I had fun making this... You can obviously add on anything, no credit needed. yeah don't mind that the ss was on my main, I was too lazy to use my testing acc

Preview:

click on the image for a larger preview

Code:

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

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://media.tenor.com/fiarhIxtD74AAAAd/postal-petition.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
</style>

<style>
body

        {background-image: url(https://static.wikia.nocookie.net/postal/images/1/13/MainStreet.jpg/revision/latest?cb=20101002091858); no-repeat fixed; background-size:cover;

}
</style>

<style>
main {

  background-color: #4B5571;

  color: #8493BF;
</style>

<style>
 
 .logo {
  
content:url("https://cdn.discordapp.com/attachments/1031771240194650163/1174059416190980198/kisspng-postal-2-share-the-pain-postal-iii-video-game-5b0a7d3f315d21.6012701115274140792022.png?ex=65663709&is=6553c209&hm=d1657f060fc3856e232e98f072cb3b13dca0bded6e5556a824204ecaa2e39da1&")
  
  }
  
</style>

<style>
main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('https://cdn2.steamgriddb.com/file/sgdb-cdn/hero_thumb/dbe272bab69f8e13f14b405e038deb64.jpg');

	background-position: center center;

	background-size: cover;

}
</style>

<style>
:root {

        --logo-blue: transperent;

        --darker-blue: #4F405F;

        --lighter-blue: #40485F;

        --even-lighter-blue: #40485F;

        --lightest-blue: #40485F;

        --dark-orange: #8493BF;

        --light-orange: #40485F;

        --even-lighter-orange: #40485F;

        --green: #40485F;

    }

</style>

<style>
.online { visibility: hidden; } .online img { content: url("https://media.discordapp.net/attachments/1031771240194650163/1174063639943200848/copy_0E5EA06B-CB8E-4C78-AA37-7260A9180DCE.gif?ex=65663af8&is=6553c5f8&hm=fd32bb2aa201566dad7a3cd12814136da17c1cdf4f4ace8df5a440c5558c34ff&="); animation-name: none; visibility: visible; height: 50px; width: 70px; }
</style>

<style>
 footer{

    background-color: transparent; 
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/17gWdJgrhB4?si=RUU3XaTJ9hhnkuLD//?&;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>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
.friends .inner {
    overflow-y: scroll;
    max-height: 640px;
}
</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 8 of 8 comments ( View all | Add Comment )

dvdz	1729363557 maybe using!! Report Comment
ROAR	1727234484 usinggg Report Comment
DANNY★	1721806550 using^^!! Report Comment
BOONE	1721562300 Using :3 Report Comment
ozymandias ︎︎	1721263072 Using! Report Comment
the dude	1719611537 using Report Comment
guzu	1718585560 doesnt work Report Comment
ROACH	1700098515 Silyy!!! Report Comment :3 by Jam/Bro; 1700099214; Report