eyeball layout

Tags: eyes, weirdcore, dreamcore, red, blood, weird, dark, simple, animation, layout

Description:

‎contains: gifs, cursor, floating profile, etc.‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎‎‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎‎if you use this PLEASE comment! credit is appreciated too

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
body{
font-family: 'new rocker', cursive;
font-size: 120%;
}
body{background:url("https://i.pinimg.com/564x/17/76/bf/1776bf380c4693f86b7769c1bc8ce466.jpg") no-repeat fixed; background-size:cover;}
}
nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
.online{
  content: url(https://media.discordapp.net/attachments/990004155844296816/1124765262294560938/SmartHatefulAmmonite-size_restricted.gif);
  padding: 5px 0px;
}
a, .profile .friends .person p, p, h2, h3, h4, .count, .links a{
  color: white!important;
}
:root{
 --logo-blue:url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/49/A_black_image.jpg/640px-A_black_image.jpg);
}

nav .links {
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/49/A_black_image.jpg/640px-A_black_image.jpg);
    padding: 3.5px 16px 5.5px 16px;
}
.blog-preview{
background:url(https://media.tenor.com/6vnOWJl8oUUAAAAC/red-eyes-anime-creep-eyes.gif);
  border: 5px solid black;
}
h1{
   border: 5px none;
   padding:5px;
}
:root{
  --red: #000000;
  --orange: #000000;
  --yellow: #000000;
  --green: #000000;
  --cyan: #000000;
  --purple: #000000;
  --pink: #000000;

}

@keyframes glowrainbow{
  0%{
    box-shadow: 0 0 5em 2em var(--red);
  }
  16%{
    box-shadow:0 0 5em 2em var(--orange);
  }
  32%{
    box-shadow: 0 0 5em 2em var(--yellow);
  }
  48%{
    box-shadow: 0 0 5em 2em var(--green);
  }
  64%{
    box-shadow: 0 0 5em 2em var(--cyan);
  }
  80%{
    box-shadow: 0 0 5em 2em var(--purple);
  }
  90%{
    box-shadow: 0 0 5em 2em var(--pink);
  }
  100%{
    box-shadow:0 0 5em 2em var(--red);
  }
}

body > .container{
  animation:30s glowrainbow infinite;
}

button {
  background-color: transparent!important;
  border: none;
  color: black;
  font-weight: bold;
}
.general-about .details {
  border: 5px none;
  padding-bottom: 70px;
}
.mood {
  background-color: transparent;
  border: 5px none;
  padding: 3px;
  margin-bottom: 10px;
}
.container {
width: 90%;
max-width: 1600px;
}
.contact, .url-info, .table-section, .blurbs, .friends, .profile-info {
  background-color: transparent;
  border: 5px solid black!important;
}
footer{
  background-color: black!important;
}
.comments-table td {
  border: 3px solid black;
}
.table-section td {
  border: 3px solid black;
}
.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: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1124770561172713512/SmartHatefulAmmonite-size_restricted_2_50.gif')
}

.contact {
  border-radius: 8px;
  background-image: url(https://64.media.tumblr.com/1643f1acba1cc77f09c82c39c38b7976/f801384b4724ac14-0c/s400x600/87e934fdd06738b2bff2c7634eccfe37786ae25b.gif);
  background-position: center;
  background-repeat: repeat;
background-attachment: scroll;
Width: 300px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 3px Darkred; }
}
.comment-reply:not(:first-child) {
    border-top: 2px solid gray;
}
.comment-replies {
    border: 3px solid black;
}
.comments-table td {
  background:url(https://i.pinimg.com/originals/a5/3d/ed/a53ded1616c9aca8c331091598b4b818.gif);
  background-position: center;
  border: 3px solid black;
}
nav .top, nav .links {
  background-color: transparent;
  color: black;
  font-weight: bold;
}
  body {

text-align: center;
}
h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}
main, footer {
  background-color: transparent;
}
table.details-table td {
background-color: red!important;
border-radius: 10px;
padding: 1em;
box-shadow: 1px 3px 5px #000000;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.url-info{display:none !important;}

main:before {
    width: 100%;
    height: 200px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/ea/42/5f/ea425fcf10774b333dd0d4eca86d264c.jpg);
    background-position: center;
    background-size: fit;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 200px;
    }
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: black!important;
}
td {
  background-color: transparent!important;
}
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ytimg.com/vi/8ewfMByTveo/maxresdefault.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth41.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/08/16/oth41.html" target="_blank" title="Bloody Eyeball"><img src="https://cur.cursors-4u.net/cursor.png" alt="Bloody Eyeball" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Dissonance	1713907184 Using! Report Comment
samЯatafak	1707719043 Using, so cute! Report Comment
sleepingvampirequeen666	1704883787 Using this beautiful masterpiece <3 Report Comment
Jack	1692288759 using!! Report Comment
FleshBagNerd	1690978561 using :D Report Comment
♡ Kyle ♡	1689687528 using :]] Report Comment
Xefros	1689573510 using!!! Report Comment
felikks	1689304513 using!! Report Comment
jeordie (GC bias)	1688760834 totally using this ^_^ Report Comment
MALVYN	1688758303 using this, thanks !! Report Comment
inactive tav 💥	1688422084 using!! Report Comment
✮𝓛𝓸𝓷𝓮𝓵𝔂𝓟𝓮𝓻𝓼𝓸𝓷:(✭	1688352241 Omg slayy dreamcore im using!!! Report Comment
ophelia	1688272549 hi hi! is there any way to just get those little eyeballs on the left? Report Comment yes pls! i would like that very much! :D by ophelia; 1688280004; Report thank u :)) by ophelia; 1688331083; Report ok this is kinda embarrassing but... can u change it back???? it doesn't look right now SORRY by ophelia; 1688332230; Report wait! i did it!!! :D by ophelia; 1688334018; Report