Dark layout

Tags: red

Description:

Dark layout with gif background and floating profile animation. Made with different pieces of code, so change it up however you’d like! Just comment if used

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sip O' Poison (https://layouts.spacehey.com/layout?id=35885) -->

<style>

.online { visibility: hidden; } .online img { content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6fb1157f-81b1-419a-9947-0676eb1ce363/da3yglt-e77effa2-4706-40eb-88a8-4ffb79340617.png/v1/fill/w_117,h_31/divider__5__by_ladymidnightsolace_da3yglt-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzEiLCJwYXRoIjoiXC9mXC82ZmIxMTU3Zi04MWIxLTQxOWEtOTk0Ny0wNjc2ZWIxY2UzNjNcL2RhM3lnbHQtZTc3ZWZmYTItNDcwNi00MGViLTg4YTgtNGZmYjc5MzQwNjE3LnBuZyIsIndpZHRoIjoiPD0xMTcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.BUU7lHTW2l3YGn4HnyB7PdlutsZnwmOSGK5jrvQ4r1E');
 animation-name: none; visibility: visible; height:45px; width: 97px; }

}
</style>
<style>
.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://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4f3e4337-9251-4ef4-b0f7-42ae53f788ac/dbuuh1d-b5029267-2c54-4cf3-84ee-5fffe84b1aac.png/v1/fill/w_15,h_15/f2u___gradient_triangle_right_bullet_by_radrapo_dbuuh1d-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUiLCJwYXRoIjoiXC9mXC80ZjNlNDMzNy05MjUxLTRlZjQtYjBmNy00MmFlNTNmNzg4YWNcL2RidXVoMWQtYjUwMjkyNjctMmM1NC00Y2YzLTg0ZWUtNWZmZmU4NGIxYWFjLnBuZyIsIndpZHRoIjoiPD0xNSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.kS9CJDC_JGCRPXBP0Y4lg0LMzeSw54YpQ9Ab7e-6EXs');
}
</style>

<style>
body {
 margin:0;
 background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dg2hy11-b41585c5-4320-4c25-b971-1d0935d5dcd7.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E4MGNlMzAyLTQwY2QtNGQ4ZC04MWJmLWYzZDQ5MjM3ZmUyNVwvZGcyaHkxMS1iNDE1ODVjNS00MzIwLTRjMjUtYjk3MS0xZDA5MzVkNWRjZDcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pNx30wrsraXETyNqb7aC38ddMN3tVIAyqR8c6Cuxpgw");
background-attachment: fixed;
no-repeat fixed; background-size:cover;

}
</style>

<style>

main{
background: rgb(255,251,113);
background-color: rgba(61, 61, 61, 0.5);
border: 1.5px dotted #780d0d;
}

p{
color: #ad394b;

}

nav .top{
background-color:  rgba(61, 61, 61, 0.5);
border: 1.5px dotted #780d0d;

}

nav .links{
background-color:  rgba(61, 61, 61, 0.5);
background-size: cover;
border: 1.5px dotted #780d0d;

}

.profile h1{
color: #ad394b;
font-size: 30px;

}

.profile .general-about{

background-color: rgba(59, 59, 59,0.5);
color: #ad394b;
border: 1.5px dotted #780d0d;

}

.profile-pic img{
border: 1.5px dotted #780d0d;
}

.general-about .profile-pic{
margin: 5;

}

footer {
color: #ad394b !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background:  rgba(61, 61, 61, 0.5);
border: 1.5px dotted #780d0d;

}

.profile .contact .heading,
.profile .table-section .heading{
background-color: #2e1f1f;
color: #ad394b;
border: 1.5px dotted #780d0d;

}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: 1.5px dotted #780d0d;
background-color: rgba(59, 59, 59,0.5);
margin: .5em 0;


}


table.details-table td {
background-color: transparent !important;
color: #ad394b !important;
border: 1.5px dotted #780d0d;


}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: #2e1f1f;
background-size: cover;
color: #ad394b;
border: 1.5px dotted #780d0d;

}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(59, 59, 59,0.5);
color: #ad394b;
border: 1.5px dotted #780d0d;

}

.profile .blurbs .section h4{
color: #ad394b;
padding: 1em 0;

}

.profile .profile-info{
color: #ad394b;
background-color: rgba(59, 59, 59,0.5);
border: 1.5px dotted #780d0d;

}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(59, 59, 59,0.5);
padding: 1em 0;
color: #ad394b;
border: 2px dotted #780d0d;

}

.profile .friends .friends-grid p{
color: #ad394b;
border: 1.5px dotted #780d0d;

}

.count{
color: #ad394b;

}

.profile .comments-table{
color: #ad394b;
background-color: rgba(59, 59, 59,0.5);
border: 2px dotted #780d0d;

}

.profile .comments-table .comment-replies{
background-color: rgba(59, 59, 59,0.5);
border: 2px dotted #780d0d;
color: #ad394b;

}

.profile .comments-table td{
background-color: transparent;
color: #ad394b;
padding: .5em;
border: 1.5px dotted #780d0d;

}

a{
color: #ad394b;

}

a:visited {
color: #ad394b;
text-decoration: none;
}

a:hover {
color: #290202;
text-decoration: none;

}

a:active {
color: #ad394b;
text-decoration: none;

}

nav .links a:hover{
color: #290202;
text-decoration: none;
border: 1.5px dotted #780d0d;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


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

verluke, s	1731767938 Using Report Comment
Amalga0	1719196635 using<3 Report Comment
kori [INACTIVE]	1714641631 using !! Report Comment
Uzi!!	1705677389 using!! Report Comment
Ashie *ೃ༄	1702510058 using! <3 Report Comment
i suck at games	1701186636 using the layout thingy Report Comment
frost	1696658574 using!! Report Comment
ray [mars]	1694316785 using ! Report Comment
The Antagonist	1691440511 Using!! Report Comment
CJ14	1690299553 Using!! Report Comment
robinish	1689977928 using! Report Comment
JJ!	1689813277 USINGG!!!! Report Comment
matt	1689626397 using! Report Comment
velvet☄. *. ⋆	1689581012 VZ1NG!! (USING!!) Report Comment