Red layout

Tags: red

Description:

Red layout with animated background, floating profile animation and custom online icon that you can change at the top of the code. Made with different pieces of code, so change it up however you want! 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=34178) -->

<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?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZmYjExNTdmLTgxYjEtNDE5YS05OTQ3LTA2NzZlYjFjZTM2M1wvZGEzeWdsdC1lNzdlZmZhMi00NzA2LTQwZWItODhhOC00ZmZiNzkzNDA2MTcucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.KkY70RO0jGH_wqXGM30UzMqxmb_UxOBkUnMIrqLM6ec');
 animation-name: none; visibility: visible; height:40px; width: 120px; }

}
</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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg')
}
.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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg')
}
.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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg')
}
.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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg')
}
.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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg')
}
.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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg')
}
.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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg');
}
.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/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcawvbh-d83ec165-d0d1-4be1-b05e-0a5286467438.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhd3ZiaC1kODNlYzE2NS1kMGQxLTRiZTEtYjA1ZS0wYTUyODY0Njc0MzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QQ5mrL0JG-O_v8Bp-tsrH0D2hxJ3_xUsHvs1BDLzDmg');
}
</style>

<style>
body {
 margin:0;
 background-image: url("https://cutewallpaper.org/27/blue-and-red-galaxy-gif-wallpaper/animated-red-wallpaper-posted-by-john-anderson.gif");
background-attachment: fixed;
no-repeat fixed; background-size:cover;

}
</style>


<style>

main{
background: rgb(255,251,113);
background: linear-gradient(180deg, rgba(117, 21, 21, 0.5) 0%, rgba(117, 21, 21, 0.5) 34%, rgba(117, 21, 21, 0.5) 48%, rgba(117, 21, 21, 0.5) 75%, rgba(117, 21, 21, 0.5) 90%);
box-shadow: 0px 0px 10px #290202;
}

p{
color: #ba4141;
}

nav .top{
background-color: transparent;
box-shadow: 0px 0px 10px #290202;
border: 1.5px dotted #ba4141;

}

nav .links{
background-color: transparent;
background-size: cover;
box-shadow: 0px 0px 10px #p;
border: 1.5px dotted #ba4141;

}

.profile h1{
color: #ba4141;
text-shadow: 0px 0px 5px #290202;
font-size: 30px;

}

.profile .general-about{

background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #290202;
color: #ba4141;
border: 1.5px dotted #ba4141;

}

.profile-pic img{
border: 1.5px dashed #ba4141;
}

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

}

footer {
color: #ba4141 !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: transparent;
border: 1.5px dotted #ba4141;
}

.profile .contact .heading,
.profile .table-section .heading{
background-color: #420e0e;
color: #ba4141;
text-shadow: 1px 1px 0px #290202;
border: 1.5px dotted #ba4141;

}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: 1.5px dotted #ba4141;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #290202;
margin: .5em 0;


}


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

}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: #420e0e;
background-size: cover;
color: #ba4141;
text-shadow: 1px 1px 0px #290202;
border: 1.5px dotted #ba4141;

}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #290202;
color: #ba4141;
border: 1.5px dotted #ba4141;

}

.profile .blurbs .section h4{
color: #ba4141;
text-shadow: 1px 1px 0px #290202;
padding: 1em 0;
border: 1.5px dotted #ba4141;

}

.profile .profile-info{
color: #79b581;
text-shadow: 1px 1px 0px #290202;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #290202;
border: 1.5px dotted #ba4141;

}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #290202;
padding: 1em 0;
color: #ba4141;
border: 2px dotted #ba4141;

}

.profile .friends .friends-grid p{
color: #ba4141;
text-shadow: 0px 0px 3px #290202;
border: 1.5px dotted #ba4141;

}

.count{
color: #ba4141;
text-shadow: 0px 0px 3px #290202;
}

.profile .comments-table{
color: #ba4141;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #290202;
border: 2px dotted #ba4141;

}

.profile .comments-table .comment-replies{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #290202;
border: 2px dotted #ba4141;
color: #ba4141;
}

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

}

a{
color: #ba4141;
text-shadow: 0px 0px 3px #290202;
}

a:visited {
color: #ba4141;
text-shadow: 0px 0px 3px #290202;
text-decoration: none;
}

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

a:active {
color: #ba4141;
text-decoration: none;
text-shadow: 0px 0px 3px #290202;
}

nav .links a:hover{
color: #290202;
text-decoration: none;
text-shadow: 0px 0px 3px #290202;
border: 1.5px dotted #ba4141;

}

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

2BDamned	1728240286 using. Report Comment
𝜗𝜚 ┈ siya ｡	1708849406 Using!! Report Comment
*°:⋆ₓₒ pxra ･ﾟﾟ･｡	1700970172 using!! Report Comment
Malombra	1696387310 using ^^ Report Comment
XxJake_NumanxX	1695821162 using!! Report Comment
tori 𐙚	1695633904 suisng Report Comment
C R Y P T I C	1694658928 usingg Report Comment
Julián	1694132801 Using!! Report Comment
spencer! ☆	1693651476 using Report Comment
RowanIsAVampire??!	1692057699 Usinggg! Report Comment
l0rii_x3	1691166576 using!!!11 Report Comment
Infinix	1690710657 Using! Report Comment
✰gixy✰	1690589509 using!! Report Comment
☆ﾟ.*DAVEEEE･｡ﾟ !!	1690510200 Using :3 Report Comment
Astro ⊹﹒	1689670883 using Report Comment
sophie ⋆｡°✩	1689473220 using! Report Comment
Nicolas	1689211336 using Report Comment
cringelordchris	1689185399 Using!! Report Comment
inkydoesnotcry	1688931405 using! Report Comment
Leo	1688875111 using!!!!!!!!!!! Report Comment