username 666

Tags: web, creepy, emo, scary, dark, art, red, 2000s

Description:

my current layout, inspired by a YouTube video "username666", the old web, and creepypasta.

Preview:

click on the image for a larger preview

Code:

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

<style>

/*flip profile*/

.profile{

direction: rtl;



}



.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{

direction: ltr;



}

</style>



<style>


html:before {

  content: " ";

  display: block; position: fixed;

  top: 0; left: 0; bottom: 0; right: 0;

  background: linear-gradient(rgba(255, 255, 255, 0.26) 50%, rgba(255, 188, 222, 0.26) 50%);

  z-index: 2;

  background-size: 100% 2px, 3px 100%;

  pointer-events: none;

}

h1 {

font-size: 30px!important;

line-height: 80px;

font-family: 'Silkscreen', cursive;

font-weight:normal;

text-transform: uppercase;

letter-spacing: -1.5px;

color: rgba(255, 204, 230, 1);

text-align:center;

padding-bottom:0px;

padding-top:0px;

text-shadow: 0 0 5px ;

background: ;

background-image:url("https://media.tenor.com/F-Gy8cqRdaQAAAAM/cyclop-one-eye.gif");

background-position: center;

background-size: 100%;

border: solid 3px rgba(255, 204, 230, 1);

}


.links li a .icon  { /*the pallet next to art section*/
  display: none;
}
.links .special a:link, .links .special a:visited  { /*color of art button*/
  color: black;
}

.links .special a:hover { /*hover color of art button*/
  color: black;
}
    nav .links a {
    text-decoration: none;
    color: pink; /* Change Link color*/
    font-size: 0.98em;
}
    
nav .links a:hover  {
    color: red; /* Change Link hover color*/
    text-decoration: underline;
}

nav .links { background-color: transparent; background-image: url('https://64.media.tumblr.com/528b834b249e2bc3e946755e390045cb/fd59c9f71bee8cff-d1/s400x600/8608080c499391b27809df5c27ae6405bf4214e9.gifv'); background-size: cover; text-align: center; margin-bottom: 1em; 
}

nav .links a {
     text-shadow: 0 0 3px blue; /*nav links shadows*/
}


.profile .contact, .profile .url-info, .profile .table-section, .blurbs, .friends, 

.profile-info{


border: 4px solid black !important}

border-radius: 0px

}
  font-size: 150%;

}

h1,h2,h3,h4,h5{

  font-size: 200%; 


}
  body {

   background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/54adb844-d78c-4a63-9a83-b6229792972b/d9fppv6-ac2a900f-0064-47cb-bd48-50308df37f74.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU0YWRiODQ0LWQ3OGMtNGE2My05YTgzLWI2MjI5NzkyOTcyYlwvZDlmcHB2Ni1hYzJhOTAwZi0wMDY0LTQ3Y2ItYmQ0OC01MDMwOGRmMzdmNzQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.BmhDbeBMXf8RdqrLqXRDXgIHUhBjYWUv9Qo2jeh7DRA);



}
main{
background: rgb(54,1,2);
background: linear-gradient(0deg, rgba(54,1,2,0.42) 0%, rgba(89,0,2,0.42) 11%, rgba(147,0,3,0.42) 21%, rgba(214,36,40,0.42) 34%, rgba(255,139,142,0.42) 50%, rgba(214,36,40,0.42) 68%, rgba(147,0,3,0.42) 80%, rgba(89,0,2,0.42) 91%, rgba(89,0,2,0.42) 100%);
}
.profile {

   background-color: rgb(insert rgb); 

}

/* ignore these */

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb(insert rgb);

   color: none;

}

/*ignore these */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: none;

   color: rgb(insert rgb);

}

/*header*/

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px black;

    height: 200px;

    display: block;

    content: "";

    background-image: url(https://i.pinimg.com/564x/1d/f0/89/1df0897828f66edd1d7e6e0bd0593b8d.jpg);

    background-position: center center;

    background-size: cover;

}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://i.makeagif.com/media/11-22-2014/qlA1vc.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 6s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}

/*footer*/

footer {

    border-radius: 0px;

    background-image: url(https://64.media.tumblr.com/8da032603a2ff3343c32833d7959e7bc/tumblr_p61tzgchCN1qeyvpto1_500.gifv);

    color: white;

}



table.comments-table td {

    color: rgb(250,204,229);

}

/*online now icon*/

.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/103.gif"); animation-name: none; visibility: visible; height: 25px; width: 90px;

}

/*color*/

:root {

    --logo-blue:none;

    --darker-blue: black;

    --lighter-blue: black;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: black;

    --light-orange: black;

    --even-lighter-orange: black;

    --green: pink;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: black;

  color: pink;

}



/* colors for table cell background (by default spacehey has a separate color for :first-child) */



.profile .table-section .details-table td {

  background-color: black;

  color: pink;

}



/* headings on the right */



.profile .blurbs .heading, .profile .friends .heading {

  background-color: none;

  color: pink;

}

</style>



<style>

/*contacting 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 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>* {cursor: url(http://www.rw-designer.com/cursor-view/128419.png), auto !important;}</style><a href="http://www.rw-designer.com/cursor-view/128419.png" target="_blank" title="Spider Man Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Spider Man Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
body{font-family: "Share Tech Mono", monospace;}
</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 180 comments ( View all | Add Comment )

gutsyroach	1788316888 using this is sick Report Comment
3epcidicvermin_69	1786217290 using goat thanku Report Comment
＊•̩̩͙✩•̩̩͙˚ᗩᑎGEᒪ˚•̩̩͙✩•̩̩͙＊	1785482554 love it i think i may use this one lmk if you want me to post about it or add you or sm <3 Report Comment
yontazx	1785378381 usingg Report Comment
zuride/ziyka	1782936769 using :3 Report Comment
RafaAnimates!	1781464751 using!!! Report Comment
Elliot	1780777367 USINGG Report Comment
⁷⁷⁷	1779920363 using Report Comment
nelka XD	1779367739 using Report Comment
•⩊• 4K4R1 ｀(^▼^)´↗	1778743639 usandoo Report Comment
•⩊• 4K4R1 ｀(^▼^)´↗	1778743639 usandoo Report Comment
S0urcr34m:p	1777770995 Usingg, ty Report Comment
Maxxie ¡! 🥩	1777185095 Usando!! :3 Report Comment
Fatal	1775701030 Using!! I love this creepypasta!! Report Comment
lilyfart/tinasquid	1775037189 using Report Comment
ℙ𝕣𝕠𝕩𝕪	1774390816 using!! tysm! Report Comment
333	1772676606 Using!! Report Comment
Rixx	1772347128 so cool using it yeaaaaaeeeaaahhh Report Comment
Rixx	1772347128 so cool using it yeaaaaaeeeaaahhh Report Comment
Caihne	1771720000 using!!! Report Comment