Dark Purple sparkly layout

Tags: goth, emo, purple, spooky, sparkles, glitter, vampy

Description:

BROKEN BC I WAS USING IMGUR. will fix eventually vampy sparkly purple layout! has a ghost cursor, and ghost gerard in it lolz (couldn't help myself). the "weirdos rule" bit is not included! its a little blinky i made and i didn't want to remove it from my profile before screenshotting, soz. kinda for my own achieves like these all are as I'll probably be using this for a bit. comment if you use! don't need credit just like to see :)

Preview:

click on the image for a larger preview

Code:

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

<style>
/*=== body background image + font ===*/

body {
background-image: url(https://i.imgur.com/bc755Neh.gif);
background-attachment: fixed;
    p{ font-family:'Orbitron', sans-serif;
    font-size: 25px;
    color: white
}
</style>


<style>    
/*=== image for the top navigation box thingy ===*/

nav .top{
     background-image: url(https://i.imgur.com/sghCsJkh.jpg);
     border: dotted;
     border-color: RGB(102,59,145);
     border-width: 6px;
}
</style>

<style>
/*=== profile background/color + border ===*/

.profile{
   background-color: ;
   border: dotted;
   border-color: RGB(102,59,145);
   border-width: 6px;
  color: white;
}
</style>

<style>
/*=== background color + border for headings + navigation links ===*/

.profile .blurbs .heading, .profile .friends .heading, main, top, links, nav .top, nav .links, details-table {
color: rgb(153, 0, 0);
background-image:url(https://i.imgur.com/eDdinRvl.jpg);
color: #FFFFFF;
border: dotted;
border-width:3px;
border-color: RGB(102,59,145);
font-color: white;
}
</style>

<style>
/*=== font import ===*/

@import 
p{ font-family:'Orbitron', sans-serif;
font-size: 100%;
color: white;
</style>

<style>
/*=== online now icon ===*/

.online {
    content: url('http://dl7.glitter-graphics.net/pub/1562/1562797wkctqghyov.gif');
}

<style>



<style>
/*=== profile picture border ===*/

.profile-pic {
        border-radius: 250px;
        overflow: hidden;
     border: dotted;
     border-color: RGB(102,59,145);
     border-width: 2px;
}
.profile .friends .person img {
border-radius: 500px;
        overflow: hidden;
     border: dotted;
     border-color: RGB(102,59,145);
     border-width: 2px;
     color: white;
}
    }
</style>

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

</style>

<style>
/*=== contact emojis ===*/

.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 5em;
    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 Favorites */
	content: "🤍"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💬"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "☁️"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "📄"
   }

</style>

<style>
/*=== contact background image ===*/

.contact {
  border-radius: 8px;
  background-image: url(https://i.imgur.com/5p1VNa8m.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;
border: dotted;
border-color: RGB(102,59,145);
border-width: 2px;</style>


<style>
/*=== color changes ===*/

:root {
    --logo-blue: RGB(102,59,145);
    --headers: white;
    --darker-blue: white;
    --lighter-blue: RGB(116,116,251);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange: url('https://i.imgur.com/N2dNXJCm.jpg');
    --even-lighter-orange: url('https://i.imgur.com/sghCsJkl.jpg');
    --green: RGB(116,116,251);
    --links: RGB(102,59,145);
}

</style>

<style>
/*=== footer image ===*/

footer {
background-image: url(https://i.imgur.com/mUeuSWRt.jpg) 
!important; 
background-position: bottom center !important;
background-repeat: repeat !important;
</style>


<style>
/*=== image for 'about me' section ===*/
</style>

<style>
    .friends{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/m3ykz1kh.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
    color: black;
        
    }
</style>

<style>
li.active .icon { 
    content:url('<a href="https://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/642/642313x242na1zlk.gif" width=30 height=31 border=0>'); 
    width: XXXPX;
    height: XXXpx;
    }
</style>

<style>
table.comments-table{

display: block;
height: 1600px!important;
overflow-y: scroll;

}
</style>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "the coolest people here"; font-size:.8rem; font-weight:bold; }
</style>

<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "MAKE SOME NOISE!"; font-size:.8rem; font-weight:bold; }
</style>

<style>
             ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: RGB(134,110,170);
    }

    ::-webkit-scrollbar-track {
    background: RGB(64,2,187);
    }
</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 32 comments ( View all | Add Comment )

Crimson.Phobia	1702840012 Thank you, I'll be using this. Report Comment
gumball [remaking profile]	1700803105 using!! Report Comment
KarkAT ! ☆	1694364061 Using Report Comment
👑🩷Hypershock🩷👑	1691705357 using Report Comment
kore	1689421565 Using x Report Comment
Othello~	1689273977 using <3 Report Comment
✧˚•₊🩸bloodflwrz🖤₊•˚✧	1688993531 using! great layout thanks :3 Report Comment
Vixen	1688800889 using, this is so cool, ty! Report Comment
Jane๑ﾉ☆	1688724186 using Report Comment
MAHBU	1687489540 Using. This is so cool. Report Comment
charlie;)	1687460480 Im using it its so pretty Report Comment
fleshboy	1687323510 gonna be using it, it looks so cool!! Report Comment
R0n! :))	1687129071 Using!! It's so pretty Report Comment
☽ 𝖌𝖔𝖙𝖍𝖎𝖈 ♡ 𝖉𝖔𝖛𝖊 ☾	1687061369 USING!!!! Report Comment
missleo	1686950603 using Report Comment
C♡𝑹𝑴𝑬𝑵.	1686670796 using Report Comment
Sevii	1686660734 usingg! Report Comment
☆★ 𝕃𝕀𝕍 ★☆	1686615070 I just made this account but i'll use this ty!!!! Report Comment
Koi	1686450532 This looks cool!! I'm using this Report Comment
Rox	1685786657 It’s so cute!!! I’m definitely using it in the future!! Report Comment