simple playboy layout!

Tags: playboy bunny

Description:

If i can come up with more things to add i will! but in the meantime, im publishing it. Please lmk if you use :3 comes with: Play boy cursor Beautiful is boring - Bones UK loop feel free to change whatever you want and make it your own <3

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym144.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/03/20/sym143.html" target="_blank" title="Playboy 13"><img src="https://cur.cursors-4u.net/cursor.png" alt="Playboy 13" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
body, .bodyContent {
background: url(https://media.discordapp.net/attachments/1163522551310471260/1172658709575520407/wp8870054.png?ex=65611e87&is=654ea987&hm=44ab27c5117fd1b949fba0af9c72bd5bcb8578cf3841ccaca81d404b3f16ee5d&=&width=1101&height=588);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}
main {
    background: #ffffff00;
}
nav .top {
    background: #9ca0ab00;
    background: #1d4ed800;
}
nav .links {
    background-color: #516c8d00;
    background-color: #60a5fa00;
}
a {
    color: #999999;
    color: #b21b26;
}
:root {
    --light-gray: #f2f0f0;
    --gray: #ffffff00;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #000000;
    --darker-blue: #636f99;
    --lighter-blue: #000000;
    --even-lighter-blue: #b4141f;
    --lightest-blue: #ffffff;
    --red: #ffffff;
    --dark-orange: #ED0707;
    --light-orange: #000000;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #ffffff;
    --medium-green: #213f1e;
    --dark-green: #11231d;
    accent-color: #000000;
    accent-color: #282f45;
}
.online {
    color: #b4171d;
    font-weight: bold;
    font-size: 95%;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: #cb7d7d;
    color: #ffffff;
}
a {
    color: #999999;
    color: #ff00134a;
}
.profile .friends .heading {
    background: #f9c56c;
    background: var(--light-orange);
    color: #ED0707;
    color: #ba161c;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: var(--light-orange);
    color: #fb0000;
    color: #6b0609;
    padding: 2px 7px
}
nav .links .special a {
    color: #ffffff;
}
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 5px 1px 20px #ffffff;
    font-size: 0.98em;
    font-size: max(0.98em, 12px)
}
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://media0.giphy.com/media/l2Sq2H8jnxowb0s1y/giphy.gif?cid=6c09b952bbyns0r1qx7e5999bu3x5a9rs2zdtcv61xvpojb4&ep=v1_gifs_search&rid=giphy.gif&ct=g');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
main {
    color: #fdfdfd;
</style> 

<style>.online { visibility: hidden; } .online img { content: url("<a href="https://www.glitter-graphics.com"><img src="http://dl10.glitter-graphics.net/pub/565/565090yjmbo526or.gif" width=464 height=359 border=0><br><a href="https://www.glitter-graphics.com" target=_blank>glitter-graphics.com
"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://64.media.tumblr.com/6fa9ad9f859cf058bfe19a2536b0aa11/tumblr_pkv647vWBM1xp1j77o1_540.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

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


<iframe width="0" height="0" src="https://www.youtube.com/embed/oXLGSE4TZ2I//?&;amp;;autoplay=1&;loop=1&;controls=1&quot;" 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>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

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

Zara	1726301541 heyyy i tried to use this but some of the colours r messed up and dont show up- i love this layout tho id love it if you could fix it Report Comment