Some Devil May Cry Layout with

Tags: #dmc #red #devilmaycry #emo
Description:

Thing i did for my profile, but i'm not gonna use it anoymore, you can change anything if u wanna i don't mind at all
Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/ro9Nbr6_lo0//?&;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>

<div id="profile">
<ul>
<br/>
ㅤ<img src="https://64.media.tumblr.com/8a7c6f920fc43865d2a2a917fb43d5be/4616cdbbea33975b-f7/s640x960/df521182bb31d484ba71887a66daa41a7634d2dd.pnj"/>

<center>
<h1> tittle  <br/>

</h1><p> 𝗧𝗵𝗶𝘀 𝗽𝗿𝗼𝗳𝗶𝗹𝗲 𝗰𝗼𝗻𝘁𝗮𝗶𝗻𝘀 <br/>


<br/>
<img src="https://64.media.tumblr.com/9f50e48d675bb1517bc791a6bd1b5371/4149a1d35ab9816c-8c/s75x75_c1/24ef959f5295abbdc1cbb82eb43f612ea725db62.gifv" style="float:center; width:5%;"/>

<br/></p><center><img src="https://media.discordapp.net/attachments/1150988746439802912/1169074406459457618/ezgif.com-resize_1.gif?ex=65541462&is=65419f62&hm=df633c8f4ff93b71d8bf6a39cd6565eede1d28411a1fce94170800c03628fe74&=&width=375&height=193"/><p></p>
<br/>
<br/> <img src="https://64.media.tumblr.com/cb8200cf520dbf203b0cdfaa7d60a493/a506ef0b34addf3d-30/s75x75_c1/64f0a53c68552631942ff9b76531c0d9c6c5c8eb.pnj"/> May take a while to load on older devices ♡
<br/><img src="https://64.media.tumblr.com/e218717d56a52b33b336fd27a4b2aac1/a506ef0b34addf3d-48/s75x75_c1/f7b456fc394ef79558e15d899b7d4eca1ef008ed.pnj"/> Visually on cell phones does not look so good 
<br/> <img src="https://64.media.tumblr.com/50b99c5184a35a3d7899c702bbf2b2ce/a506ef0b34addf3d-f5/s75x75_c1/aee4e6f360bab87e5986dd2836e3534015e221da.pnj"/> Autoplay Music <img src="https://64.media.tumblr.com/7965fba458a5c4736a3fec45c2b6f545/9a5e59d4a20102aa-8c/s75x75_c1/f5070ffb9c3358ce17864d2014de95d9928460b7.gifv"/> Bright Colors
<br/>

<br/>𝗥𝗲𝗮𝗱 𝗠𝘆 𝗔𝗯𝘁 𝗺𝗲 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗯𝗲𝗳𝗼𝗿𝗲 𝘆𝗼𝘂 𝗶𝗻𝘁, 𝗽𝗹𝗲𝗮𝘀𝗲! <br/>

<br/>𝗖𝗟𝗜𝗖𝗞 𝗕𝗘𝗟𝗟𝗢𝗪 𝗕𝗨𝗗𝗗𝗬<br/>

<center><img src="https://cdn.discordapp.com/attachments/1150988746439802912/1169061800738832516/ezgif.com-resize.gif?ex=655408a5&is=654193a5&hm=6c6196d4f0d2448f4bec4259ca909b79b26dfe8b9041a796a065aec238a11248&"/><p>⋆</p>
<br/>

<a href="#profile">Yep
</a><img src="https://64.media.tumblr.com/13b5c2dd5ca9eea1fd27469182ea3e22/ac486ead1b504d48-15/s75x75_c1/9ba69c5c12f97beb90c3ac94c02cbb0f977306ad.gifv"/><a href="https://spacehey.com/home">
Nahh </a>
<br/><br/>

<img src="https://64.media.tumblr.com/4b8eaa39b1dc97b6f5241b045b5ca9ec/0d9d6392a423e969-0c/s500x750/a79a060e378bce57436289dfda93f6239beb670b.gifv"/>

<center><img src="https://64.media.tumblr.com/f4a2ff708f3ac145fa7b1001e0b95d2a/3882a131a1739e32-f2/s75x75_c1/2f681965e24e1412bf23ea91e3673e5e60404734.gifv"/><p> 𝗕𝘆𝗲 𝗕𝘆𝗲</p>
<br/>

<style> 

#profile{
 position: fixed;
 background-image: url('https://i.pinimg.com/originals/6a/61/e1/6a61e14a5839ece5a7d0702481e33f1e.gif');
 background-color: black;
 color: white;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 120%;
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}
#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > ul {
 border-radius: 30px;
 padding: 20px 50px;
 border: 5px double red;
 background-color: black;
}

</style></center></center></center></center></ul></div>
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
 

<style>

<!-- rounded borders -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

}

<style>
body {
font-family: Courier New, monospace;
background-color: black;
}
img {
filter: sepia(100%) hue-rotate(312deg) saturate(4);
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: #f53636;
background-color: black;
border: 1px solid red;
font-family: inherit;
}
p, i, b, .count {
color: #f53636 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #f53636 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #f53636;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid red;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid red;
}
body{
background-image:
url(https://i.pinimg.com/736x/c6/31/01/c631018a779d34701d7638862cd48abf.jpg);
background-attachment: fixed;
background-size: 1000px;

}
 main:before {
    box-shadow: 0 0 5px #f34045;
    border-radius: 30px #f34045;
	width: 98%;
	height: 100px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/84/54/32/8454326cf6da76fb50d564cf8d92d2cc.gif');
	background-position: center center;
	background-size: cover;
	margin-bottom:5px;
}

main {
background: black;
color: #f53636;
border-left: 2px solid red;
border-right: 2px solid red;
}
.heading, .url-info {
color: #d90000 !important;
background: none;
background-color: black !important;
border: 2px solid red !important;
}
.inner {
color: #f53636 !important;
border: 2px solid red;
border-top: none;
}
.profile-info {
border: 2px solid red;
}
.profile-info{
background:url("https://i.pinimg.com/originals/9c/5a/1b/9c5a1b06c18eed26ded9d17b84469b93.gif") no-repeat fixed; background-size:cover;
border: 3px inset darkred;
font-family: courier;
box-shadow: 0px 0px 10px 0px darkred;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid red;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}

.contact .heading h4{
display:none !important;}


.contact .heading{ font-size:20px;}
.contact .heading:before{ content: url(https://media.discordapp.net/attachments/1150988746439802912/1169765393473208360/ezgif.com-resize_2.gif?ex=655697ea&is=654422ea&hm=fd2f26f4106ea09fd7393d778d42e1b438b3570b601baf29e00540c4f66d5a31&=&width=362&height=150); 
overflow:hidden;
}
.profile .blurbs .section h4 {
color: #f53636 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid red;
border-collapse: collapse;
}
td {
color: #e72121 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid red;
}
footer p {
color #e72121 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid red;
margin: 2px;
}
nav .info {
background: none;
}

<style>
/*comment + replies scrollbox*/
.comment-replies, .comment-reply{
height: auto;
max-height: 100px;
overflow-y: auto;
overflow-x: auto;

}

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

}

</style>

<style>
/*blurbs scroll*/
.blurbs {
overflow-y: auto; 
overflow-x: none;
height: 200px;

}

</style>


<style>
/*flip profile*/
.profile{
direction: rtl;

}

.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{
direction: ltr;

}

</style>

<style>
.online {
    margin:auto;
    padding-bottom: 2px;
    content: url(https://media.discordapp.net/attachments/1011038984052428830/1167228613310029866/IMG_4923.gif?ex=655697db&is=654422db&hm=4ce18bf3926c9e0552e98e73725cee287aa65553d873ab7836dfdaff9097d1e9&=&width=25&height=25);
  animation: rotation 6s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }


</style>




<style>

<

<style>* {cursor: url(https://cur.cursors-4u.net/sports/spo-1/spo26.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/08/12/spo26.html" target="_blank" title="Sword"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sword" style="position:absolute; top: 0px; right: 0px;"/></a>
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 )
★↝Ninon★
1742068054
It's so cool !!
Report Comment