Layout published by sun

published 1614237971
updated 1614398489

Add to Favorites

View Layouts

View Profile

Report Layout

strawberry milk request

Tags: strawberry, milk, cute, pink, pixels, kawaii, adorable, request, suni

Description:

strawberry milk (request)

omg i'm so happy somebody requested this because i think it turned out so stinkin' cute. lots of pink, some super cute gifs, and compact!

live preview over here.

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")
headers

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.

will put a grayscale filter on your pfp

includes cursor and online now icon.

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

-if you use this, modify it slightly, and post it on the layout page as yours please at least give me some credit y'all♥-

(not optimal for mobile, but will look right in landscape mode)

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 will be a number found under your account settings :^)

Preview:

click on the image for a larger preview

Code:

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

<style>
 @import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Pacifico&display=swap');
    :root {
        --logo-blue: #fa90ac;
        --darker-blue: #000000;
        --lighter-blue: #ffcdd2;
        --even-lighter-blue: transparent!important;
        --lightest-blue: #transparent!important;
        --dark-orange: transparent!important;
        --light-orange: #dfd1f4;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
    .section {color: black!important;}
       h4, nav label, {display: none;}
       
           
    .section {color: #f94681!important;}
        p {color: black!important;}
        
    .blurbs{
        margin-top: -10px!important;
        text-align: center;
    }
       
    .search-wrapper input[type=text] {
        font-family: helvetica;
        background-color: white!important;
        border: 1px solid white!important;
        border-radius: 0px !important;
        font-size: 8px;
        color: hotpink;
        
    }
    
    button{
        border-radius: 0px !important;
        margin-top: 2px;
        border: 1px solid!important;
        text-transform: lowercase;
        font-family: helvetica;
        font-size: 8px!important;
        background-color: #f94681 !important;
        width:;
        color: white!important}
       
    
    body {
        background: #ffefef;
        background-image: url("");
        background-size: px;
        background-repeat: repeat;
        background-attachment: fixed;
        text-transform: lowercase;
        font-family: helvetica;
        font-size: 12px!important;
        
    }

.blog-preview {
        margin-top: 10px;
        text-align: center;
        color: #fe4485;
        border-top: solid 1px;
        border-bottom: solid 1px;
    }
    
    .blog-preview p {
        font-size: .6rem;
        margin-top: -10px;
    }
    .blog-preview p {
        text-align: center;
        background-color:;
        padding: 0px 1px;
        border-radius: 10px;
        margin-top: -50px;
    }
    
 
    
        
    }
    .blog-preview p a{
        color: white!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    
 
    nav {
        margin-bottom: 0px;
        text-align: center;
        overflow: hidden;
        border: solid 1px;
        border-color: #f94681!important;

    }
    
    

    nav .links {
        background:#fa90ac!important;
        font-size: 11px;
        border: none;

    }
    
    nav .links a{
        color: white!important;
    }
   
   
    
    .contact {
        font-size: 11px;
        font-family: helvetica;
        border: solid 1px #fa90ac!important;
        background-image: url("https://66.media.tumblr.com/beb3addae559dbe296a3aae0c4c8ed5b/tumblr_p8zimaaYN41vkcgjbo1_500.gif")!important;
        background-size: 160px;
        
    }
    
    .contact .inner {
        line-height: 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/tumblr_mdjwydevLR1qk1or3.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://64.media.tumblr.com/tumblr_mdjwydevLR1qk1or3.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/tumblr_mdjwydevLR1qk1or3.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://64.media.tumblr.com/tumblr_mdjwydevLR1qk1or3.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/tumblr_mdjwydevLR1qk1or3.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/tumblr_mdjwydevLR1qk1or3.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://64.media.tumblr.com/tumblr_mdjwydevLR1qk1or3.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/tumblr_mdjwydevLR1qk1or3.gif")
    }

    .profile-info{
        display: none!important;
    }    
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:10px; color: #fe4485;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:10px; color: #fe4485;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:10px; color: #fe4485;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:10px; color: #fe4485;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:10px; color: #fe4485}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

    }
    .home-actions {
        border: none;
    }

    
    table.details-table {
        border: solid 1px #fa90ac!important;
        border-collapse: collapse;
        border-top: 0px;
        background: #ffeef4!important;
      
        
        
        
    }
    table.details-table td {
        background: url("");
        color: black!important;
        border-bottom: dotted px;
        border-right: dotted px
    }
   .profile-pic {
        border-radius: 0px;
        border: solid #f94681 1px;
        overflow: hidden;
        margin-top: 0px!important;
        height: 100px!important;
        width: 100px;
     
        
    }
    .profile-pic img{
        max-height: 100%!important;
        max-width: 100%!important;
    }
    


    .heading {
        display: none;
    
    }
   


    h1 {
        background: url("");
        font-size:80px!important;
        font-family: pacifico!important;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #f94681;
        font-style: ;
        text-shadow: ;
        text-align: center!important;
        line-height: 50px;
        display: block;
        color: white;
        padding: 10px;
        margin-top: -275px!important;
      
    }
    
    


    
    main:before {
        background-image: url('https://i.ibb.co/yPQtkn8/milktransparent.gif');
        margin-left: 300px;
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        width:;
        height: 300px;
        margin-bottom: -30px;
    
}
    
    main {
        border: #f94681 solid 1px;
        background: url("https://64.media.tumblr.com/99b59c86de606fd91ee14627eafd8daa/tumblr_inline_mrhrvtbQl21qz4rgp.gif")!important;
        background-repeat: repeat!important;
        background-position: center!important;
        background-color: #ffefef!important;
        border-top: none;
    
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 100px;
        margin-top: -60px;
    }

    .blurbs .heading {
        display: none;
        
    }
    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: none;
        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;
        
        
    }
    .profile .right 
    }
    
    .blog-preview {
        margin-top: 10px;
        text-align: center;
        color: white;
        border-top: solid 1px;
        border-bottom: solid 1px;
    }
    
    .blog-preview p {
        font-size: .6rem;
        margin-top: -10px;
    }
    
   

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

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

.friends
{display:none;
    }



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

  .online {
        content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dc6fef0c-9d21-42dd-a18b-9573936309d1/d5ioxmq-6d8c9d33-41ce-4791-80cc-0387c8205b50.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZGM2ZmVmMGMtOWQyMS00MmRkLWExOGItOTU3MzkzNjMwOWQxXC9kNWlveG1xLTZkOGM5ZDMzLTQxY2UtNDc5MS04MGNjLTAzODdjODIwNWI1MC5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.nntanJacV2g4uF5UJllrAo4hp3r0iuApBi9m_IeSLLY");}

    

*
 {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}


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

C∆Br∆s	1708733441 USANDO^^ Report Comment
amaiaceciliarm	1705684824 Thankyouu Report Comment
Ravina	1705630541 using! ty <3 Report Comment
strwbz	1705187024 using! <3 im tweaking it a bit and its coming out so cute ty for the code!!! Report Comment
FluffyPinkNarwhals	1696911055 cute!! :] Report Comment
evening_emerald	1696215684 This is so cute, thank you! <3 Report Comment
arlo !!	1694793817 usinggg! Report Comment
ANALOG666	1686857263 kirby plz 🙏 Report Comment
ANALOG666	1686857262 kirby plz 🙏 Report Comment
🍰BaaBaaShortcake🍰	1680691431 Using it! Report Comment
Mander	1679738296 Omg so cute! Definitely using!💕 Report Comment
Pinkie Lilac bratz	1677759653 using <<<<333 Report Comment
alex :D	1676594660 this is so pretty! i love how it looks, def will use it sometime :D! Report Comment
adam !	1672530660 using cursor! ^_^ Report Comment
SushiDrowned	1666786658 im gonna use the little online guy ty!! Report Comment
Amber Whitfield	1660176752 omg, love it! using. thank you ^^ Report Comment
autumn 💋	1651235896 im using it rn! it was so easy & quick 2 set up! tysm Report Comment
lex aster	1650944436 omg i'm obsessed, def using this now!! Report Comment
Charlie	1647707879 so cute. attempting to set it up right now! Report Comment
strawberryheart ૮꒰ ˶• ༝ •˶꒱ა	1647454099 will b usin dis i guess..... Report Comment