Ghost ⛧'s profile picture

Published by

published
updated

Category: SpaceHey

Current layout/autoplay code :)

I update this as I change layouts and if anyone wants it, I will make one for my previous layouts as I change them. None of these are mine. Credits are above the code!

Credit:

bluelagoonz on tumblr for the transmasc swag blinkie


Autoplay:

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


<div class="player"></div>

<iframe src="https://www.youtube.com/embed/###URLGOESHERE###?autoplay=1" allow="autoplay" loading="eager" class="video">

</iframe>

<style>.video{width:190px;height:130px;position:fixed;bottom:38px;left:4px;z-index:100;border-style:none}.player{background:url(https://i.pinimg.com/564x/28/e4/81/28e48107366ef6af92c8ee48a0178fa6.jpg);background-size:100%!important;height:210px;width:200px;position:fixed;bottom:0px;left:0px;border-radius:5px;}</style>

Layout:

<!-- (c) Layout created by Jody Marie ❤️ (https://layouts.spacehey.com/layout?id=30284) -->


<style>/* Cursor & Scrollbar */

 * {cursor: url('https://cur.cursors-4u.net/cursors/cur-5/cur425.cur'), auto !important;}

  /* Chrome, Edge, and Safari */

 *::-webkit-scrollbar {width: 18px;}


 *::-webkit-scrollbar-track {background: #000;}

 *::-webkit-scrollbar-thumb {

  background-color: #fff;

  border-radius: 10px;

  border: 3px solid #fff;

 }

</style>


<style>/* Profile Design Info */

    :root {

        --logo-blue: #000000;

        --darker-blue: #ffffff;

        --lighter-blue: #575757;

        --even-lighter-blue: #000000;

        --lightest-blue: #000000;

        --dark-orange: #ffffff;

        --light-orange: #000000;

        --even-lighter-orange: #000000;

        --green: #000000;

 }



    body

        {background: url("https://images2.imgbox.com/b3/ce/7JMZvXG2_o.jpg");}

     

    .profile {background-color: #000; color: #fff;}

    

 main {

        border-radius: 0 0 10px 10px;

        background: rgba(0,0,0) !important;

padding: 0px 0px;

    }

 * {font-family: Monospace;}

 .container {

        border-radius: 15px 15px 0 0;

        overflow: hidden;

        margin-top: 30px;

        padding: 10px;

    }


    footer {

        border-radius: 15px;

        background: rgba(0,0,0) !important;

        color: #fff !important;

        display: block !important;

    }

 footer .links a{color: #ffffff !important;}

    footer .links a:hover{color: #ffffff !important;}


footer .copyright a{color: #ffffff !important;}

 .profile .contact,

    .profile .url-info,

    .profile .table-section,

    .home-actions {

        border: none;

    }

 a.addme {

        font-size: 2rem;

        font-weight: bold;

        margin-bottom: 15px;

        display: block;

    }

</style>


<style>/*Search Users Box (Background Color/Background Image)*/

    .top input{border-radius: 15px 15px 15px 15px;}

</style>


<style>/*Buttons (Background Color/Background Image)*/

    button{

    border-radius: 25px 25px 25px 25px !important;

 color: #000;

 font-weight: bold;

    background-color: white !important;

 }

</style>


<style>/* Navigation */

    nav {

        border-radius: 15px 15px 0 0;

        overflow: hidden;

    }

    

    nav .links a{

        color: #fff; !important;

        text-shadow: none !important;

font-weight: bolder;

    }

    

    nav .links a:hover {color: #fff; !important;}

    

    nav .links {

        text-align: center;

        padding: 3.5px 3.5px 5.5px 3.5px;

        font-size: 70%;

    }

</style>

    

<style>/* Links */

    a:hover {color: #fff;}

</style>


<style>

 main:before {

  width: 100%;

  height: 300px;

  display: block;

  content: "";

  background-image: url('https://images2.imgbox.com/f2/50/NDaSVerQ_o.gif');

  background-position: center center;

  background-size: cover;

</style>


<style>/* Profile Name Header */

 @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

 .profile .left h1{ font-family: 'Special Elite', cursive; font-size: 35px; color: #fff; text-transform: lowercase; text-align: center; overflow-wrap: break-word;

}

</style>


<style>/* Profile Picture & Online Icon */

 .profile-pic {border-radius: 500px; overflow: hidden;}

    .online {visibility: hidden;} 

    .online img { 

        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 

        animation-name: none; 

        visibility: visible; 

        height: 15px; 

        width: 60px;

    }

</style>   


<style>/* Headers Colors */

    .heading {

        padding: 5px 0 !important;

        margin-top: 15px;

        margin-bottom: 10px;

        background-color: #575757 !important;

        color: #fff !important;

        text-align: center;

        border-bottom: 2px solid;

border-radius: 10px 10px 10px 10px;

    }

 .profile .blurbs .section h4{color: #575757; font-weight: bolder;}

</style>


<style>/* Interests Table Info */

    table.details-table {border-collapse: collapse;}

    table.details-table td {background-color: #000 !important;}

.details-table td:first-child {color: #575757 !important;}

</style>


<style>/* Blog Info */

    .blog-preview p {

        background-color: none;

        padding: 5px 10px;

        border-radius: 10px;

        color: #575757;

font-weight: bolder;

    }

    .blog-preview p a{color: #fff !important;}

    .blog-preview p a:hover,

    .blog-preview p a:active,

    .blog-preview p a:focus{

        color: #fff !important;

    }

</style>

    

<style>/* Friends Info */

    .profile .friends .heading{color: #ffffff;}

    .count {color: #575757;}

    .profile .friends .person p{color: #fff !important;}

 .profile .friends .person img {border-radius: 500px;}


    .profile .friends .person img:not(.icon) {

        border-radius:15px;

        box-shadow: 1px 0px 7px 2px rgba(255, 255, 255, 0.71);

        border: 2px solid rgba(255, 255, 255, 1);

    }

    

    .profile .friends .person img:not(.icon):hover {

        transform: scale(1.1);

        transition: 0.5s ease;

    }

    

    .profile .friends .person img:not(.icon) {transition: 0.5s ease}

</style>


<style>/* Comments Info */

    table.comments-table td {

        background-color: #000 !important;

        border: none;

    }

.comments-table td:first-child img {

width: 80px;

border-radius: 500px;

    }

.comments-table{

        display: block;

        height: 200px;

        overflow-y: scroll;

        border: none;

    }

</style>

<style>/* Custom Profile Headers */

.contact .heading{ font-size:0; }

.contact .heading:before{ content: "Contact Me 🤍"; font-size:.8rem; font-weight:bold; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}

.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like 🤍"; font-size:.8rem; font-weight: bold; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }

.w-40 .table-section:last-child .heading:before{ content: "Follow Me 🤍"; font-size:.8rem; font-weight: bold; }

.blog-preview h4{ font-size:0; }

.blog-preview h4 a{font-size:.8rem;margin-left:5px; }

.blog-preview h4:before{ content: "My New Blogs 🤍"; font-size:.8rem; }

.blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "My Life 🤍"; font-size:.8rem; font-weight:bold; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }

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

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }

.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.8rem; }

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "The Friends 🤍"; font-size:.8rem; font-weight:bold;}

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "Leave A Comment 🤍"; font-size:.8rem; font-weight:bold;}

</style>


2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )