sun's profile picture

Published by

published

Category: Web, HTML, Tech

my melody layout


my melody layout

a lil my melody layout in the style of my other sanrio ones.
simple + cute!
resizes your pfp just a tad.
this layout will hide your
  • url
  • friends
  • comments (including add/view comments text)
  • links
  • profile info (the area at the top where it says "___ is your friend")
these can be reversed, pls message me if there's anything you want visible!
i'm still learning and i'll try my best to help y'all out.

includes cursor and online now icon.
(both made by me!)

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)
<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>
your id is found under your account settings :^)

code below

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Sniglet:wght@800&display=swap');

    :root {
        --logo-blue: transparent!important;
        --darker-blue: #000000;
        --lighter-blue: #ffcdd2;
        --even-lighter-blue: #ffffff;
        --lightest-blue: #FFFFFF;
        --dark-orange: #e50038;
        --light-orange: #dfd1f4;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
    
    nav img.logo{
        filter: brightness(0) saturate(100%) invert(97%) sepia(20%) saturate(7267%) hue-rotate(318deg) brightness(107%) contrast(104%); }
       
       
    .section {color: black!important;}
       h4, nav label, {display: none;}
      
       
    .search-wrapper input[type=text] {
        font-family: helvetica;
        background-color: white!important;
        border: 1px dotted!important;
        border-radius: 0px !important;
        font-size: 9px;
    }
    
    button{
        border-radius: 0px !important;
        border: 1px dotted!important;
        text-transform: lowercase;
        font-family: helvetica;
        font-size: 9px!important;
        background-color:pink!important;
        width:;
        color: black!important}
       
    
    body {
        background: #acddf7;
        background-image: url("https://64.media.tumblr.com/b9ef774215defe34fa1eadae852cc6d2/7cf915f60095705b-f0/s250x400/07df8ded7b06511b5b18b1eb40c46df6eec0a332.png");
        background-size: ;
        background-attachment: repeat;
        text-transform: lowercase;
        font-family: helvetica;
        font-size:13px!important;
        
    }
    .blog-preview p {
        background-color: transparent;
        padding: 0px 1px;
        border-radius: 10px;
        margin-top: -50px;
        color: black;
    }
    
 
    
        
    }
    .blog-preview p a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    
    nav {
        margin-bottom: 0px;
        border-radius: 50px 50px 0 0;
        color: black!important;
        text-align: center;
        overflow: hidden;
        border: 0px;
        border-color: black!important;
        border-bottom: none!important;
    }
    
    nav .top {
        color
    }

    nav .links {
        background: transparent!important;
        font-size: 11px;

    }

    nav { background: transparent!important;
        
    }
    
    .contact {
        font-size: 11px;
        font-family: helvetica;
        border: dotted 0px!important;
        background-image: 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://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/e40078b5d19f85d267c103ed237e3511/tumblr_inline_p9d77zF6le1sw29ud_75sq.gifv")
    }

    .profile-info{
        display: none!important;
    }   
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }
    .home-actions {
        border: none;
    }
    
    table.details-table {
        border-radius: ;
        border: dotted px;
        border-collapse: collapse;
        border-top: 0px;
        background: white!important;
        
        
    }
    table.details-table td {
        border-radius
        background: url("");
        color: black!important;
        border-bottom: dotted px;
        border-right: dotted px;
    }
    .profile-pic {
        border-radius: 10px;
        border: solid black 1px;
        overflow: hidden;
        margin-top: -52px!important;
        margin-left: 25px!important;
        filter:;
        height: 120px!important;
        width: 120px;
    }
    
    div.profile-pic img {
   max-width: 100%!important;
   max-height: 100%!important;
}
    
   
    .heading {
        margin-top: 10px;
        padding: 5px 0 !important;
        background: transparent!important;
        background-image: url("")!important;
        background-position: ;
        background-repeat: repeat!important;
        border: dotted px;
        color: black!important;
        font-size: 11px;
        text-align: left;
        font-family: ;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
        border-bottom: 1px solid;
        border-color: #acddf7;
        line-height: 0px;
    
    }
    h1 {
        background-image: url("https://i.ibb.co/6X8Pm3F/ezgif-2-e14d18ecd94f.gif");
        background-size: 171px;
        background-repeat: no-repeat;
        font-size:30px!important;
        font-family: sniglet;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: right;
        line-height: 30px!important;
        display: block;
        color: pink;
        padding: 50px;
        margin-top: -76px!important;
        margin-bottom: 17px!important;
        
    }
    
    main:before {
        background-image: url('');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        width:;
        height: 90px;
        margin-bottom: -30px;
    
}
    
    main {
        border-radius: 50px 50px 50px 50px;
        border: black solid 1px;
        background: url("https://i.ibb.co/N1BgG2H/ezgif-com-gif-maker-1.gif"), url("");
        background-repeat: no-repeat, repeat;
        background-size:;
        background-position: right bottom!important;
        background-color: white!important;
        width: 800p;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 30px;
        margin-top: 0px;
    }
    
    footer {
        border-radius: 0px 0px 50px 50px;
        border: 0px;
        border-top: 0px;
        background: transparent!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
        
        
    }
    table.comments-table td {
        display:flex;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .blog-preview p {
        font-size: .6rem;
    }
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: black!important;
        background:none;
    }
    
    a:hover {
        text-transform: lowercase;
        text-decoration-style: none;
        color: #e50038!important;
        border: none;
 
    }
    
    a:visited {
        color: black!important;
    
    }

.friends
{display:none;
    }



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

    .online {
        content: url("https://i.ibb.co/BgTMK0d/melodyonline.gif");}

    

*
 {cursor: url(https://i.ibb.co/42JbRky/pixil-frame-0-8.png), auto !important;}



</style>


6 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )