final fantasy vii / vincent valentine

Tags: ff7, ffvi, final fantasy, final fantasy 7, final fantasy vii, vincent valentine

Description:

vincent valentine from final fantasy vii, includes transparent blood splatter and floating profile

Preview:

click on the image for a larger preview

Code:

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

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://media.discordapp.net/attachments/740060509524590604/1223689934448365568/IMG_9910.jpg?ex=661ac50f&is=6608500f&hm=5b36155fedf95f40f599beeb5872a0443a14b58956ad678edad46527d81b1803&=&format=webp&width=475&height=593);

}
.profile {
   background-color: rgb(120,0,0); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(140,0,0);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(140,0,0);
}

main:before {
    width: auto;
    margin-bottom: 5px;
    border: 1px solid black;
    height: 130px;
    display: block;
    content: "";
    background-image: url(https://media.discordapp.net/attachments/740060509524590604/1223694959526285403/IMG_9912.jpg?ex=661ac9bd&is=660854bd&hm=f05f77cabc04cd6adaa96f7c6ed049cc17c994c0475a8c8edd1e027971857b21&=&format=webp&width=1378&height=552);
    background-position: center center;
    background-size: cover;
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://c.tenor.com/OVDqlsTSrxgAAAAC/vincent-valentine.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;
}
footer {
    border-radius: 15px;
    background-image: url(https://media.discordapp.net/attachments/740060509524590604/1223694959526285403/IMG_9912.jpg?ex=661ac9bd&is=660854bd&hm=f05f77cabc04cd6adaa96f7c6ed049cc17c994c0475a8c8edd1e027971857b21&=&format=webp&width=1378&height=552);
    color: white;
}

table.comments-table td {
    color: rgb(insert rgb);
}

:root {
    --logo-blue:black;
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: dark red;
    --green: pink;
}
</style>

<style>

.profile-pic > img { display:none; }

.profile-pic:after { background-image: URL("http://fightersgeneration.com/nf7/char/vincent-dirge-of-cereberus-animation.gif"); display: inline-block; content:"" }

.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 

</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 3px solid black !important;   

        

    }

</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 3px solid black !important;   

        

    }

</style>

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

<style>
.online{content:url(https://i.ibb.co/n84Lsc3/onnn.gif) }
    </style>


<img src="https://media.giphy.com/media/V642H9kKlGg00/giphy.gif"/>

<style>
.online{content:url(https://i.ibb.co/n84Lsc3/onnn.gif) }
    </style>

<style>
body:after {
  background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f19dc2f7-eebb-4bb0-9e32-f77d0b9301a1/dbfprzm-93e0b97e-a3db-42f5-8611-929e40092df7.png/v1/fill/w_960,h_720,strp/blood_splatter__transparent__by_pendulumwing_dbfprzm-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzIwIiwicGF0aCI6IlwvZlwvZjE5ZGMyZjctZWViYi00YmIwLTllMzItZjc3ZDBiOTMwMWExXC9kYmZwcnptLTkzZTBiOTdlLWEzZGItNDJmNS04NjExLTkyOWU0MDA5MmRmNy5wbmciLCJ3aWR0aCI6Ijw9OTYwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.46ZmWyT7jNi_mDoXZyCP4KfyUClxsoqFFAliHwBubfg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.3;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}

html:after {
  background-image: url(http://i.imgur.com/rcaf5Tj.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.5;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
nav .links a:hover{
    color: darkred;
  animation: fadeIn .5s;
  text-shadow: 0px 0px 5px white;
}
nav .links a{
    text-shadow: 0px 0px 0px ;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.container{
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}</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 )

vxl~tine	1743625733 using Report Comment
Ezelyx	1737836742 using <3 Report Comment
Eva	1736805279 using thx queen Report Comment
ケイ (guitarist and producer)	1735567814 Using Report Comment
ケイ (guitarist and producer)	1735567814 Using Report Comment
myawliet	1731856941 using this!! x3 Report Comment
iiake \| she/her	1712845697 woah, this is SO cool. vincent is my all time fav. I'm using this! Report Comment
Linkin	1711958837 i love him soooooooo much oml Report Comment for realll!!! by iiake \| she/her; 1712845734; Report real !! by •°+WasFaceles+°•; 1729184336; Report