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> 
@font-face {font-family: "Bubble Tea"; src: url(http://static.tumblr.com/npggxjg/BGsm22nnu/bubble_tea.ttf);}
@font-face {font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf');}
@font-face {font-family: "Hello Kitty Angel"; src: url('http://static.tumblr.com/npggxjg/JPrmeyboy/hello_kitty_angel.ttf');}

@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: 13px!important;
        font-family: Bubble Tea;
-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: 9px!important;
        font-family: stars;
        color: #000; background-color: #;        
        text-transform: !important; 
        font-weight: bold;
        letter-spacing: px;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #;       
        margin-bottom: px!important;
        margin-top: 10px!important;
        line-height: 0px!important;
        text-align: center;}


h1 {
font-size: 38px!important;
        font-family: Hello Kitty Angel;
        color: #0096FF;         
        text-transform: !important; 
        font-weight: 00;
        letter-spacing: px;
        -webkit-text-stroke-width: px;
        -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:25px; font-family: Hello Kitty Angel; font-weight:bold; 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:bold ; font-size:25px; font-family: Hello Kitty Angel; 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:27px;font-family: Hello Kitty Angel; color: #000; font-weight: bold; background-color: #;-webkit-text-stroke-width: px;
        -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 82 comments ( View all | Add Comment )

ang	1762898018 super cute! usingg Report Comment
sca11r	1762682091 Usinggg Report Comment
orchid (・_・;)	1762586593 using! Report Comment
cig_restt	1762561444 usando Report Comment
⋆˚࿔ Lola 𝜗𝜚˚⋆	1760641881 using! Report Comment
cataas13	1759365758 this is EXACTLY what i was looking for! def using Report Comment
charlie	1758385172 usingg! Report Comment
◟♯ . / 𝚓𝚗𝚢 . !	1758352110 using Report Comment
nik	1756904844 using! Report Comment
Junie!	1755857591 using! Report Comment
꒰ ⊹ ˚. 𝐀𝐮𝐫𝐞𝐚 𖧧 ७	1755840957 using >> Report Comment
rebsaii	1755578349 me use Report Comment
Andgha	1754521866 muito fofoo Report Comment
mxnrv	1754384503 usinggg Report Comment
zamachowiec11	1753965123 using! <3 Report Comment
amb	1753670686 using :3 Report Comment
Bella	1753645382 Vou usar!! :3 Report Comment
ceci	1751170311 using ♡ Report Comment
omaeverse	1750344784 using Report Comment
Abuela Pancho	1750219785 usandoo Report Comment