Hyakugojyuuichi 2003 Layout!!

Tags: lemondemon, 2000s, flash, music player

Description:

AKA just my layout :)

(its not actually that cramped, i was using an HTML tester.)

YOU CAN EDIT THIS TO YOUR LIKING, BUT CREDIT ME OR COMMENT ON THIS POST SO I KNOW YOU'RE USING IT PLS!!

Preview:

click on the image for a larger preview

Code:

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

<style>
/*just the font.*/

@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans&display=swap');
body{font-family: 'Alegreya Sans', sans-serif;}

</style>


<style>
 /*these code parts break VERY EASILY, so just be careful. :)*/

.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:"My Idols:";
font-size:.8rem;

}

img.logo{
      content: url("https://64.media.tumblr.com/bf55a3d36befd12c21d6cfc652af2126/tumblr_pnpejw0sVq1rcth22o1_1280.png");
      width: 90px !important;
      height: 90px !important;

}

main:before {
    content: url(https://i.imgur.com/DPFVBOr.png);
    position: fixed;
    bottom: -40px;
    right: -30px;
    transform: translateX(-3vw) translateY(-6vh);
    pointer-events: none;

}


            ::-webkit-scrollbar {
    width: 0px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);


}

.url-info{display:none !important;}

}

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: ""; font-size:.8rem; 

}

.blurbs .heading{display:none !important;}

}

/*the cursor is a smiley face, if u were wondering!*/ body 
{cursor:url(https://www.gafcodes.com/premade/cursors/jspunkette/cursor13.cur), auto;}

</style>

<style>

.container {
width: 50%;
max-width: 1600px;

}

body {
   background: url(https://i.imgur.com/G2RRj1V.png);
  height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;

}

main {
   background:
url(https://i.imgur.com/vxODP74.gif);
   color: #fff;
   border: 2px dashed #ffd500
   box-shadow: 0px 8px 15px 1px #f6ff00;

}

.blurbs {
   background: rgba(207, 229, 45, 0.71);
   border: 10px dashed #ffd500;
   box-shadow: 0px 0px 15px 2px #f6ff00

}

.blog-preview {
   padding: 5px;
   background: rgba(207, 229, 45, 0.71);
   border: 10px dashed #ffd500;
   box-shadow: 0px 0px 15px 2px #f6ff00;
   
}

.profile h1 {
   text-align: center;
   font-size: 30px;
    background: url(https://i.imgur.com/cq5awx3.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: alegreya, sans serif;

}

.profile h1 {
display: show;
content: url("https://www.commentslive.com/glitter-word-maker/donez/32162fd583ca2e46.gif");

}

.profile-info {
   background: rgba(207, 229, 45, 0.71);
   border: 10px dashed #ffd500
   box-shadow: 0px 0px 15px 2px #f6ff00;

}

.general-about {
   background: rgba(207, 229, 45, 0.71);
   border: 10px dashed #ffd500
   box-shadow: 0px 0px 15px 2px #f6ff00;
   padding: 15px;

}

.online {
    content: url(http://www.myspacegens.com/images/online_now/331.gif);

}

.contact {
   background: rgba(207, 229, 45, 0.71);
   border: 10px dashed #ffd500
   box-shadow: 0px 0px 15px 2px #f6ff00;

}

.url-info {
   background: rgba(207, 229, 45, 0.71);
   border: 2px dashed #ffd500
   box-shadow: 0px 0px 15px 2px #f6ff00;
   
}

.table-section {
   background: rgba(207, 229, 45, 0.71);
   border: 10px dashed #ffd500
   box-shadow: 0px 0px 15px 2px #f6ff00;

}

.friends {
   background: rgba(207, 229, 45, 0.71);
   border: 10px dashed #ffd500
   box-shadow: 0px 0px 15px 2px #f6ff00;
   margin-bottom: 20px;

}

.comments-table{
   background-image: url(https://imageio.forbes.com/specials-images/imageserve/5ed68e8310716f0007411996/A-black-screen--like-the-one-that-overtook-the-internet-on-the-morning-of-June-2-/960x0.jpg?format=jpg&width=960);
    display: block;
    height: 250px !important;
    width: 400px;
    overflow-y: scroll;

}

div.top {
   background: url(https://64.media.tumblr.com/87d20429c688fa89d7c59369601b9b75/58e740d82900cbd3-95/s100x200/96aeecdc7a4537777d8fc57379ab5a1cecea41fc.pnj);
   border-left: 10px dashed #ffd500
   border-right: 10px dashed #ffd500
   box-shadow: 0px 8px 15px 1px #f6ff00;

}

.links {
   background: url(https://i.imgur.com/cq5awx3.gif);
   border-left: 10px dashed #ffd500
   border-right: 10px dashed #ffd500
   box-shadow: 0px 8px 15px 1px #f6ff00;

}

footer {
   color: #fff;
   background: url(https://64.media.tumblr.com/87d20429c688fa89d7c59369601b9b75/58e740d82900cbd3-95/s100x200/96aeecdc7a4537777d8fc57379ab5a1cecea41fc.pnj);
   border: 10px dashed #ffd500
   box-shadow: 0px 8px 15px 1px #f6ff00;

}

a.navbar:hover, a.man:hover, a:hover {
    background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;

}

.count {
    color: #ffd500
    font-style: normal;

}

:root {
    --yellow: #f6ff00;
    --dark-yellow: #ffd500;
    --darker-gray: #000;
    --logo-blue: #16ff00;
    --darker-blue: #00e8ff;
    --lighter-blue:#e60707;
    --even-lighter-blue: #e60707;
    --lightest-blue: #e60707;
    --dark-orange: #e60707;
    --light-orange: rgba(255, 255, 255, 0.6);
    --even-lighter-orange: #000000d1;
    --strange-yellow: #ff3c2e;
    --green: #ff3c2e;
    --dark-green: #b8241a;
    --red: #b8241a;

}

body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/59647f204aa212f862ebe4e256c03938/21b7b7cea37d8bb2-ff/s250x400/edd48ede44eab2e70ab313f0c510e035c5dc83a1.gifv');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2.28s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }



/* that's a music player for Hyakugojyuuichi 2003 (embedded from Soundcloud)*/


</style>


YOU GOTTA SEE HYAKUGOJYUUICHI!!

<iframe width="0%" height="0" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1218210415&color=%23ff5500&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://www.albinoblacksheep.com/lemondemon/" title="TheJeffShow" target="_blank" style="color: #cccccc; text-decoration: none;">Lemon Demon</a> · <a href="https://www.albinoblacksheep.com/audio/hyaku2003" title="Hyakugojyuuichi 2003" target="_blank" style="color: #cccccc; text-decoration: none;">Hyakugojyuuichi 2003</a></div>

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

taco	1682124936 using i love lemon demon sm Report Comment
ps2	1677587239 so awsome Report Comment
Kobraghostz	1673894402 gonna use this 4 sure!! Report Comment
Sage	1673332365 def using dis Report Comment
Squall6396	1665429450 I'm using it! Ty Report Comment
jay decay	1662141266 OMG I LUV LEMON DEOMN USINGGG TY Report Comment
Cole!	1661532310 def using this!!! Report Comment
Mei	1661211116 using this!!!!!!! Report Comment nice!! :D by Jackson/Lappy !!; 1661212088; Report