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 112 comments ( View all | Add 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
boss man	1742874131 usingg this is awesome Report Comment
boss man	1742874131 usingg this is awesome Report Comment
yuri	1742814022 usin Report Comment
𝐖hisky💉	1741803622 using!! 💚 Report Comment
Giternet(^~^)	1741285831 usssiing Report Comment
xD	1741206212 using Report Comment
Salmao	1741033857 Usando Report Comment
☆Killian Seventeen☆	1740744779 Using! Report Comment
adammurray88	1740481547 using Report Comment
✧༺♥༻∞𝓝𝓲𝓷✧༺♥༻∞	1740392935 using Report Comment