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

RANDAL	1749985159 using Report Comment
Gitarez (>~<)	1749551985 usssing :) Report Comment
Cal	1749370547 Using maybe Report Comment
newt	1749256777 this is awesome, using Report Comment
wüste	1749226406 using Report Comment
put(ry)dum	1748457370 using! Report Comment
asselinssatan	1748113221 using :> Report Comment
D31uSi0N_dr3aM	1748005271 USIIING, ITS S0 V3RY C00L Report Comment
idk	1747745523 using! Report Comment
★ᥴ᥆rsᥱ𝗍ᥴrᥙsһ★	1747584555 Using🎀 Report Comment
☮︎︎ꪶꫀ᥊ꪗ☥𓂀	1746327395 Using Report Comment
Andreaz Abhorrence	1745707294 Using Report Comment
Sha	1745519556 usagi Report Comment
c00k00m0k0	1745508888 USINGG Report Comment
Windy	1745430364 using Report Comment
Windy	1745430361 using Report Comment
shuu🍀🐹🪖🔨	1744994060 Using Report Comment
marx⸸urbANO2009	1744522553 usig Report Comment
saintmoon	1744010847 Usin Report Comment
boss man	1742874131 usingg this is awesome Report Comment