A Cool Layout For A Cool Person : Tobi

Tags:

Description:

i made this layout for my mutual tobi :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by D.S ★ Layoutz (https://layouts.spacehey.com/layout?id=102324) -->

<img src="https://media.discordapp.net/attachments/884085156913225839/1221570384437186601/oie_24222255M8df8eu4.jpg?ex=66130f13&is=66009a13&hm=382ba6828820e00583b716e67da5b44677534970c1e587cc6e544bb97c9be418&=&format=webp"/>

<img src="https://media.discordapp.net/attachments/884085156913225839/1221570384659353721/oie_24222213ORVG9FeU.jpg?ex=66130f13&is=66009a13&hm=afcc8280bbbef7b03a98369bcd89ff6e5279785664a3c3d8e65d91c92d5d7650&=&format=webp"/>
<img src="https://media.discordapp.net/attachments/884085156913225839/1221570384034402485/oie_24222330AYJTP5w3.jpg?ex=66130f13&is=66009a13&hm=116ccdbebc4f568d1c844950f67e78ed48c0dec5a4865a895fa6c9e1bfad0496&=&format=webp"/>




<style>
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}


/*Keyboard Divider*/
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 20px;
  background-image: url(https://i.ibb.co/p1C1Ck2/keyboard.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;}


body {
       background: url(https://i.pinimg.com/564x/69/b0/4d/69b04dc5c5d888a31c2a2ebf8df2f7d6.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background size: cover;
}

</style>
<style>
.profile {
Background: #CED6D5;
}


</style>

<style>
nav .top, .links {
background-image: url('https://media.discordapp.net/attachments/884085156913225839/1221546610211950592/oie_2420442oNoHy3WP.jpg?ex=6612f8ef&is=660083ef&hm=9ed408181e51df932af7c457e7d29f27d870c07ea671eb0bb87dff5b9ca3c349&=&format=webp&width=342&height=513')
}
</style>



<style>
div.table-section {

border: 3px solid black !important;

}

div.contact {

border: 3px solid black !important;

}

div.url-info {

border: 3px solid black !important;

}

}

table.comments-table td {
    color: red;
}

:root {
    --logo-blue:black;
    --darker-blue: #829592;
    --lighter-blue: #384F4C;
    --even-lighter-blue: light-blue;
    --lightest-blue: ;
    --dark-orange: #829592;
    --light-orange: #384F4C;
    --even-lighter-orange: #384F4C;
    --green: pink;
}


}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://media.discordapp.net/attachments/884085156913225839/1221573510560743504/oie_pfEiwuPm7DOJ_1.png?ex=661311fc&is=66009cfc&hm=f045cc93432d1aba39132b192e447fc2ab4a15aec8896476ead68c6b864e36b7&=&format=webp&quality=lossless);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: ;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}


</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 )

Neth	1711344936 I LUV THIS Report Comment thanks sm!! :) by D.S ★ Layoutz; 1711374955; Report