V Devil May Cry 5 Layout

Tags:
Description:

V from Devil May Cry 5 deserved his own layout so here it is! You dont need to credit but you want to thats fine! Scenepuppyz on Tiktok
Preview:

click on the image for a larger preview
Code:

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

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url(https://i.pinimg.com/originals/5f/0f/0f/5f0f0fa4f4da60069117e8a1338c70f6.gif);
background-size: cover;
background-repehttps://i.pinimg.com/originals/eb/dd/68/ebdd6896d4325e1ac9fc52ee2bfffba9.gifat: no-repeat;
background-position:center;
animation: yourAnimation 2.5s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>





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


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


* {
    cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol35.cur), auto !important;
}

body {
    font-family: Dancing Script;
    background-color: black;
    font-size: 18px;
}

img {
    filter: none;
}

.online img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(6794%) hue-rotate(240deg) brightness(81%) contrast(66%)
}

#q,
button {
    color: #9011bf;
    background-color: black;
    border: 1px solid #000000;
    font-family: inherit;
}

p,
i,
b,
.count, {
    color: #9011bf !important;
}

a,
.profile .friends .person p,
.logout-btn, .kudos-btn {
    color: #9011bf !important;
    text-decoration: underline !important;
}

.container {
    margin: 0 auto 0;
}

.icon {
    display: none;
}

nav,
nav .links a {
    color: #9011bf;
    text-shadow: none !important;
}

nav .top {
    margin-top: 2px;
    background-image: url(https://i.pinimg.com/564x/66/8d/c2/668dc265ebc2e3fd6a78bca06ed520a9.jpg);
    background-color: black;
    border: 2px solid #000000;
    border-bottom: none;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after {
    content: " 🥀 ";
}

nav .links {
    background-color: black;
    border: 2px solid #000000;
    text-align: center;
}

body {
    background-image:
        url(https://i.pinimg.com/564x/f9/85/03/f98503ccb05e314173f9a75a48416348.jpg);
    background-size: 200px;
}

main {
    background:
  url(https://i.pinimg.com/564x/25/25/fc/2525fcdead6dea33a964ad97613c0c96.jpg);
    color: #2e003e;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}

.heading,
.url-info {
    color: #2e003e !important;
    background: none;
    background-color: black !important;
    border: 2px solid #000000 !important;
}

.inner {
    color: #9011bf !important;
    border: 2px solid #000000;
    border-top: none;
}

.profile-info {
    border: 2px solid #000000;
}

.profile-info .inner {
    border: none;
}

.friends .inner {
    border-bottom: none;
}

#comments {
    border-bottom: 2px solid #000000;
}

.profile .contact,
.profile .table-section,
.home-actions {
    border: none !important;
}

.profile .contact .f-row:first-of-type {
    margin-top: 0px;
    padding-top: 7px;
}

.profile .blurbs .section h4 {
    color: #2e003e !important;
}

.details-table {
    margin: 2px;
}

.details-table,
td {
    border: 1px solid #000000;
    border-collapse: collapse;
}

td {
    color: #9011bf  !important;
    background: none;
    background-color: black !important;
}

table.details-table {
    max-width: 98%;
}

.profile h1 {
    font-size: 20px;
}

footer {
    background: black;
    border: 2px solid  #000000;
    margin-top: 0px;
}

footer p {
    color: #9011bf !important;
}

.comments-table {
    border: none;
    border-collapse: collapse;
}

.comment-replies {
    border: 1px solid  #000000;
    margin: 2px;
}

nav .info {
    background: none;
}

.logo {
    content: url("https://media.discordapp.net/attachments/1083062800752054305/1083085695867953152/batspheylogo.png");
    filter: invert(32%) sepia(5%) saturate(6794%) hue-rotate(240deg) brightness(81%) contrast(66%);
}

.comment-reply:not(:first-child) {
    border-top: 2px solid #1e0027;
}

.profile-info {
    background-image: url(https://4vector.com/i/free-vector-damask-tile_101165_Damask_Tile.png);
}

nav .top img {
    filter: invert(5%) sepia(58%) saturate(5927%) hue-rotate(280deg) brightness(85%) contrast(105%);
}

.profile-info img {
    filter: invert(5%) sepia(58%) saturate(5927%) hue-rotate(280deg) brightness(85%) contrast(105%);
}

.edit-info{
background: black;
border: 1px solid  #000000;
}

.logout-btn{
font-family: Dancing Script;
color:#ddd;}</style>


<iframe width="560" height="315" src="https://www.youtube.com/embed/FYIzzddlcos?si=ubpM8C6XEeAYF1KZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

<style>*{cursor: url(https://static.wikia.nocookie.net/devilmaycry/images/b/b1/DMC5_V_Book_Cover.png/revision/latest/scale-to-width-down/40?cb=20220205052059), auto !important;}</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/51_1zQg2k6s?si=1zrYsDrECE8XtqDB//?&;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>
/* corner image. hidden on mobile */
.image {
    background: url(https://static.wikia.nocookie.net/devilmaycry/images/0/0b/DMC5_Player_icon_%28V%29.png/revision/latest?cb=20190327010149) no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 160px;
    width: 160px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://static.wikia.nocookie.net/devilmaycry/images/0/0b/DMC5_Player_icon_%28V%29.png/revision/latest?cb=20190327010149" width="160" height="160"/></div>






 

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url(https://i.pinimg.com/originals/5b/43/1d/5b431df4d3dc328ebd9c47a6d1c7cf50.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>
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 0 of 0 comments ( View all | Add Comment )