blue gingham & rain drops

Tags: blue, gingham, rain, cottagecore, kawaii, pixel

Description:

this layout hides the music, movies, television, books and heroes section so put everything in the general section!!

extra info

includes an animated h1 header (your name)
cute fonts
polaroid effect for your pic & friends picture
custom contact icons
rain all over the page (overlay)
myspace logo
scrolling friends & comments
optimal for mobile

🤍 leave me a comment if you like it or you're using it 🤍

you can modify it as you want but please don't post it in the layout page as yours
gimme some credit

also you can request ideas for a layout

Preview:

click on the image for a larger preview

Code:

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

<style> 
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@font-face { font-family: "hearts"; src: url('https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf'); }


:root {     
        --logo-blue: #;
        --darker-blue: #b1c1e9;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}
        

html:before {
  animation: grain 30s steps(2) infinite;
  background-image: url(https://i.pinimg.com/originals/62/cb/bf/62cbbf3021778f2f6db1320a261fb88b.gif);
  content: "";
  height: 900%;
  opacity: .1;
  position: fixed;
  top: 0%;
  width: 700%;
  pointer-events:none;}


.online img{
  font-size:0px;
}
.online{
    text-transform: ;
    color: transparent!important; font-family: ; 
        letter-spacing: px;
}
.online:before{
  display:inline;
  content:url('https://i.ibb.co/FgxP1Mx/2591088a2sjr2i9e1.gif');margin-right: -50px;
}  

  

.search-wrapper input[type=text] {
        font-family: courier new;
        color: black;
        background-color: #;
        background-image: url("");
        background-size: 55px;
        background-position: top;
        border: 1px solid #ccc!important;
        border-radius: 10px !important;
        font-size: 12px;}
        
button{
        border-radius:  !important;
        border: 0px !important;
        text-transform: lowercase; 
        font-family: ;
        font-size: 0px!important;
        background-color: transparent!important;
        width:;
        color: white!important}

.inner img{
border-radius: px;
filter: grayscale(40%);}

.friends a p{
        font-size: 0px!important;
        font-family: ! important;        
        font-weight: 200;       
        letter-spacing: px!important; 
        color: #!important;} 

.friends {display: ;}
.profile-info {display: none!important;}
.url-info {display: none;}
.section h4{display: ;}
.blog-preview {display: ! important;}
.blurbs h4{display: ;}
.heading {display: ;}
footer{background: transparent;}
.table-section:last-child {display:  !important;}   
.friends .heading{display: ;}
.comment-replies{border: 0px solid white !important;}



.more, .url-info, .profile-info, .button, .friends-grid,  .blurbs h4, .blurbs .heading
{display: none;}   


.details-table td:first-child{display:  none!important;  }


.table-section:nth-last-child(2) .details-table tr:nth-child(2){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(3){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none! important;}



body {
        background: URL("https://foollovers.com/mat/plaid03/m06-bg-checked.gif"); background-color: #;
        background-size: 20px;
        background-attachment: repeat;
        text-transform: lowercase;}

p, nav label, .section, .profile .table-section, table.comments-table td{
        font-family: courier new; color: #; letter-spacing: -1px; line-height: 10px;
        font-size: 13px;}



.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 1px;
        padding: 9px;}


.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 40px;
  background-image: url(https://wilardo.crd.co/assets/images/gallery31/c928a3ff.png?v=e670c4e7);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;}

.mood b:before {content:url(https://mypillowfort.nekoweb.org/media/316.png)!important;padding-right:4px!important}


.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img

{
border: 0px dotted gray !important;
outline: none !important;
}


.contact {
  border-radius: 15px;
  background: url(https://64.media.tumblr.com/e4b1c933ad19544a7169666652e3380c/e04a2d2ae9adc063-71/s500x750/d0aeca34909404a20cd95c6575f50939c8756e10.gif);
  background-size: 100%;
  background-position: bottom;
  background-repeat: repeat;
  padding: 5px;
  width: px;
  height: px;}

.contact .inner a img {margin-right: -4px;
        font-size: 0;}
    
.contact .inner a{
 
        letter-spacing: px; 
        color: #fff !important; 
        font-weight: 200;      
        font-size: 14px!important;
        font-family: hearts;
-webkit-text-stroke-width: px;
        -webkit-text-stroke-color: ;}



.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_8ebe5893c336280811b1b408090aa833_15ae3ef7_75.gif")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_8ebe5893c336280811b1b408090aa833_15ae3ef7_75.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_984fa51be77462aa2bd2dde6faf5b97c_262dd438_75.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_984fa51be77462aa2bd2dde6faf5b97c_262dd438_75.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_984fa51be77462aa2bd2dde6faf5b97c_262dd438_75.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_141d2be28f4b22654a5a584f7a210543_2c6dc3d5_75.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_d54e2bb5ea2a78ff381b392bd53e1056_75d12a51_75.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://mypillowfort.nekoweb.org/media3/tumblr_141d2be28f4b22654a5a584f7a210543_2c6dc3d5_75.gif")
    } 
    


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: url("https://mypillowfort.nekoweb.org/media4/tumblr_57d254a964d81f1528ecb032338e1aba_1382ce36_75.gif") !important;
padding-left: 4px !important;}

.friends-grid {
    height: 140px;
    overflow-y: scroll;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.profile .friends .person {
    position: relative;
}
.profile .friends .person a:not(a:first-child) {
    border: solid white;
    border-width: 5px 5px 25px;
    box-shadow: 3px 3px 5px #515151;
    width: px;
    display: table-cell;
transform: rotate(deg);
}
.profile .friends .person a:first-child p {
    position: absolute;
    top: 100px;
}
.profile .friends .person img:not(.icon) {
    width: px;
    height: px;}


.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon) {
    border: solid white;
    border-width: 5px 5px 25px;
    box-shadow: 3px 3px 5px #515151;
    width: px;
    display: table-cell;
transform: rotate(-5deg);}

    

.general-about .profile-pic {
    background: white;
    padding: 5px 5px 33px;
    box-shadow: 1px 1px 5px #515151;
    height: auto;
    transform: rotate(deg);
    filter: grayscale(35%);}


nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

nav .top a, nav .links a{text-shadow: 0px 0px 0px black;
    color: #000!important; text-align: center;
    font-family: hearts! important;  font-weight: bold; 
    font-size: 13px! important;      
    letter-spacing: px!important;} 
 

.heading {font-size: 0px! important;
        padding: 0px 0 !important;
        text-align: center;
        margin-top: 1px;
        margin-bottom: 1px;
        background-color: # !important;
        color: # !important;
        border-bottom: 0px solid;}
        
.icon, .award img {
    content: url(https://mypillowfort.nekoweb.org/media3/tumblr_c8e66747bfb11279f3a65eb81a854e2b_d94987fa_75.gif);
    display: inline-block;
    height: 1.6em;
    width: 1.4em;
    margin: 0 .05em 0 em;
    vertical-align: -0em;
    color: rgba(0,0,0,0);}

b {
font-size: 11px!important;
        font-family: homemade apple;
        color: #000; background-color: #;        
        text-transform: !important; 
        font-weight: 200;
        letter-spacing: 0.5px;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #;
        font-weight: ;
        margin-bottom: px!important;
        margin-top: 10px!important;
        line-height: 0px!important;
        text-align: center;}


h1 {
font-size: 27px!important;
        font-family: hearts;
        color: #bcd;         
        text-transform: !important; 
        font-weight: 200;
        letter-spacing: -1px;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #;
        font-weight: ;
        margin-bottom: 40px!important;
        margin-top: 10px!important;       
        text-align: center;
        line-height: 70px!important;
        background-image: url("https://mypillowfort.nekoweb.org/media2/tumblr_7a0adc6ee966fa39ecef9050826191c7_f67a6c1d_100.gif");
        background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;

animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
background-image: url("https://mypillowfort.nekoweb.org/media2/tumblr_7a0adc6ee966fa39ecef9050826191c7_f67a6c1d_100.gif");background-position: center;}
  
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}
        

table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}


table.comments-table {
background: url(https://live.staticflickr.com/65535/51966454262_27312604b5_c.jpg);
background-size: 100%;
</style>


<style>
.friends .heading:after {
    content: url(https://mypillowfort.nekoweb.org/media3/tumblr_851f66e8ab28e00081b0fd5d088d9b32_42e0b1f5_75.gif); margin-left: 3px;}
.friends .heading{ font-size:0;}
.friends .heading:before{ content: "pals"; font-size:15px; font-family: hearts; font-weight:200; color: #000;}


.friends#comments .heading:after {
    content: url(https://mypillowfort.nekoweb.org/media3/tumblr_18fcf79ce6d195bb79d400ee603b8e4c_e91c8046_75.gif); margin-left: 3px;}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comment something" url(); font-weight:200 ; font-size:15px; font-family: hearts; color: #000; }


.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.0rem;margin-left:5px; }
.blog-preview h4:before{ content: "my blogs"; font-size:16px;font-family: homemade apple; color: #000; font-weight: 200; background-color: #;-webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #;}
 
.blog-preview h4:after{
    content: url(https://mypillowfort.nekoweb.org/media/235.gif); margin-left: px;} 

 
.blog-preview p .pinned .icon {
   content: url(https://mypillowfort.nekoweb.org/media3/tumblr_0336d105f993bf2354700aaf7109cbc8_56b1aec2_75.gif) !important;}


.top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://1000logos.net/wp-content/uploads/2023/01/Myspace-Logo-2004.png);
    height: 100px; 
    width: 179px;
    display: inline-block;} 
</style>


<img width="19%" height="auto" src="https://64.media.tumblr.com/a50472defc9ee84f1117ea2e1888146c/tumblr_inline_mly8ywMT6Y1qz4rgp.gif" alt="about me"/>
<br/><br/><div style="text-align: center;"> 
here goes your about me!</div>

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

Waterfi	1718659201 usingg :) Report Comment
barbara (>_<)	1718293397 usinggg Report Comment
EZRA .. ☆	1718220878 using !! Report Comment
May	1717995141 Usinggg Report Comment
⠀🫀 ˛ kels ︐	1717722670 using !! Report Comment
⠀🫀 ˛ kels ︐	1717722668 using !! Report Comment
sunny:3	1717626899 using :D Report Comment
Venus ☆	1717378642 Using ^^ Report Comment
riku / yuuji	1717248988 usingg Report Comment
Myoso !!	1716241837 using :) Report Comment
lluvv	1715791577 cute Report Comment
lisconfresas!!	1715730040 using it!! Report Comment
Alexis	1715572344 Using Report Comment
Lord Byron Smoothcrim	1715144021 Cute! Report Comment 🤍 by Laura.jpg; 1715147013; Report
heartbeats	1715115608 super cute<3 i love your layouts so much :))) if you ever get the chance would you be willing to make a dark themed layout? Report Comment Thank you so much 🥹 Of course a dark one was in mind! by Laura.jpg; 1715146998; Report