ika musume ~

Tags: ika musume, blue, squid, anime

Description:

this is my first ever layout, so it might be pretty messy TT_TT most code was referenced from other layouts lolol...

a simple blue layout inspired by ika musume aka squid girl !!

this layout includes:

- a header
- autoplaying music
- hidden url

feel free to change anything to your liking nd please let me know for any errors ;;

Preview:

click on the image for a larger preview

Code:

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

 <style>
@import url('https://external-media.spacehey.net/css/s1XJt0nDbhp37tt5WOFR19QB-w0RMjReMX9KBb4v7nh4=/https://fonts.googleapis.com/css2?family=Freckle+Face&display=swap');



    .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://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://external-media.spacehey.net/media/sLKBN1XUO3u5FoL0Po6r9XM0jpsX2uS-jNW2g8i1L25Q=/https://64.media.tumblr.com/463cd2d0f2ff9bbaacb2f2d55285f8e5/69cd8d98222a28fe-80/s75x75_c1/72b9f2cd7a10675cb514cf270f9b7c7e5709d6ec.gifv")
    } 
    
   :root {
    --light-orange: #ffffff

    
}
  .section {color: black!important;}
       h4, nav label, {display: none;} 

    .section , .blurbs, .friends {font-size: 11px!important;
        text-align: center;
        color: #325DB4 ;
    }



    body {
        background-image: url(https://external-media.spacehey.net/media/s4YdULXGOlhiZOLkg-JFHCy4CweBlRvrU7_hEhzt27B8=/https://i.pinimg.com/564x/1f/9b/02/1f9b02ffe9bb0f3d77333b2e9cc82c00.jpg);
        background-color: white;
        background-size: auto;
        font-family: comic sans ms;
        text-transform: lowercase;
    }
    
    nav {
        margin-top: 1px;
        text-align: center;
        overflow: hidden;
        color: #325DB4!important;
        border: dotted 1px;
        border-color: white;
    }
    
    nav .links {
        background: #63BAE6!important;
        font-size: 10px;
    }

    
    .profile .blurbs .section h4, .count, .profile-info {color: #325DB4;
      font-weight: bold;
  text-shadow: 2px 1px #CAE8F6;}
    
    nav .top {
        background: white;
    }
    
    
    
    nav img.logo {
          filter: invert(68%) sepia(69%) saturate(359%) hue-rotate(170deg) brightness(181%) contrast(98%);
    }
    
    .contact {
        font-size : 12px;
        font-family: arial;
        background: white;
        border: dotted 0px!important;
        border-top: 0px;
    }
    
        .profile-info{
        border: none;
        font-family: freckle face;
        font-size: 20px!important;
        font-weight: 200;
        color: #5095DD!important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        margin-bottom: 1px;

    }	
    
       a:hover { 
        text-transform: lowercase;
        text-decoration-style: dotted!important;
        color: #3C70D4!important;
    }
    
    .blog-preview p {
        font-size: 11px
    }
    
    a:visited {
        color: #325DB4!important;
    }
    
        .profile .table-section {
        font-size: 12px;
        border: none!important;
}
    
    .online {
        content: url("https://external-media.spacehey.net/media/s7ORADmQSCdxZ5PM8bMGa0sG9DTxRf1MtitP0VpR_P7I=/https://cur.glitter-graphics.net/pub/3451/3451749zg6f6w3gpa.gif");

    }
    
        table.details-table td {
        background: white;
        color: #3C70D4!important;
        border-bottom: dotted 1px;
        border-right: dotted 1px;
    }
    
        .profile-pic {
        border-radius: 50px;
        border:none;
        overflow: hidden;
        margin-top: 0px!important;
    }
    
        .heading {
        padding: 7px 0px !important;
        background: transparent!important;
        border: dotted px;
        color: #325DB4!important;
        font-size: 17px;
        text-align: center;
        font-family: freckle face ;
        border: 2px outset;
        border-color: #5095DD!important;
        border-radius: 25px;
        border-width: 4px 8px 4px 8px;
        line-height: 5px;
    
    }
    
    .icon {
        content: url(https://external-media.spacehey.net/media/syIadFx379EieGWwnzukFRDSIDZMK1N6jG29j_RlwHYs=/https://mikejima.crd.co/assets/images/shadow/65ef4344.gif?v=0ef41667);
    }
    
h1 {
        background: url("");
        width: 250px;
        font-size:50px!important;
        font-family: freckle face;
        font-weight: 200;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        text-shadow: 1px 2px 1px #325DB4;
        text-align: center;
        line-height: 35px!important;
        display: block;
        color: #3C70D4;
        padding: 10px;
        margin-top: -10px!important;
    }
    
   .blog-preview :not(:first-child):before {
    content: "";
    display: block;
    width: 90px;
    height: 75px;
    background: url('https://external-media.spacehey.net/media/s-Xpx0YebxS3lJ60smdVW_NYQoveHG8UxFaGpA4q-0IE=/https://i.pinimg.com/564x/0b/38/39/0b383958d3ff9a42431bb6ee450862fc.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
} 
    
        .search-wrapper input[type=text] {
        background-color: white!important;
        border: 1px dotted!important;
        font-size: 9px;
    }
button{
        border-radius: 0px !important;
        border: none;
        text-transform: lowercase; 
        font-family: comic sans ms;
        font-size: 10px!important;
        background-color: #63BAE6!important;
        color: black!important}
    
    
    
        main:before {
        background-image: url('https://external-media.spacehey.net/media/sLkIat8c83ML95h5PyV69XQp8jIF7Jdcx2ZF17ysR92Q=/https://i.pinimg.com/564x/3c/72/34/3c72347d0c68d1c6e8f65bad96047cef.jpg');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        content: "";
        width: 100%;
        height: 180px;
    
}
    
        main {
        border: dotted 1px;
        border-color: white;
        border-top: none;
        background-color: white!important;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    
        .container {
        overflow: hidden;
        padding: 70px;
        margin-top: 0px;
    }
    
        footer {
        border-radius: 0px;
        border: dotted 1px;
        background: #63BAE6!important;
        display: block !important;
        line-height: 0px;
        height: 108px;
        margin-top: -1px!important;
}
    
    
    table.comments-table td {
        display: none;
    
    .profile .friends .person img {
        width: 90px;
        border-radius: 10px;
}


    .table-section:last-child {
         display: none !important;}
 
    }
        .profile .url-info {
        display:none;

</style>

<style>

  * {
    scrollbar-width: auto;
    scrollbar-color: #5095DD #FDFEFE;
  }

  *::-webkit-scrollbar {
    width: 18px;
  }

  *::-webkit-scrollbar-track {
    background: #5095DD;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #63BAE6;
    border-radius: 10px;
    border: 3px solid #ffffff;
</style>

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

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

ThrowMeIntoOrbit	1708862026 OMG ANOTHER SQUID GIRL FAN?? Report Comment YESSS i lvoe her a lot . . . by marsietis; 1708864418; Report MY FAVOURITE ANIME SINCE I WAS 13 by ThrowMeIntoOrbit; 1708872142; Report
Vinny	1691806484 using!! might add a bit though! Report Comment
Jwan	1689525179 i LOVE ika musume so much,totally using this!! Report Comment
charlie >_<	1689211720 usingg! Report Comment
Lin ⁎☆＊݊	1679520330 using this!! thank you so much :) Report Comment
Reese	1677383952 using!! Report Comment
niko<3	1677089355 using this thank you!! Report Comment
starsong⋆｡°✩	1676919242 using n adding a bit to mine!! :D Report Comment
C♡LI	1676742392 using :3 Report Comment