Blue simple layout

Tags: simple, blue, white, xxjellyfishxx

Description:

Comment if using :3 (the code is a mess I'm so sorry)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🩻 xXjellyfishl0vrXx 🪼 (https://layouts.spacehey.com/layout?id=92480) -->



<style>
.online {content:url('http://dl7.glitter-graphics.net/pub/745/745447eyod5wufg2.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
 main:before {
    box-shadow: 0 0 5px #8ad2ff;
    border: solid 1px #7bb5e8;
	wistyle 100%;
	height: 100px;
	display: block;
	content: "";
	background-image: url('https://media.discordapp.net/attachments/1071270518860284095/1075865591153426483/ezgif.com-crop.gif');
	background-position: center center;
	background-size: cover;
	margin-bottom:5px;
}


<style>
.nav .top , nav .links{

background: transparent;

text-align: center;

}

nav .links li:not(:last-child)::after {

content: url("https://media.discordapp.net/attachments/1100566960267329586/1182438866804809858/dba2yii-a6edc206-8521-42c9-a98c-9a2034d99e81.gif?ex=6584b302&is=65723e02&hm=f817488d9a3c9fa2b5bf9db8aa222f412a83a3c63ed79e136057bf3d44a9ea00&");

color: var(--text);

}
</style>


<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://media.discordapp.net/attachments/1100566960267329586/1182438866804809858/dba2yii-a6edc206-8521-42c9-a98c-9a2034d99e81.gif?ex=6584b302&is=65723e02&hm=f817488d9a3c9fa2b5bf9db8aa222f412a83a3c63ed79e136057bf3d44a9ea00&');

}

</style>

<style>
body{background:url("https://media.tenor.com/-swWzEJ1y4oAAAAC/anime-blue.gif") no-repeat fixed; background-size:cover;}
</style>

<style>
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 90px;
  background-image: url(https://media.discordapp.net/attachments/1100566960267329586/1184868203554426961/browser013.gif?ex=6596c401&is=65844f01&hm=12ab2b84d4e7f509d36829d964d8a943888febc0e17a305398ebbe3e2a82ebea&);
  background-repeat: no-repeat;
  background-size: 105px;
}</style> 

<style>

.profile {

background:#FFFFFF;


 }</style>

<style>

</style>

<style>

:root { 

--darker-blue: #9EDEFF;
--lighter-blue: #16C0FF;
  --lightest-blue: #FFFFFF;
        --dark-orange: #FFFFFF;
        --light-orange: #16C0FF;
        --even-lighter-orange: #FFFFFF;
       --even-lighter-blue: #9EDEFF;</style>

<style>

</style>

<style>
    footer {
        border-radius: 0px;
        border: dotted 1px;
        background: url("https://www.colorhexa.com/00aaff.png")!important;
        display: block !important;</style>


<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        background: ;
        border-top: 0px;
        
    }
    .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://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://pixelsafari.neocities.org/favicon/animals/jellyfishcute.gif")
    } 
</style>


<style>

nav .top {
    background: url(https://www.colorhexa.com/00aaff.png);
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    border: 1px solid blue;
    box-shadow: 0 0 10px blue;
    border-radius: 1px;
    margin-top: 20px;
    margin-bottom: 10px;
}

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

EdibleBathBomb	1738792811 using !! Report Comment
Idris	1737248323 using :) Report Comment
ılgın °❀⋆.ೃ࿔*:･	1719733815 using ! Report Comment
재 :｡､ Jae-seon ⋆⭒˚｡⋆	1717893636 Using Report Comment
Tobi	1714591630 usingg Report Comment
Isa	1708517194 Using! Report Comment
Dusk	1708324169 using!!! Report Comment
elisokawai	1706167639 using!! Report Comment
Onvicen!	1705906987 using Report Comment
kiwi.aqua	1705865435 Using! Report Comment
kiwi.aqua	1705865428 Using!☆ Report Comment
kiwi.aqua	1705865426 Using!☆ Report Comment
kiwi.aqua	1705865421 Using!☆ Report Comment
tenebra$$_Ⓐ	1705816050 using!!!!! Report Comment
kimi.✧	1704584860 usingggg Report Comment
Slowking	1703968274 using Report Comment
‿‿✦ Sonic	1703879291 usinggg Report Comment
MOXXI !!!	1703825934 using !! Report Comment
iris	1703630189 using! Report Comment
Vanya	1703563352 Using! :) Report Comment