blue gingham & rain drops

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

Description:

UPDATED LAYOUT!!!

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.cdnfonts.com/css/banana-groovy');
@import url('https://fonts.cdnfonts.com/css/templates');
@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: 10px!important;
        background-color: transparent!important;
        width:;
        color: white!important}

.contact { 
  text-align: center;}

.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;  }




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: hearts; color: #; letter-spacing: px; line-height: 10px;
        font-size: 15px;}



.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: #F0FFFF !important; 
        font-weight: 200;      
        font-size: 14px!important;
        font-family: banana groovy;
-webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #000;}



.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: 15px! 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://64.media.tumblr.com/cd7af1845c7b6da7aa80c91f3248c858/01a2963bd52f3574-51/s75x75_c1/fd69473235da8ab26c1fcaa1998830b8702aed87.webp);
    display: inline-block;
    height: em;
    width: em;
    margin: 0 .05em 0 em;
    vertical-align: -0em;
    }

b {
font-size: 12px!important;
        font-family: templates;
        color: #000; background-color: #;        
        text-transform: !important; 
        font-weight: bold;
        letter-spacing: 1px;
        -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: 29px!important;
        font-family: banana groovy;
        color: #fff;         
        text-transform: !important; 
        font-weight: 200;
        letter-spacing: px;
        -webkit-text-stroke-width: 0.7px;
        -webkit-text-stroke-color: #000;
        font-weight: ;
        margin-bottom: 40px!important;
        margin-top: 10px!important;       
        text-align: center;
        line-height:90px!important;
        background-image: url("https://i.postimg.cc/kXFckS0L/blue-sky-cloud-bubble-pixel-design-for-decoration-wheather-forcast-pixel-design-png.webp");
        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://i.postimg.cc/kXFckS0L/blue-sky-cloud-bubble-pixel-design-for-decoration-wheather-forcast-pixel-design-png.webp");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: templates; 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: templates; 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:19px;font-family: banana groovy; color: #0096FF; font-weight: 200; background-color: #;-webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #000;}
 
.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: 80px; 
    width: 149px;
    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 65 comments ( View all | Add Comment )

ceci	1751170311 using ♡ Report Comment
omaeverse	1750344784 using Report Comment
Abuela Pancho	1750219785 usandoo Report Comment
lasagnalvr	1749384084 Using ! Report Comment
rebsaii	1749261789 mE use Report Comment
eden.	1748455786 using! Report Comment
mik ★	1747986425 using ! Report Comment
.sxrtvavcs	1747427078 using Report Comment
Suns	1747425268 using Report Comment
simply_freya	1746944883 Usin Report Comment
w0mp1tis12	1745761516 using :) tysm Report Comment
✿ !! CITRON OR NOE	1745363349 using! Report Comment
Norah	1744511446 using Report Comment
rina ⋆˖⁺‧₊☽◯☾₊‧⁺˖⋆	1744407505 usinggg !! (with mild edits xd) Report 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