Normalboots layout ^___^

Tags: normalboots, youtube, jontron, peanutbuttergamer, pbg, boots

Description:

Just a basic layout my friend made and i edited for my favorite youtuber group. I didnt do any of the code, just the silly graphics:-P Stuff besides the basic layout are: cursor, boots shaped friends icon, tiny little jontron in the corner, nd my best attempt at pixel art of some boots for the blog pin icon ^__^ the nyan cat online icon isnt really nb themed though

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
    background-image: url('https://biscuit2.crd.co/assets/images/image109.gif?v=dfc17534') !important;
    background-attachment: fixed !important;
    background-repeat: repeat !important;  
    background-position: center;      
    }
</style>
<style>
    main{    
    background-color: transparent !important; 
    }
</style>
<style>
    .blurbs{ 
    background-image: url('https://files.catbox.moe/nfdngz.jpg') !important;
    background-size: 150px;
    border: 2px dashed white;
    }
</style>
<style>
    .top{
    background-image: url(https://files.catbox.moe/nfdngz.jpg) !important; 
    border: 2px dashed white;
    border-bottom: none;
    }
</style>
<style>
    .friends{
    background-color: transparent !important;
    }
</style>
<style>
    .comments-table td{
    background-color: darkgreen !important;
    border: ridge 4px #ba6f43;
    }
</style>
<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-image: url(https://files.catbox.moe/nfdngz.jpg) !important;
background-size: 150px;
border: dashed 2px white
}
nav .links a:hover {
color: green;
}
</style>
<style>
.friends:not(#comments) {
  grid-area: friends;
  background-image: url(https://files.catbox.moe/nfdngz.jpg);
  border: 2px dashed white;
}
</style>
<style>
    .blog-preview{
     background-image: url("https://files.catbox.moe/nfdngz.jpg");
     border: 2px dashed white;
    }
</style>
<style>
    .contact{
    background-image: url('https://files.catbox.moe/nfdngz.jpg') !important;
    border: 2px dashed white !important    
    }
</style>
<style>
    .heading{       
    background-color: transparent !important;
    }
</style>
<style>
    .profile .table-section {
    background-image: url(https://files.catbox.moe/nfdngz.jpg);
    border: 1px white solid;
    }
    .profile .table-section td {
    background-image: url(https://files.catbox.moe/nfdngz.jpg);
    border: 2px dashed white;
    }
</style>
<style>.url-info{display: none !important;}</style>
<style>
/* little box by your pfp color and opacity */
.general-about {
 background-image: url(https://files.catbox.moe/nfdngz.jpg);
 background-size: 150px;
 border: 2px dashed white;
</style>
<style>
/* custom contact 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: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://biscuit2.crd.co/assets/images/gallery39/5a78e19f.gif?v=dfc17534")
    }
</style>
<style>
/* turns default black text white, you can change the color if you want */
h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}
}
</style>
<style>
    .blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  background-image: url(https://files.catbox.moe/fm7nhk.png);
  background-size: 100%;
  align-content: center;
  border:;
}
</style>
<style>
.profile-info {display:none !important;}
</style>
<style>
/*font shit*/
body{
font-family: 'more perfect dos vga'; !important;
}
</style>

<style>
.logo {
content:url("https://files.catbox.moe/sfjakf.png");
}
.online {
content:url("https://biscuit2.crd.co/assets/images/gallery29/6b2b398a.gif?v=dfc17534");
}
</style>

<style>
.blog-preview .pinned .icon{
content: url('https://files.hookipa.net/upload/c571d686c9a9f04cf460bc4c5be5a625cddf98d8/NmyOPTkE3CgCq4VT5EzwxDglgmESXfZOqdRBh2m1/e_HvLHloRx-nkIfw-9JvZw.png');

}

</style>

<div style="float:  ; max-height: 140px; position: fixed; right: 30px; bottom: 00px; z-index: 400;">
<img src="https://files.hookipa.net/upload/bc40165aaa68e514166a0f43c96a4445ed50ce3c/3wEo9s7r40OZBpeJUJhaPPJDckjnLGsI60UFYMDO/tGGbrKnHQZ2VZ1oSiQWOxg.gif" width="180" height="140"/></div>

<style>
.profile .friends .person img:not(.icon) {
-webkit-mask-image: url(https://files.catbox.moe/qggl86.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}

.comments-table td:first-child img:not(.icon) {
-webkit-mask-image: url(https://files.catbox.moe/qggl86.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}

</style>

<style>*{cursor:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bb653486-b1d8-4973-94f2-b2a0a51c9415/daru7jy-c49bce15-7294-4a0e-9abc-e337ff64957f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JiNjUzNDg2LWIxZDgtNDk3My05NGYyLWIyYTBhNTFjOTQxNVwvZGFydTdqeS1jNDliY2UxNS03Mjk0LTRhMGUtOWFiYy1lMzM3ZmY2NDk1N2YucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JmPNNO2YGCCgsuIwSMfGTZ2tP3v7qJNUFVCkDM2eFz0), auto!important;}</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 0 of 0 comments ( View all | Add Comment )