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

Viktor ^_−☆	1721470893 using :3 Report Comment
HIGHTELL2222	1721373339 USING HUGE FAN OF THIS HONESTLY Report Comment
Sleepwalkeerr	1721348950 Usingg Report Comment
Danonino	1721168863 usinggg Report Comment
okayshipp666	1721038724 using Report Comment
Ziggy	1720117067 Using ! :) Report Comment
Devon	1719908307 USING !!! Report Comment
Flint / Cal	1719791747 OMG I LOVE THIS USINGGG <3333 Report Comment
VVV	1719595044 Using !! Report Comment
K3K3	1719447702 Usingg Report Comment
spiralstairwell	1718571554 USIJNNGGG Report Comment SORRY I STOPPED USING IT AFTER LIKE 15 MINUTES I CANT STOP CHANGING MY LAYOUT by spiralstairwell; 1718572179; Report
donksey56	1718203184 USING Report Comment
W1LLIAM	1717724930 MIGHT USE.........!!!!!!!!!!! ^_^ Report Comment
Trent	1717002395 Using Report Comment
suicidetan	1716882725 usingg Report Comment
Brin✰	1716712223 using :3 Report Comment
koiser♡!!	1716246305 using!! Report Comment
Infrared	1715646711 using !! Report Comment
d5vvp	1715621119 Using! Report Comment
dr_Ink	1715607058 usinng Report Comment