scene/emo black and purple checker layout

Tags: emo, scene, scemo, purple, black, 2000s, simple, glitter

Description:

back again with another simple layout. same as the last red and black one ( which u can check out here: https://layouts.spacehey.com/layout?id=104197 ) but now its the best color, pruble XP

anywayzz feel free to use this, change up bits and pieces, all that. just don't remove my signature and website link from the CSS if you're using most or all of my code. feel free to comment too, but no pressure. i'd love to see if anyone uses this ^^

k thx byee

tl;dr: if you use this keep my name and website link, comment if you want to

Preview:

click on the image for a larger preview

Code:

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

<style>
/* your starting style tag, which is how you start any profile layout or CSS generally */

html{
scrollbar-color:#4a235a black;
}
/* changes scrollbar color */


.contact .heading{ 
font-size:0; 
}
.contact .heading:before {
    content: "talk 2 me!";
    font-weight: bold;
    font-size: 13px;
    color:  white;
}
/* edits the text in ur add to friends section */


.profile {
color: white;
border:0px none;
font-family: "Courier New", monospace;
font-size:12px;
 }
/* determines some base stuff. in order: */
/* border 0px none specifies no border around the body of your profile */
/* then you have font family and size which specifies which font */

:root{
 --dark-orange: white; 
text-shadow: 1px 1px #8f00ff;
}
/* changes blurbs subheaders color (abt me, who id like to meet) */

main {
  background-color:black;
  border:0px none;
}
/* the background color of your whole account, and border 0px for no border around your profile body */

body {
    background: url(https://i.pinimg.com/originals/50/32/80/5032807dd0f297c902363205e4e34fee.gif);
}
/* background gif, so the cool glittery checker pattern */

h1{   
color: white; 
text-shadow: 2px 2px 0px #8f00ff;
}
/* changes all text with the h1 (header 1) tag */
/* in this case, this just edits how your name appears at the top of your profile */


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #121212;
  color:white;
  text-shadow:1px 1px 0px #8f00ff;
}
/* adds cool red text shadow to sub headers, so stuff like Interests and Blurbs and all that */
/* each comma seperates a different sub heading */


.friends:not(#comments) {
  background:black;  
}
/* changes the background color of your friends list */
.friends .inner .friends-grid .person p{
	color:white;
}
/* changes friends list name color */

.friends .inner .friends-grid .person p:hover{
	color: #8f00ff;
}
/* changes friends list name color on hover */


.profile .friends td {
  background: black;
} 
/* makes your profile comments section black and not orange */


.logo {
    background: #8f00ff;
}
/* changes the color of the spacehey logo */

nav{
background-color:#4a235a;
}
/* changes the color of the navbar */
nav ul{
background:none !important;
}
/* overrides light blue navbar color */
/* if you want it to match the logo and top replace bg color #4a235 with #8f00ff */

.top{
background:#8f00ff !important;
}
/* changes the color of the stuff above the navbar, !important is to override blue color */
/* i find it looks nicer when this matches the color of .logo, but idk if you add a border to the logo it might look nice? idk lmao */

.profile .table-section .details-table td {
  background-color:#121212;
  color: violet;
  text-shadow: 0px 0px black;
}
/* background color and font color for your interests and links tables */


.profile .blurbs .heading, .profile .friends .heading, .blog-preview h4 {
  background-color: #121212;
  color: white;
  text-shadow:1px 1px 0px #8f00ff;
}
/* changes subheaders (blurbs, latest blog entries, etc) to white text with shadow */


.online { 
visibility: hidden; 
} 
.online img { content: url("http://www.coolspacetricks.com/images/myspaceicons/194.gif"); 
	animation-name: none; 
	visibility: visible; 
	height: 20px; 
	width: 80px; 
}
/* replaces default online icon with pink skull one */


.friends th, tr, .friends td, th, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img{
border: 0px !important;
padding: 5px;
outline: none !important;
}
/* makes it so tables, comments, url, and contact sections have no border */


.friends#comments .inner .comments-table .comment-replies {
	border: black solid !important;
}
/* makes replies not have a white border */


.profile-pic img{
	filter:grayscale(50%);
	transition-duration:1s;
}
.profile-pic img:hover{
	filter:grayscale(0%);
	transition-duration:1s;
}
/* hover fx for profile pic, optional */


footer{
    background-color: black;
    color: #8f00ff;
    padding:5px;
}
/* changes spacehey footer colors (the gray box that says brought to you by tibush) */


a {
color:violet;
}
/* changes link color */

a:hover{
color:white;
}
/* changes link color from ugly blue to white with pruble shadow */



/* hey, if ur reading this dont delete this line or i'll be miffed lmfao, it doesn't even affect ur layout at all smfh */
/* just maybe if this helped,, visit my website at https://f4t4l.rip */
/* or don't. im not ur mom */
/* - f4t4lfrankie */

/* anyways, this tag below closes off all that CSS and coding junk. basically, put it at the end so everything actually shows up */
</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 432 comments ( View all | Add Comment )

jacobXD	1770216302 using Report Comment
𝙻𝚞𝚗𝚘𝚠 / 𝙽𝚞𝚕𝚕𝚢 🎱🎀	1769962064 Usingg!!1! Report Comment
The_Ghost-Of.Elliot	1769950777 using!!! Report Comment
★XxAtlasxX★	1769654217 USING Report Comment
xXEy3r15NyxXx	1769560648 using :p Report Comment
ximee	1769456423 usandoo Report Comment
M͓̽₳ł₦ ₭łĐ ⱤɆV	1769452992 usingg Report Comment
> ꪜⅈꪀᥴꫀꪀ𝕥 / ꪀꪮ𝕣𝕥ꫝ ⁽ᵛⁱⁿⁿʸ⁾ <	1769341954 using :P Report Comment
𖦹 ࣪˖lizzy🪼⊹	1769042558 using Report Comment
strwbrscents	1768771939 usinggg Report Comment
Jellyfinchs stupid testing thing	1768740112 using!! Report Comment
Gerg >_\\ $Gerg >_\\'s profile picture$	1768146946 using! Report Comment
𝔗𝔥𝔢_𝔯𝔢𝔞𝔩.𝔱𝔬𝔵𝔦𝔠𝔶𝔲𝔯𝔦	1768129010 usingggg Report Comment
claude <3	1767523049 usingg :3 Report Comment
Stupid_L	1767497302 Usandoo~ Report Comment
ʚ📷💤 L1ZZY 💤📷ɞ	1767447718 Using :3 Report Comment i changed almost everything lol, thank you so much for explaining how it works!! by ʚ📷💤 L1ZZY 💤📷ɞ; 1767450906; Report
M★RS !!	1767441475 Using although I changed and added a lot of stuff 🙏 Report Comment
MonstergirlJo	1767325708 usin :D Report Comment
Szczurzadupa	1767322212 usin Report Comment
Rie	1767093990 usinggg Report Comment