VTMB

Tags:
Description:

Vtmb layout
Code:

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

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




<style>

body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://steamuserimages-a.akamaihd.net/ugc/854973288917083534/CFDFC3905C2E6DAE35094A06C6BE518BDE95F401/');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3.1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 
} 


.logo {

content:url("https://i.postimg.cc/c4B25cS9/2024-01-11-0pe-Kleki-removebg-preview.png");

}


/*Colors*/
     :root {
        --logo-blue: #;
        --darker-blue: #fffcfd;
        --lighter-blue: #2F0815;
        --even-lighter-blue: #2F0815;
        --lightest-blue: #2F0815;
        --dark-orange: white;
        --light-orange: #2F0815;
        --even-lighter-orange: #2F0815;
        --green: ;}

main {
border-radius: 0 0 0px 0px;
background: #2F0815 !important;}

.profile {
color:white;
text-shadow: 0 0 9px black;}

/*Vendetta Background*/
body {
background:url('https://static.wixstatic.com/media/4cc246_c1bb5e0dee1b46fbbdf327536782d83f~mv2_d_5120_2844_s_4_2.jpg/v1/fill/w_1920,h_1067,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/4cc246_c1bb5e0dee1b46fbbdf327536782d83f~mv2_d_5120_2844_s_4_2.jpg'); no-repeat fixed; background-size:cover; }

/*Background Wallpaper*/
.profile {
background-image:URL("https://i.pinimg.com/564x/40/9b/cd/409bcd2dd91049d919abcf1b3e4045bf.jpg" );}

/*Footer Wallpaper*/
footer {background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");
background-repeat: none;
border-radius: 0px;}

/*Online Now Icon*/
.online {
    content: url();
}

/*Contact Icons*/
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url();
 filter: grayscale(.7);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url();
 filter: grayscale(.7);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url();
 filter: grayscale(.7);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url();
 filter: grayscale(.7);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url();
 filter: grayscale(.7);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url();
 filter: grayscale(.7);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url();
 filter: grayscale(.7);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url();
 filter: grayscale(.7);
}


/*Comment table border*/
  table, tr, td { 
  background-color: none; 
 border:none; } 


/* Start https://www.cursors-4u.com */ * {cursor: url(), auto !important;} /* End https://www.cursors-4u.com */



</style>

<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://www.bing.com/th/id/OGC.4ccbeaab6739a2b55693de7923bcc88d?pid=1.7&rurl=https%3a%2f%2fgiffiles.alphacoders.com%2f229%2f22906.gif&ehk=0RstJqFeWEa%2bU8MMgRe9%2bn4rDdwC8vo1ODme%2fDPUZ%2bc%3d');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>


<img src="https://i.pinimg.com/originals/03/fb/63/03fb63e88913b9ae8bda36b90c56b508.gif" alt="giphy-2" width="500" height="400" class="giphy-embed"/>

<style>

li.active .icon { content:url('https://i4.glitter-graphics.org/pub/2792/2792164gm3v08vgq3.gif'); width: 20PX;height: 20px;}

</style>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/4cb467adf5421494a6c4929f7a6db8fd/c78b394541e6c6c9-4d/s640x960/784b2c6cdb971d0a9f98923794e1f2f7bec3639a.gifv);  width: auto; height: 70px; background-position: top center; background-size: 90%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</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 2 of 2 comments ( View all | Add Comment )
CYNICDEVILz
1734077117
epic layout, gonna use it
Report Comment
HogBoss
1726897026
So badass! I'd totally use it next time I change my layout!
Report Comment