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

nurashkin	1743352533 using Report Comment
kofutofu	1741966138 using! Report Comment
mirabilis	1741617499 using (the contact info is so cute!) Report Comment
specter	1740634894 USINGG Report Comment
fiz/zy	1740299161 yay i absolutely love love love this layout thanks sm <3 Report Comment
kat !!	1740173413 USING! LOVE THISSS Report Comment
cassiby	1739918818 using <3 Report Comment
irena	1738415205 using!! Report Comment
Laura.jpg	1737710646 STOP FUCKING COMMENTING "USING" IF YOU'RE CHANGING THE LAYOUT EVERY 5 MINUTES Report Comment
anne	1737705273 using Report Comment
Autumn	1737193337 Using!! Report Comment
iluvrabbitsss	1737070867 usingggg :D Report Comment
mozelles #1 fan bnnuy!	1736014520 using! Report Comment
catho ^_^	1735054307 Using:)) Report Comment
Kooby	1733939284 Using! Report Comment
Marceline	1733842290 Using Report Comment
Riri 💌🪽 <3	1732218431 usingg Report Comment
femke✮⋆˙	1732126814 using!! Report Comment
Cheinz	1730062097 Using! ^_^ Report Comment
Cheinz	1730062097 Using! ^_^ Report Comment

Layout published by Laura.jpg