emo/scene red and black!!

Tags: emo, scene, red, black, skull

Description:

hihi!! this is a layout i used for a while bc I LOVE IT, but im gonna try something new, so i thought i'd share it!! if you do use it, please credit me (Xx.discount.lobotomy.xX) somewhere, even just in a comment!! i hope you like it, and please comment on this if you use it :]

Preview:

click on the image for a larger preview

Code:

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

*enter your info!!*

*!!!ALSO!!!
a gif that i had put in the "who i'd like to meet" section can't be included here, but it's

<img src="https://img1.picmix.com/output/stamp/normal/0/6/6/9/1759660_9889a.gif"/>

if you want it!!*

<style>
body{
background-color: #0a0a0a
!important;
background-image: url('https://raisamaudit.com/?Raisa+Maudit.head.15071981091') !important;
background-attachment: SCROLL !important;
background-repeat: REPEAT-X !important;
background-position: TOP !important;
}
</style>
<style>
.top{
background-color: #0a0a0a !important;
background-image: url('https://raisamaudit.com/?Raisa+Maudit.head.15071981091') !important;
background-attachment: SCROLL !important;
background-repeat: REPEAT-X !important;
background-position: TOP !important;
}
</style>
<style>
main{
background-color: COLOR !important;
background-image: url('https://i.imgur.com/td4RtGe.jpg') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT OR NO-REPEAT !important;
background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
}
</style>
<style>
.links{
background-color: #cc0000 !important;
background-image: url('URL') !important;
background-attachment: FIXED OR SCROLL !important;
background-repeat: REPEAT OR NO-REPEAT !important;
background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
}
</style>
<style>
.container{
border: 1px solid #d41919 !important;
}
</style>
<style>
.contact .heading{
background-color: #ff1f1f !important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.contact{
border: 1px solid #000000 !important;
}
</style>
<style>
.top{
color: #FFFFFF;
}
main{
color: #FFFFFF !important;
}
footer{
color: #FFFFFF;
}
</style>
<style>
a{
color: #FFFFFF !important;
}
a:hover{
color: COLOR !important;
}
a:visited{
color: COLOR !important;
}
.top a{
color: #FFFFFF !important;
}
.top a:hover{
color: COLOR !important;
}
.top a:visited{
color: COLOR !important;
}
.links a{
color: #FFFFFF !important;
}
.links a:hover{
color: COLOR !important;
}
.links a:visited{
color: COLOR !important;
}
.friends-grid p{
color: #FFFFFF !important;
}
footer .links a{
color: COLOR !important;
}
footer .links a:hover{
color: COLOR !important;
}
footer .links a:visited{
color: #FFFFFF !important;
}
</style>
<style>
table, th, td {
border: 0px solid;
}
:root {
--topic1: "-general-";
--topic2: "-music-";
--topic3: "-movies-";
--topic4: "-tv-";
--topic5: "-books-";
--topic6: "-heroes-";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color: #ffffff !important;
letter-spacing:normal !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
</style>
<style>
table.details-table{
background-color: #0a0a0a !important;
background-image: url('https://i.imgur.com/H1Dhd5a.gif') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: CENTER !important;
}
.profile .details-table td{
background-image: url('https://i.imgur.com/H1Dhd5a.gif') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: CENTER !important;
background-color: #0a0a0a !important;
}
</style>
<style>
table.details-table{
border: 1px solid #d41919 !important;
}
.profile .details-table td{
border: 1px solid #d41919 !important;
}
</style>
<style>
.table-section .heading{
background-color:
#ff1f1f
!important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.blog-preview h4{
background-color:
#ff1f1f
;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.blurbs .heading{
background-color:
#ff1f1f
!important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.friends .heading{
background-color:
#ff1f1f
!important;
background-image: url('URL');
background-repeat: repeat;
background-position: center;
}
</style>
<style>
.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('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content:url('https://i.imgur.com/1wbvtRT.gif');
}
</style>
<style>
.online{
content: url("https://cur.glitter-graphics.net/pub/3153/3153317kt2m5zfnhu.gif") !important;
}
</style>
<style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "-talk to me-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "-latest blogs-"; font-size:.8rem; color: #FFFFFF !important; }
</style>
<style>
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "-get to know me-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "-about me-"; font-size:.8rem; color: #FFFFFF !important; }
</style>
<style>
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "-who i'd like to meet-"; font-size:.8rem; color: #FFFFFF !important; }
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "-friends?-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "-comments-"; font-size:.8rem; font-weight:bold; color: #FFFFFF !important; }
</style>
<style>
.blurbs .inner{
text-align: center !important;
}
</style>
<style>
.url-info{
border: 1px solid #000000 !important;
}
</style>
<style>
.profile .contact, .profile .table-section, .profile .url-info {
border: 2px solid #000000;
}
</style>
<style>
table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}
</style>
<style>
footer{
background-color: #1f1f1f !important;
background-image: url('URL') !important;
background-attachment: FIXED OR SCROLL !important;
background-repeat: REPEAT OR NO-REPEAT !important;
background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
}
</style>
<style>
footer {background-color: var(--bgcolor); color: var(--textcolor);}
@keyframes flicker {
0% {
opacity: 0.27861;
}
5% {
opacity: 0.34769;
}
10% {
opacity: 0.23604;
}
15% {
opacity: 0.90626;
}
20% {
opacity: 0.18128;
}
25% {
opacity: 0.83891;
}
30% {
opacity: 0.65583;
}
35% {
opacity: 0.67807;
}
40% {
opacity: 0.26559;
}
45% {
opacity: 0.84693;
}
50% {
opacity: 0.96019;
}
55% {
opacity: 0.08594;
}
60% {
opacity: 0.20313;
}
65% {
opacity: 0.71988;
}
70% {
opacity: 0.53455;
}
75% {
opacity: 0.37288;
}
80% {
opacity: 0.71428;
}
85% {
opacity: 0.70419;
}
90% {
opacity: 0.7003;
}
95% {
opacity: 0.36108;
}
100% {
opacity: 0.24387;
}
}
@keyframes textShadow {
0% {
text-shadow: 0.8389924193300864px 0 1px rgba(100,100,100,0.4), -0.8389924193300864px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
5% {
text-shadow: 1.6px 0 1px rgba(100,100,100,0.4), -1.6px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
10% {
text-shadow: 0.04956275843481219px 0 1px rgba(100,100,100,0.4), -0.04956275843481219px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
15% {
text-shadow: 0.80218538552878136px 0 1px rgba(100,100,100,0.4), -0.80218538552878136px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
20% {
text-shadow: 2px 0 1px rgba(100,100,100,0.4), -2px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
25% {
text-shadow: 1.2125630401149584px 0 1px rgba(100,100,100,0.4), -1.2125630401149584px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
30% {
text-shadow: 0.7015590085143956px 0 1px rgba(100,100,100,0.4), -0.7015590085143956px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
35% {
text-shadow: 1.4px 0 1px rgba(100,100,100,0.4), -1.4px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
40% {
text-shadow: 0.9px 0 1px rgba(100,100,100,0.4), -0.9px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
45% {
text-shadow: 0.6px 0 1px rgba(100,100,100,0.4), -0.6px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
50% {
text-shadow: 0.08084290417898504px 0 1px rgba(100,100,100,0.4), -0.08084290417898504px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
55% {
text-shadow: 2px 0 1px rgba(100,100,100,0.4), -2px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
60% {
text-shadow: 0.8px 0 1px rgba(100,100,100,0.4), -0.8px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
65% {
text-shadow: 1px 0 1px rgba(100,100,100,0.4), -1px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
70% {
text-shadow: 0.48874025155497314px 0 1px rgba(100,100,100,0.4), -0.48874025155497314px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
75% {
text-shadow: 0.8948491305757957px 0 1px rgba(100,100,100,0.4), -0.8948491305757957px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
80% {
text-shadow: 0.0833037308038857px 0 1px rgba(100,100,100,0.4), -0.0833037308038857px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
85% {
text-shadow: 0.09769827255241735px 0 1px rgba(100,100,100,0.4), -0.09769827255241735px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
90% {
text-shadow: 0.443339761481782px 0 1px rgba(100,100,100,0.4), -0.443339761481782px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
95% {
text-shadow: 0.1841838852799786px 0 1px rgba(100,100,100,0.4), -0.1841838852799786px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
100% {
text-shadow: 0.6208764473832513px 0 1px rgba(100,100,100,0.4), -0.6208764473832513px 0 1px rgba(100,100,100,0.4), 0 0 3px;
}
}
body::after {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.1);
opacity: 0;
z-index: 2;
pointer-events: none;
animation: flicker 0.15s infinite;
}
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.4) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
body {
animation: textShadow 1.6s infinite;
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-3/gam235.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/12/22/runescape-skull-dead.html" target="_blank" title="Runescape - Skull Dead"><img src="https://cur.cursors-4u.net/cursor.png" alt="Runescape - Skull Dead" 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 20 of 107 comments ( View all | Add Comment )

❁ཻུ۪۪♡miles	1732073801 how do I get the image to the empty white part of my profile? :,( Report Comment
🪽 𝒫𝐼𝐸𝑅𝒞𝐸 丰	1731984885 Using ^_^!! Report Comment
emmie ☆	1731184766 using :3 Report Comment
xXFL3$HXx	1728298460 USINGGGGG Report Comment
୨⎯ milo ⎯୧	1727004587 using Report Comment
chloe	1726677217 using!! this is so cool Report Comment
Alec!	1725230857 using!! Report Comment
Moonly.Night	1725141434 using Report Comment
🦌🫀	1724676668 Using!! ^_^ Report Comment
⨳ Sαɱ ౨ৎ ⨳	1721168792 using Report Comment
gale	1718068181 using Report Comment
bella ☆	1716830926 using Report Comment
🩸pierce,,	1716565532 using Report Comment
𝚜𝚊𝚐𝚎ᶻ 𝗓 𐰁	1716513079 using :) Report Comment
Zofiaa	1716384092 using! <3 Report Comment
jolly🎄 oogaboogabunghole🍉	1712593149 Using Report Comment
Xx Echo Undead xX	1711216851 using Report Comment
Mark	1709736004 using tysm! Report Comment
☆ashton☆	1709236610 using Report Comment
Icie_>_<	1706400073 Using! :3 Report Comment