red & black vintage

Tags: red, vintage, betty boop, dark

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)
polaroid effect for your pic & friends picture
custom contact icons
film grain 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=105001) -->

<style> 
@import url('https://fonts.googleapis.com/css2?family=Eater&display=swap');
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
@font-face{src:url(https://dl.dropbox.com/scl/fi/phd6lorzz1gdkzku5f7ac/Volter__28Goldfish_29.ttf?rlkey=m9msku2d84m2c3imqzb72gtnp);font-family:voltergoldfish}
    
 
:root {     
        --logo-blue: #;
        --darker-blue: #333;
        --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();
  content: "";
  height: 900%;
  opacity: .1;
  position: fixed;
  top: 0%;
  width: 700%;
  pointer-events:none;}


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


table.comments-table {
background: url(https://64.media.tumblr.com/90d14bc3c54a3daabd04bc8e61cc295a/tumblr_inline_n258ovpRe81qhwjx8.gif); 
background-size: 50%;}


.online img{
  font-size:0px;
}
.online{
    text-transform: ;
    color: transparent!important; font-family: ; 
        letter-spacing: px;
}
.online:before{
  display:inline;
  content:url('');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://www.bhmpics.com/downloads/gothic-red-Wallpapers/14.226d826e58d8ccbad5a00e9be48a392e.png"); background-color: #;
        background-size: 50%;
        background-attachment: repeat;
        text-transform: lowercase;}

p, nav label, .section, .profile .table-section, table.comments-table td{
        font-family: times; color: #ddd; letter-spacing: px; line-height: 10px;
        font-size: 11.5px;}


main { background-image: url('')!important;
    background-size:250px;
        border-radius: 0px;
        background: #000!important;}

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


.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 80px;
  background-image: url(https://64.media.tumblr.com/6052a87722156ecb140360ddacbc4b6c/2978cc05b820fd39-93/s640x960/909c5a2497663e478f6c03f7f11bf49f6f0761fe.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;}


.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://31.media.tumblr.com/f0f20c5615c01b09af2000a77df24edc/tumblr_mgyb60RCmj1qcdb16o1_500.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: 10.5px!important;
        font-family: eater;
-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://artwork.neocities.org/betty/f925156.gif")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://artwork.neocities.org/betty/f925156.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://artwork.neocities.org/betty/f925156.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://artwork.neocities.org/betty/f925156.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://artwork.neocities.org/betty/f925156.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://wilardo.crd.co/assets/images/gallery02/914c5492.gif?v=0a976b36")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://artwork.neocities.org/betty/f925156.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://wilardo.crd.co/assets/images/gallery02/914c5492.gif?v=0a976b36")
    } 
    


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: url("") !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(40%);}


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

nav .top a, nav .links a{text-shadow: 0px 0px 0px white;
    color: #fff!important; text-align: center;
    font-family: times! important;  font-weight: bold; 
    font-size: 13px! important;      
    letter-spacing: px!important;} 
 
nav .links { hover: #000;
        background: url("");
        font-family: merriweather!important;
        background-size: 50%;
        background-color: #;
        background-position: bottom!important;
        background-repeat: repeat!important;
        height: px;
        font-weight:bold! important; 
        border:none;
        border-bottom: 0px black solid;}


.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://artwork.neocities.org/betty/f1240217.gif);
    display: inline-block;
    height: 1.9em;
    width: 1.9em;
    margin: 0 .05em 0 em;
    vertical-align: -0em;
    color: rgba(0,0,0,0);}

.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/sjwPXVP/onlinenow.gif');margin-right: -50px;
}   


html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url('https://i.pinimg.com/originals/b7/95/fc/b795fc5853a1f187e92fa83d5aa7c4ba.gif');
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;}



b {
font-size: 10px!important;
        font-family: voltergoldfish;
        color: #880808; 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{
    text-transform: ;
        font-size: 34px!important;
        font-family: unifrakturmaguntia;
        color: #;
        font-weight: 200;text-align: center;     
        height: 70px; margin-top: 20px!important;
        letter-spacing: -px!important;       
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #A42A04;
animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
background-image: url("");}
  
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }  
</style>


<style>
.friends .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery18/d1e9b4b9.gif?v=0a976b36); margin-left: 3px;}
.friends .heading{ font-size:0;}
.friends .heading:before{ content: "pals"; font-size:15px; font-family: UnifrakturMaguntia; font-weight:200; color: #FF0000;}


.friends#comments .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery18/d1e9b4b9.gif?v=0a976b36); 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: UnifrakturMaguntia; color: #FF0000; }


.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:20px;font-family: UnifrakturMaguntia; color: red; font-weight: 200; background-color: #;-webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #;}
 
.blog-preview h4:after{
    content: url(https://artwork.neocities.org/photos/night/le-kitties.gif); margin-left: px;} 

 
.blog-preview p .pinned .icon {
   content: url(https://wilardo.crd.co/assets/images/gallery04/2d8a4ce0.gif?v=0a976b36) !important;}


.top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://www.pngkey.com/png/full/611-6116955_myspace.png);
    height: 50px; 
    width: 179px;
    display: inline-block;} 
</style>


<img width="39%" height="auto" src="https://static.wixstatic.com/media/7b044b_56829e4d2ee9410aa3f67f4af4a0609a~mv2.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 23 comments ( View all | Add Comment )

thrixm🖤	1720053640 usando! Report Comment
rin	1720040089 using Report Comment
spookie	1719618614 using!! ☆☆ Report Comment
deerus	1719380282 using Report Comment
☆ mil3z ☆	1718848619 using!! Report Comment
･ﾟﾟ･｡ sage / Lucifer / alexis	1717773837 Using!! Report Comment
osiris	1717660771 using Report Comment
6st6rs6	1717149000 using Report Comment
Mikey	1716931157 Using! Report Comment
xb	1716659929 using!! Report Comment
「𝕆𝕟𝕪𝕩」	1716241876 using Report Comment
qzwego	1716084649 using using Report Comment
Zero	1715706282 using it!! ^^ Report Comment
Anastasha🐩	1715639573 Using! Tyy Report Comment
dr_Ink	1715605720 using<3 Report Comment
elliot 🫀	1715549024 using Report Comment
Nan4	1715487320 Using! Report Comment
Crysta ⚝ Vampira!!	1715403691 using Report Comment
𝖊𝖒♱	1715310545 using ^_^ Report Comment
౨ৎ johnnie	1715293683 hi, its me again, sorry, i was wonderin bc i have a gif pfp id like to use, and it seems to be just like going under my original one? do u have any idea how to fix this w ur layout or no? Report Comment