my layout

Tags: black, emo

Description:

original layout created by Jody Marie ✿ (https://layouts.spacehey.com/layout?id=29419), i just edited it a little bit, i hope its okay xP !plz leave a comment if u use!

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
background-image: url('http://dl10.glitter-graphics.net/pub/410/410170il3eloiemq.jpg');
background-attachment: fixed;
background-repeat: repeat;
}
</style>



<style>/* Cursor & Scrollbar */
	* {cursor: url('cursor: url(https://cur.cursors-4u.net/toons/too-10/too1032.cur'), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background-color: black;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #878682;
		border-radius: 10px;
		border: 3px solid #878682;
	}
</style>

<style>/* Profile Design Info */
    :root {
        --logo-blue: #878682;
        --darker-blue: #878682;
        --lighter-blue: #878682;
        --even-lighter-blue: #000000;
        --lightest-blue: #000000;
        --dark-orange: #ffffff;
        --light-orange: #878682;
        --even-lighter-orange: #000000;
        --green: #000000;
	}


    body
        {background-color. black}
     
    .profile {background-color: #000; color: #fff;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(0,0,0) !important;
    }
	
	* {font-family: Monospace;}
	
	.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(135,134,130) !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: #878682;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #ffffff; !important;
        text-shadow: none !important;
font-weight: bolder;
    }
    
    nav .links a:hover {color: #fff; !important;}
    
    nav .links {
        text-align: center;
        padding: 0.1px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
</style>
    
<style>/* Links */
    a:hover {color: #fff;}
</style>

<style>/* Profile Name Header */
	@import url('https://fonts.cdnfonts.com/css/ink-free');
	.profile .left h1{ font-family: 'Ink Free', sans-serif; font-size: 45px; text-align: center;
}

h1{
background: -webkit-linear-gradient(#878682, #ffffff, #878682);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}
</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: #878682 !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid;
border-radius: 10px 10px 10px 10px;
    }
	
	.profile .blurbs .section h4{color: #878682; 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: #878682 !important;}
</style>

<style>/* Blog Info */
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #878682;
    }
	
    .blog-preview p a{color: #ffffff !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #ffffff !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
    .count {color: #878682;}
    .profile .friends .person p{color: #ffffff;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(135, 134, 130, 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: "About me"; 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 <3"; font-size:.8rem; font-weight:bold;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave Me A Comment "; font-size:.8rem; font-weight:bold;}
</style>




<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>

<style>
 background-size: 100%100%;
    background-repeat: no-repeat;
    border:8px double #1c1c1c;
    width:800px;
    height:500px;
    overflow-y: scroll;
    margin: auto;
    background-color: black;
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/x-JK2xyJnYQ//?&;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>. 

<style>
table table table td { vertical-align: top; !important; }
span.blacktext12 { visibility: visible !important; background-image: url('http://dl3.glitter-graphics.net/pub/237/237823n6ky4q4ap0.gif'); background-repeat: no-repeat; background-position: center center; background-color: transparent; font-size: 0px; letter-spacing: -0.5px; width: 435px; height: 75px; display: block !important; }
span.blacktext12 img { display: none; }
</style><br/>

<img src="https://64.media.tumblr.com/1f466c0eb0188121b92935353b76473e/69b952b7c9d8f578-93/s400x600/3ceacd089d41c71f1368da5aff204f3b536cb23b.gifv"/>


<style>* {cursor: url(https://cur.cursors-4u.net/toons/too-10/too1032.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/19/jack-skellington-15.html" target="_blank" title="Jack Skellington"><img src="https://cur.cursors-4u.net/cursor.png" alt="Jack Skellington" style="position:absolute; top: 0px; right: 0px;"/></a>

<a href="https://www.glitter-graphics.com"><img src="http://dl2.glitter-graphics.net/pub/51/51082b97w96e86g.gif" width="31" height="18"/></a>



<p>
here goes your text
</p>

<a href="https://www.glitter-graphics.com"><img src="http://dl7.glitter-graphics.net/pub/1368/1368507kqpxf5vmna.gif" width="50" height="50"/></a>

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

୨⎯ milo ⎯୧	1727008049 using Report Comment
♰ kaz ♰	1695395029 using :p Report Comment
gambo	1691569943 using Report Comment
starla<3	1689663266 using!1! Report Comment
maite :3	1689133147 usando!! Report Comment
maite :3	1689133146 usando!! Report Comment
profesional boy kisser	1687630630 Using!! Report Comment
TAY <33	1687332959 using :D Report Comment
blazdazfck	1687004261 using 🤙 Report Comment
es	1686960400 Using (-_\\\)... Report Comment
Vamp1eJen0z1z!! ( Auto music !!)	1685307852 Uzing !! Report Comment
eyeswithoutface	1685218815 Using xd! Report Comment
chaot1ccollect1vez_	1684950404 using Report Comment
max or modeus <3	1684893329 using fs!! Report Comment
AceTheGreat	1684860699 omg def using bro Report Comment
𖤐louis aka eden𖤐	1684792276 love this layout sm def using Report Comment
robi 𓆩♱𓆪	1684774718 using ! Report Comment
iGotShivers	1684745880 up Report Comment
sherlockhomo	1684657947 using!!! Report Comment
SAMX3	1684556715 usssing!!! Report Comment