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

femke✮⋆˙	1732126814 using!! Report Comment
SAH LA! 🦊	1730062097 Using! ^_^ Report Comment
SAH LA! 🦊	1730062097 Using! ^_^ Report Comment
kain	1729986480 usingg Report Comment
mattz	1729773743 Using Report Comment
out.cat	1729653516 Using! :3 Report Comment
Yaarg/Jarg	1728336126 Using! (๑˘︶˘๑) Report Comment
pixie	1728253130 using!! Report Comment
pixie	1728253100 using!! Report Comment
luki	1727910086 this is so cute, im using! Report Comment
Bazinga	1727844772 Using Report Comment
vincent	1726354315 using!! Report Comment
Lpversi	1725307713 usingg Report Comment
cosmic	1724439718 using Report Comment
rooooo	1724198597 using!! me encantaaa Report Comment
sliczny	1724159067 using!! Report Comment
𓏲 ๋࣭ ࣪‧₊🪼 𝔨𝔞𝔫𝔢 𝔰𝔳𝔤𝔞𝔯🪼˚‧ ✧𓍢ִִ໋˚.	1723510634 Using Report Comment
niccy	1720825334 using<33 Report Comment
c★	1720227916 using!! and it's so cute! <3 Report Comment
Waterfi	1718659201 usingg :) Report Comment