Sodikken Layout

Tags: layout, red, blue, simple, purple, xxjellyfishxx

Description:

Comment if using :3

Preview:

click on the image for a larger preview

Code:

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

Main account: https://spacehey.com/xxjellyfishxx

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

<style>

/*Text color*/
.profile {
color:#efebe2;}
</style>


<style>

.profile {

background:#2f2e40;


 }</style>

<style>

:root { 

--darker-blue: #fff13f;
--lighter-blue: #d04b6e;
  --lightest-blue: #e3b8bf;
        --dark-orange: #d5b749;
        --light-orange: #131127;
        --even-lighter-orange: #484851;
       --even-lighter-blue: #4b4b5;

</style>

<style>

.count {
    color: #f8f12c;
}
</style>

<style>
body{background:url("https://media.discordapp.net/attachments/1100566960267329586/1189637783233495090/wp12615928.jpg?ex=659ee385&is=658c6e85&hm=2a22ef73bc5c1b8d3ba1558ecbea858d0991c30082a9f8fa25d1f93b637a7a18&") no-repeat fixed; background-size:cover;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://media.discordapp.net/attachments/1100566960267329586/1189635651478487130/118669.png?ex=659ee189&is=658c6c89&hm=9b8eccd1b1eada7f65cc3ace07f0a06d647022e155265b5789b0c0f65dfa546d&);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
footer{
    background-color: #d14b6c; /
</style>

<style>

.profile h1 {
    font-size: 2em;
    color:#39e7ff;
    font-family: arial, sans-serif;
    text-shadow: 3px 3px teal;
}

</style>

<style>
:root {
    --topic1: "General";  
    --topic2: "Music";
    --topic3: "Movies";
    --topic4: "Television";
    --topic5: "Books";
    --topic6: "Heroes";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 2px 2px #39e7ff !important;
   filter: brightness(95%) !important;
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}
</style>

<style>

nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 70px;
    background-color: #58052d;
}   </style>

<style>
@keyframes hoverrainbow {
  from {
    filter: saturate(300%) hue-rotate(0deg);
  }
  to {
    filter: saturate(300%) hue-rotate(360deg);
  }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes hoverEffects {
  from {
    filter: saturate(150%) hue-rotate(0deg);
    transform: translate(1px, 1px) rotate(0deg);
  }
  to {
    filter: saturate(150%) hue-rotate(360deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

main img:hover {
  animation: 1s hoverrainbow, 0.5s shake, 1s hoverEffects;
  animation-iteration-count: infinite;
}
</style>

<style>
img.logo{
content: url("https://media.discordapp.net/attachments/1100566960267329586/1189704445190209706/52_sin_titulo_20231227165442.png?ex=659f219b&is=658cac9b&hm=ef7439530926a81fe8e48e3fbfc28e2704a5510a35e21338081d8e9ce0b89864&");
width: 144px !important;
height: 48px !important;
</style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://pixelsafari.neocities.org/favicon/nature/star/star107.gif');</style>

<style>
.profile-pic img,.friends-grid img,.comments-table img{border-radius:10px;}
</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://pixelsafari.neocities.org/favicon/horror/medical/tool15.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/nature/star/star125.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://pixelsafari.neocities.org/favicon/nature/star/star82.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/horror/weapon17.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/blood6.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://pixelsafari.neocities.org/favicon/nature/star/star114.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/nature/star/star109.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://pixelsafari.neocities.org/favicon/horror/medical/syringe3.png")
    } 

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

mikelis87	1735225083 starts barking aggresively (btw using!!) Report Comment
Vopuriaa	1733347499 using Report Comment
Cherry Archer	1724748688 using Report Comment
LATOS AMBER>X3	1721259832 THIS IS SO AWESOME SAUCE I'LL DEFINITELY BE USING IT!!!! Report Comment
:0	1721093784 Using!!!!!!!! Report Comment
Jan	1719306158 Using! Report Comment
𓏲 ₊˚๑ ꒰ • KYL3 • ꒱ ໑‧₊˚.ꪆ	1717140044 Using ^^ Report Comment
.•°`m31~★	1709588048 using >_< Report Comment
shrimplykim	1707431244 using! Report Comment
shrimplykim	1707431243 using! Report Comment
myksx	1706565126 usandoo Report Comment
SOYSOLIS	1706282325 Usando! Report Comment
𝑆❀𝑝ℎ𝑖𝑖	1706196377 Thanksss Report Comment
Ayumi	1706162101 Usando! Report Comment
The Cryptic System	1706033465 using!! ^_^ Report Comment
Kaii	1705966380 usingggg! >< Report Comment
valen(⁠☆⁠▽⁠☆⁠)	1705920813 usinggg :3 Report Comment
yiumoon	1705809492 using :33 Report Comment
Lily <3	1705738061 using :3 Report Comment
IdpeaceA	1705626257 using :3 Report Comment