EMO theme

Tags: emo, dark, pink.green, 2008

Description:

feel free to change bits and add stuff, dont forget to credit me/comment/kudos

If the layout stops working when you add your about me info then just make sure you write it under the font code and above the main code

Save each part you add/change as you go along

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');
body{font-family: "chewy" ;}
</style> 
}



info about yourself, its up to you what you type, past the coding in the about me section and write up what you want underneath, the coding wont show up as text so dont worry. 




<style>
body {
    background: url(https://lh3.googleusercontent.com/proxy/H631Sf5jlmHz6lKKf7KrrELkptqF3ByGPG7QZNFyXf-guaUsvgcdZQFX7Ud_gI47lPcaXp_38s2Alqq66fHYCfQrpg);
}
.profile {
background-image:url(https://data.whicdn.com/images/21610149/original.jpg);
  background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: black; 
	//text-shadow: 1px 1px #FF0000;
	
};
	text-shadow: 2px 2px 3px #ff000, 0 0 25px #ff0000, 0 0 5px #FFFFFF;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: 150%;*/
    color: #000000;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#ffd1dc);
}
table, th, td

}
   border: 1px solid #00000;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #000000;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #000000;
   margin 10px 2;
}

.online
{
  color: #FFFFFF!important; 
  //text-shadow: 1px 1px #FFFFFF;
}

:root 
{       --logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--white: ;
        
        --table-header:#ffd1dc;
	--table-color: white;
	--link-text: white;
	--main-text: white;


    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: large;
    color: #000000;
text color: black;
  text-shadow: 1px 1px 2px #ff0000, 0 0 25px #ff0000, 0 0 3px #ffffff; 
}
footer 
{
    background: pink!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #ff0000, 0 0 25px #ff0000, 0 0 3px #ff0000; 
}
.contact {
  border-radius: 8px;
  background-image: url(http://dl.glitter-graphics.net/pub/1420/1420281g202bhedj0.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: #FFFFFF;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://cdn.wallpapersafari.com/37/30/fDioUg.jpg) 
}



/*customising interests box*/
  .profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFFFFF;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #000000;
    text-shadow: 1px 1px 2px white
  }
.general-about {
	background-image: url(https://cdn.hipwallpaper.com/i/8/38/JYEe6O.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/originals/27/7a/2a/277a2a8b9c8f8269a644fdee8592f29b.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://i.pinimg.com/236x/0e/80/3b/0e803b6c1b908673c1ee7b3c0a173989.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}



</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 20 of 108 comments ( View all | Add Comment )

VelvetxzX_x	1736260256 Using :D Report Comment
⊹ ׁ݂ ꒰꒰ ˸ aceeee >< ⋅꒷	1734668567 using Report Comment
m0rganxzz	1734370533 using !!1! Report Comment
jynx	1733347269 using!!1!!!!!! Report Comment
gh0st_grlzim483	1733179282 using! Report Comment
nyXXX	1732841099 using >o< Report Comment
J3LLIFISZHHH‼️‼️‼️	1730440858 USING :33 Report Comment
Langston🏳️‍⚧️	1730204864 using Report Comment
ﮩ٨ـﮩﮩ٨ـ♡ﮩ٨ـﮩﮩ٨ـ	1730175613 using Report Comment
M4R13 >_<	1728932251 Using Report Comment
NORMAN	1728049917 USINGG >:3 Report Comment
KYLIE !!!!!!	1726839573 using Report Comment
☆Kae☆	1726631400 Using! Report Comment
Kaede-Akira Ziichzük	1725931042 using frrr!!!! TYSMMM!!! XD <3 Report Comment
steph	1725813583 using!! Report Comment
Chailol2000	1724278613 Using! Report Comment
Demolition_L0vrXD	1723547710 Usinggg Ty x3 Report Comment
Fynn	1723060002 using! ty!!! Report Comment
XXPiercedPrinceXx	1721482045 Using!!! Report Comment
Z0MB!EE	1718579527 US1NGG TYSM Report Comment