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

🧸ྀིTomie	1741369035 using Report Comment
Xyhn 🍓	1741076853 using Report Comment
⊹₊ ⋆ 𝘕𝘦𝘯𝘦 ₊˙♡﹗˚ ༘	1739500691 using the cursor Report Comment
Shoka ! <3	1737635184 Using !! Thx <3 Report Comment
tyler /⁠ᐠ⁠｡⁠ꞈ⁠｡⁠ᐟ⁠\ $tyler /⁠ᐠ⁠｡⁠ꞈ⁠｡⁠ᐟ⁠\'s profile picture$	1736304766 using!! Report Comment
Vicky_xxx	1732981606 using!! Report Comment
Luv<3	1732101964 Using Report Comment
🍓🍥	1732005560 USINGG!! Report Comment
camryn/ezra🫀	1723258271 using :> Report Comment
saqirel'	1723217798 Using! Report Comment
valkyrie/valk	1722903098 using!! ty Report Comment
mika	1715621918 ty! using! (✯◡✯) Report Comment
𝒚in ♱	1715251468 using!! Report Comment
C∆Br∆s	1708733441 USANDO^^ Report Comment
amaiaceciliarm	1705684824 Thankyouu Report Comment
raissa ✞	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