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

N4na.Web	1736318024 using Report Comment
N4na.Web	1736318020 using Report Comment
nena nana	1730031256 using Report Comment
Splashscreenofficial	1729407415 Using! Report Comment
Urvi｡𖦹°‧	1725731315 usingg <3 Report Comment
꓄ꃅꍟ ꉓꂦ꒒꒒ꍟꉓ꓄ꂦꋪ	1717802584 using!! Report Comment
Crimson.Phobia	1702840012 Thank you, I'll be using this. Report Comment
gumball [inactive]	1700803105 using!! Report Comment
TAV ! ☆	1694364061 Using Report Comment
️⭐Hypershock⭐️	1691705357 using Report Comment
max	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