Layout Tester!

About me:

The Layout Code: How to use this layout: Make sure you select all coding in the box then copy and paste into your spacehey account profile , once pasted click saved it should show up on your profile and remember this domain isn't affilated with spacehey.com

<style> .profile-info{ background:url("https://i.imgur.com/eX89eSG.png") no-repeat fixed; background-size:cover; background-image: center; border: 3px solid black; box-shadow: 0px 0px 15px 0px black; } .profile .table-section .details-table td { background:url("https://i.imgur.com/eX89eSG.png"); background-image: center; border: 3px solid black; box-shadow: 0px 0px 10px 0px black; } </style> <style> .profile .friends .inner{ text-align: center; background-image: url("https://i.imgur.com/eX89eSG.png"); border: 3px solid black; box-shadow: 0px 0px 10px 0px black; background-position: center; } </style> <style> footer{ background-color: COLOR !important; background-image: url('https://i.imgur.com/2sNwOpR.png') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } </style> <style> .contact{ background-color: COLOR !important; background-image: url('https://i.imgur.com/2sNwOpR.png') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } </style> <div class="chr"></div> <style> div.chr { background: url(https://i.imgur.com/vmVUgEM.png); background-size: 100%!important; position: fixed; left: 200px; bottom: 0.5px; height: 270px; width:320px; z-index: 100; opacity: 100%; background-blend-mode: overlay; }" </style> <style> main:before { width: 100%; height: 300px; display: block; content: ""; background-image: url('https://i.imgur.com/YfrwHHM.png'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } } </style> <style> main { background-color: #cfc4af!important; } </style> <style> .Ocarina Layouts !! { BACKGROUND P R O P E R T I E S } body { background:url(https://i.imgur.com/jsjrb5h.png) #f6e94a; background-position:bottom right; background-attachment:fixed; background-repeat:no-repeat; </style> <style> .top{ background-color: #cfc4af!important; background-image: url('URL') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } </style> <style> .links{ background-color: #cfc4af !important; background-image: url('URL') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } </style> <style> .comments-table td{ background-color: #cfc4af !important; background-image: url('URL') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } </style> <style> .comments-table td{ border:0px solid black !important; } </style> <style> .top{ color: #374990; } main{ color: #374990!important; } footer{ color: #374990; } </style> <style> a{ color: #374990 !important; } a:hover{ color: #d16530 !important; } a:visited{ color: #374990 !important; } .top a{ color: #d16530 !important; } .top a:hover{ color: # 374990 !important; } .top a:visited{ color: #d16530 !important; } .links a{ color: #374990!important; } .links a:hover{ color: #d16530 !important; } .links a:visited{ color: #374990 !important; } .friends-grid p{ color: #d16530 !important; } footer .links a{ color: #374990 !important; } footer .links a:hover{ color: #d16530 !important; } footer .links a:visited{ color: #374990 !important; } </style> <style> } .profile { background-color: #1f1712; color: #d16530; /*your text color for most of the page - this is the complimentary color for the magenta that you chose. Feel free to change it*/ } /*these are your various headers, I have used yellow to show you which text is affected by this code. Feel free to change them to what you prefer. If you want individual headers to be different colors then you have to write each one in a separate piece of code.*/ h3 , h4, h5, .url-info b { color: #d16530; } /*This is the color of the links on your page. I have set them to green so you can see what they are. Feel free to change them to your preferred color*/ a { color: #374990; } /* color of the normal text on your page. I have set this to purple so that you know which text is affected. Feel free to change it to what you prefer*/ p, h2 { color: #374990; } /* color of friend's names in the comments, number of friends and your name. This I set to orange */ h1, .count, .friends a p { color: #374990; } </style> <style> table.comments-table{ display: block; height: 250px!important; overflow-y: scroll; } </style> <a href="https://spacehey.com/ocarina" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 160px; height: 82px; filter: hue-rotate() saturate();"><img src="https://i.imgur.com/PM6MPOE.gif" alt=""/></div></a> <style> ::-webkit-scrollbar { width: 3px; height: 10px; } ::-webkit-scrollbar-thumb { background: rgba(80, 80, 80); } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); } </style> <style> button{ background-color: #374990!important; background-image: url('URL') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } </style> <style>.blog-preview{display: none !important;} .heading{display: none !important;}</style> <style> .table-section:last-of-type { display: none; }</style> <style> a.next{display: none !important;} } footer ul li a {color: #000000 !important;} </style> <style> .blog-preview{display: none !important;} </style> <style>.blog-preview{display: none !important;} .heading{display: none !important;}</style> <style> .table-section:last-of-type { display: none; }</style> <style> a.next{display: none !important;} } footer ul li a {color: #000000 !important;} </style> <style> .blog-preview{display: none !important;} </style> <style> .blurbs .section h4{display: none !important;} </style> <style> .url-info{ background: url('https://i.imgur.com/2sNwOpR.png'); background-position: center; height: 77px; background-size:cover; } .url-info p{ opacity: 0.0; } </style> <iframe width="500" height="100" src="https://www.youtube.com/embed/XeZiff9FVTQ?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe>

[edit]

Who I'd like to meet:

h

[edit]