︎︎ Stanley H. (layout better viewed on PC)
Report Blog Entry
my BIGTOP LAYOUT IS YOURS!!
BEFORE YOU ADD THIS TO YOUR PROFILE:
you might need to know some coding knowledge. you will have to get your ID from your spacehey link (example of mine: https://spacehey.com/profile?id=2497394), then paste the ID where you'll NEED to place. some of the buttons NEED your link, it's the rules.
layout code:
---
<div style="float: ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index:200;">layout by sleepyshinpi/stanley.</div>
<center>
<div style="display: flex; width: 780px;">
<div style="border: 0px solid black; width: 770px; height: 490px; padding: 5px; border-radius: 0px 0px 0px 0px">
<div style="background-image: url(https://external-media.spacehey.net/media/spHREyCxN2lpqJuj8cTYWc5wewLu3XTeFRyw4g5wUqBQ=/https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #adcbe1, #ff94c8, #ffe494); background-repeat: no-repeat; background-position: right; border: 3px solid black; width: 755px; height: 30px; padding: 5px; border-radius: 0px 0px 0px 0px; border-style: groove outset outset outset; border-color: #fff #121211 #121211 #fff; ">
<p style="text-align: left;"><span style="color: rgb(255, 255, 255);">myprofile.exe</span></p>
</div>
<div style="background-color: #cfccc2; border: 2px solid black; width: 755px; height: 35px; padding: 5px; border-radius: 0px 0px 0px 0px;">
<p style="text-align: left;"><span style="color: #000;"><a href="https://spacehey.com/home">home</a> | <a href="https://spacehey.com/browse">browse</a> | <a href="https://spacehey.com/search">search</a> | <a href="https://blog.spacehey.com/">blogs</a> | <a href="https://groups.spacehey.com/">groups</a></span></p>
</div>
<div style="border: 0px solid black; width: 770px; height: 380px; padding: 5px; border-radius: 0px 0px 0px 0px; display: flex;">
<div style="border: 0px solid black; width: 510px; height: 350px; padding: 5px; border-radius: 0px 0px 0px 0px;">
<div style="background-image: url(https://external-media.spacehey.net/media/spHREyCxN2lpqJuj8cTYWc5wewLu3XTeFRyw4g5wUqBQ=/https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #adcbe1, #ff94c8, #ffe494); background-repeat: no-repeat; background-position: right; border: 3px solid black; width: 500px; height: 30px; padding: 5px; border-radius: 0px 0px 0px 0px; border-style: groove outset outset outset; border-color: #fff #121211 #121211 #fff; ">
<p style="text-align: left;"><span style="color: rgb(255, 255, 255);">About Me + Who I Like To Meet.</span></p>
</div>
<div style="background-color: #cfccc2; border: 2px solid black; width: 500px; height: 325px; padding: 5px; border-radius: 0px 0px 0px 0px; overflow-y: auto;">
<p>About me:</p>
<p>INSERT ABOUT ME STUFF HERE</p>
<br><br><p>---</p><br><br>
<p>Who i'd like to meet:</p>
<p>INSERT WHO I'D LIKE TO MEET STUFF HERE</p>
</div>
<div style="height: 10px; text-align: left;">
</div>
<div style="background-image: url(https://external-media.spacehey.net/media/spHREyCxN2lpqJuj8cTYWc5wewLu3XTeFRyw4g5wUqBQ=/https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #adcbe1, #ff94c8, #ffe494); background-repeat: no-repeat; background-position: right; border: 3px solid black; width: 500px; height: 30px; padding: 5px; border-radius: 0px 0px 0px 0px; border-style: groove outset outset outset; border-color: #fff #121211 #121211 #fff; ">
<p style="text-align: left;"><span style="color: rgb(255, 255, 255);">Comments.</span></p>
</div>
<div style="background-color: #cfccc2; border: 2px solid black; width: 500px; height: 35px; padding: 5px; border-radius: 0px 0px 0px 0px; ">
<p>★ <a href="https://spacehey.com/comments?id=PLACEID">view comments</a> - <a href="https://spacehey.com/comments?id=PLACEID">add comments</a> ★</p>
</div>
</div>
<div style="border: 0px solid black; width: 510px; height: 350px; padding: 5px; border-radius: 0px 0px 0px 0px;">
<div style="background-image: url(https://external-media.spacehey.net/media/spHREyCxN2lpqJuj8cTYWc5wewLu3XTeFRyw4g5wUqBQ=/https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #adcbe1, #ff94c8, #ffe494); background-repeat: no-repeat; background-position: right; border: 3px solid black; width: 220px; height: 30px; padding: 5px; border-radius: 0px 0px 0px 0px; border-style: groove outset outset outset; border-color: #fff #121211 #121211 #fff; ">
<p style="text-align: left;"><span style="color: rgb(255, 255, 255);">Contacting Me.</span></p>
</div>
<div style="background-color: #cfccc2; border: 2px solid black; width: 220px; height: 375px; padding: 5px; border-radius: 0px 0px 0px 0px; overflow-y: auto;">
<br/>
<p>★ YOUR NAME HERE ★</p>
<p><img src="https://file.garden/ZQeZj6zuxT0YovHN/f866949a866cac324628acbb0d255872.jpg" width="140"/></p>
<br/>
<p>Contacting [INSERT NAME]:</p>
<p><a href="https://spacehey.com/comments?id=PLACEID">add me</a></p>
<p><a href="https://spacehey.com/comments?id=PLACEID">unadd me</a></p>
<p><a href="https://spacehey.com/comments?id=PLACEID">report me</a></p>
<p><a href="https://spacehey.com/comments?id=PLACEID">block me</a></p>
<p><a href="https://spacehey.com/comments?id=PLACEID">message me</a></p>
<p><a href="https://spacehey.com/comments?id=PLACEID">fave me</a></p>
<br/><br/>
</div>
</div>
</div>
</div>
<style>
/*Customizes scroll bar*/
/* width */
::-webkit-scrollbar
{
width: 10px;
}
/*Customizes color of the direction buttons*/
::-webkit-scrollbar-button:start {
background-color: #636363;
}
::-webkit-scrollbar-button:end {
background-color: #636363;
}
/*Customizes color of Handle */
::-webkit-scrollbar-thumb
{
background-color: #c1c1c1;
border-radius: 0px;
}
/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
background: #9c9c9c;
}
/*Customizes color of Track */
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px #bdbdbd;
background-color: #383838;
border-radius: 0px;
}
/* Scrollbar Buttons */
/*Width*/
::-webkit-scrollbar-button
{
height: 16px;
width: 16px;
}
/* Up */
::-webkit-scrollbar-button:vertical:decrement
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/0yt2dVc/Arrow-Up.png");
}
/*Up Hover*/
::-webkit-scrollbar-button:vertical:decrement:hover
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/Fn2qWmj/Arrow-Up-hover.png");
}
/* Down */
::-webkit-scrollbar-button:vertical:increment
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/rGMFVKm/Arrow-Down.png");
}
/*Down Hover*/
::-webkit-scrollbar-button:vertical:increment:hover
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/PYWv05Q/Arrow-Down-hover.png");
}
/* Left */
::-webkit-scrollbar-button:horizontal:decrement
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/brJnjD4/Arrow-Left.png");
}
/*Left Hover*/
::-webkit-scrollbar-button:horizontal:decrement:hover
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/0rQhWN5/Arrow-Left-hover.png");
}
/* Right */
::-webkit-scrollbar-button:horizontal:increment
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/4dyTzJt/Right.png");
}
/*Right Hover*/
::-webkit-scrollbar-button:horizontal:increment:hover
{
height: 16px;
width: 16px;
background-position: center center;
background-image: url("https://i.ibb.co/qrRZ8CR/Right-Hover.png");
}
</style>
<!-- (c) Layout created by ✚༏ིྀ ┈ morguen . ( not mobile friendly ) (https://layouts.spacehey.com/layout?id=91145) -->
<style>
:root {
--logo-blue: transparent;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent!important;
--dark-orange: transparent!important;
--light-orange: transparent;
--even-lighter-orange: transparent;
}
p {
color: #000414 /* change this if wanted */;
}
a {
color: #063e47 /* change this */;;
}
a:hover {
color: #091c7d /* also change this */;
font-style: italic;
}
body {
background-color: #007f7e;
background-image: url(https://file.garden/ZQeZj6zuxT0YovHN/bg%2Cf8f8f8-flat%2C750x%2C075%2Cf-pad%2C750x1000%2Cf8f8f8.jpg);
text-align: center;
font-family: ms gothic;
font-weight: bold;
}
.container {
width: 2000px;
padding: 10px;
margin-top: 5px;
background-color: transparent;
}
main {
z-index: 10;
border-radius: 0px;
overflow-y: hidden;
background-color: transparent;
}
</style>
<style>
.friends, .blog-preview, .url-info, .logo, .christmas, .top .left, .top .center, .search-wrapper, .top .right, .blurbs .section h4, .heading, .profile-info, .table-section, .col.left, nav .links {
display: none!important;
}
a:hover, a:active, a:visited, nav .links a:hover {
text-decoration: none;
}
FOOTER > UL.links {
display: none;
}
FOOTER > P:nth-child(1) {
display: none;
}
FOOTER > P:nth-child(2) {
display: none;
}
P.copyright {
display: none;
}
footer {
height: 5px;
background-color: transparent;
background-position: center;
margin-top: -10px;
}
li.active .icon, .contact img.icon, .links .icon, .comments-table a .icon {
display: none;
}
</style>
<style>
@font-face {
font-family:'protomo';
src: url(https://dl.dropbox.com/s/n2rde8xf929fs56/Protomo-Outline.otf);
}
@font-face {
font-family:'protomo-fill';
src: url(https://dl.dropbox.com/s/p7waq4bof8ne0qt/Protomo.otf);
}
#nametext {
font-family: protomo;
font-size: 45px;
margin-bottom: -10px;
color: white;
filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black) /* don't remove this */;
letter-spacing: 5px;
text-align: center;
}
#linktext {
font-family: protomo-fill;
font-size: 30px;
color: white;
letter-spacing: 4px;
}
</style></div></center>
---
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
MsEpic64
waoW :0