black n red layout

Tags: emo, black, simple

Description:

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/31/hol62.html" target="_blank" title="Black Bat"><img src="https://cur.cursors-4u.net/cursor.png" alt="Black Bat" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
body {
background-image: url('http://dl10.glitter-graphics.net/pub/410/410170il3eloiemq.jpg');
background-attachment: fixed;
background-repeat:no-repeat;
background-size: cover;
}
</style>

<style>
/* this is the color of any text that you input */ 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
.profile .blurbs .section h4{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color: white;
}
</style>

<style> 
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:white;
}
</style>

<style>
/* this adjusts the size/font of your name */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h1{
font-size: 30px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style> 

<style> 
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style> 

<style>
/* this is what makes the text bold/look bigger */
p{
font-size: 14px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>
/* links in the navigation bar @ the top */
nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

<style>
/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

<style>
/* the color of the number of your friends */
    .count {
        color: #FFFFFF;
    }
</style>

<style>
/* link colors when you hover over links */
   a:hover {
     color: #DC0000; 
   } 
   a{
     color: #FFFFFF; 
   }
</style>



<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(0, 0, 0, 1);
border-radius:15px;
border: 2px dotted rgba(255, 0, 0, 1)
}
</style>


<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:#DC0000;
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px dotted rgba(156, 0, 0)
}
</style>

<style>
/* links to your friends' profiles */
.profile .friends .person p {
color: #FE0000;  
}
.profile .friends .person p:hover {
color: #FE0000;  
}
</style>

<style> 
/* this is the box that says "_'s latest blog entries" */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Josefin Sans', sans-serif;
background-color:#AB0000
text-transform:lowercase !important;
color: #white;
border-radius:15px;
border: 5px dotted rgba(#FE0000)
}
</style>

<style>
/* this edits your friends' icons */
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px rgba(254, 0, 0);
border: 3px dotted rgba(205, 0, 0 )
}
</style>


<style>
/* these are the colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #000000
}
</style>

<style>
/* contacting "_" */
.profile .contact {
background-color: #000000
}
</style>

<style>
/* friend comments */
.profile .friends .comments-table td {
background-color: #000000;
border: 1px solid rgba(255, 0, 0);  
}
.comments-table td*{
    
    
}
</style>


<style>
/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(255, 0, 0);
}
</style>

<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(255, 0, 0);
}
</style>

<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
} 
   
</style>




<style>
/* red dashed borders */
.profile .url-info {
border: 2px dashed  rgba(255, 0, 0);    
}
.profile .contact {
border: 2px dashed  rgba(255, 0, 0);     
}
.profile .table-section {
border: 2px dashed  rgba(255, 0, 0);     
}

</style>

<style>
/* border inside of comments */
table.comments-table {
border: 2px dashed rgba(255, 0, 0);      
}    
</style>

<style>

</style>

<style>
/* 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: "🔴"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🔴"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🔴"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🔴"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🔴"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🔴"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🔴"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🔴"
}   
</style>

<style>
footer {
color: white !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: black;
  }    
</style>

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

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 41 comments ( View all | Add Comment )

𝒚𝒖𝒖𝖌𝖚𝖑𝖆𝖗	1705140175 using! Report Comment
﹒ 𝓞 𓏵 ⟢	1701057534 using Report Comment
l3ss_th4n_d4v1d	1694952835 Using Report Comment
Z0mbie	1694877140 Using Report Comment
DONOVAN	1694253547 using:3 Report Comment
Martyn	1690409697 using!! Report Comment
Smiledawg	1688966155 using! Report Comment
Jo ☥	1688389822 using !! Report Comment
willmustdie	1687798380 using ^_^ Report Comment
Ely :D	1687590871 going 2 use thiz! Report Comment
moved lol	1687473313 Using!! ^^ Report Comment
Jezebel Massacre	1687216657 using ! Report Comment
𓎟𓎟 ⠀ #MIKE — ✦	1686983161 using !!!! :3 Report Comment
Leah ☆	1686813825 using!! Report Comment
sippin_pesticidesonAcloud	1686459754 usingg <8 Report Comment
Satoru	1686340577 using :-) Report Comment
Dexter	1685861174 super cool >:D using it /gen Report Comment
⊗tobias⊗	1685566302 super cool!/gen using!! Report Comment
RowanIsAVampire??!	1685490887 Using :3 Report Comment
sal ★	1685275325 using !! Report Comment