JUST BLACK AND WHITE

Tags: base, black and white, simple, basic, layout base

Description:

Just black and white. Can be used as a base. Credit not required. Edit: Thank you for all the comments!!! When making a layout, I recommend using [https://nein-mc.neocities.org/csstest/] for testing them. If you are having issues with any of the features please let me know.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by CREATURA (https://layouts.spacehey.com/layout?id=100381) -->

<style>
nav .top {
    background: #FFFFFFcc;
    color: #000000;
    padding: 15px 10px 14px 10px;
    position: relative;
}
</style>
<style>
nav .links a {
      text-shadow: none;
}
</style>
<style>
    filter: brightness(100%) saturate(0%) invert(0%) sepia(0%) saturate(1%) hue-rotate(330deg) brightness(0%) contrast(100%);!important;
}
</style>

<style>
  * {
<style>

    }
<style>
.logo {
content:url("https://i.postimg.cc/QMbB1VWQ/IMG-2856.jpg");
max-width: 80px;  
height: 90px;  
}
</style>
<style>main:before {
	width: 100%;
	height: 100px ;
	display: block;
	content: ""; 
	background-image: url('https://i.postimg.cc/QMbB1VWQ/IMG-2856.jpg');
	background-position: center;
	background-size: cover;

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
<style>
/*use rgb(0, 0, 0) for text use rgb(255, 255, 255) for bgs*/
  nav .top{
    border: 2px solid rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
  }
  nav .links{
    background-color: rgb(255, 255, 255);
    border-left: 2px solid rgb(0, 0, 0);
    border-right: 2px solid rgb(0, 0, 0);
  }
  main, .profile, body, #q, button{ /*edit this with an image remove rgb*/
    background-color: rgb(255, 255, 255);
  }
  a, .profile .friends .person p, .logout-btn, main, p, h4, .count, .heading, #q, button{
    color: rgb(0, 0, 0) !important;
  }
  .heading{ /*DO NOT RECOLOR*/
    background-color: rgb(255, 255, 255) !important;
    border-bottom: 2px solid rgb(255, 255, 255);
  }
  .details-table td{ /*this is the bg of the interests section DO NOT RECOLOR*/
    border: 2px solid rgb(0, 0, 0);
    background-color: rgb(255, 255, 255)!important;
  }
    .profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, .profile-info, .pfp-fallback, main, footer, #q, button{
    border: 2px solid rgb(0, 0, 0);
  }
  .col.right .heading{
    border: 2px solid rgb(0, 0, 0) !important;
  }
   .col.right .inner{
    border: 2px solid rgb(0, 0, 0);
    border-top: none;
  }
  .profile-info .inner{
    border: none !important;
  }
  .contact .icon{ /*replace with image*/
    content: url("https://i.postimg.cc/QMbB1VWQ/IMG-2856.jpg");
  }
  nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
    color: rgb(0, 0, 0);

  }

   table.comments-table td {
        background-color: rgb(255, 255, 255) !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }


footer {
    border-radius: 120px;
    background-image: url(https://i.postimg.cc/QMbB1VWQ/IMG-2856.jpg);
    color: rgb(0, 0, 0);

</style>
<style>

/* spacehey logo */
nav img.logo{filter: brightness() saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}

</style>

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

insomniac	1738439502 using!! Report Comment
MAYONESO	1736711623 Está muy lindo, simple, y eso ayuda a personalizarlo mejor. Pero, cuando pongo el logotipo rojo, lo cambia a amarillo Report Comment
KEv07	1733817371 usin Report Comment
VINNIE	1730906794 using Report Comment
‎ ‎ ‎ ‎ ‎ ‎ . ̫. cherie	1719015804 using Report Comment
Delici0us_T0ast	1717303234 Using Report Comment
callan	1711951847 using ^___^ Report Comment
Dawy!	1711465740 using Report Comment
Chell_Portal	1710964827 I'm using as a base, just need to modify it first :) Report Comment
silly	1710522433 usingg! Report Comment
Cco0orn	1709907560 Used Report Comment
jasmine bale	1709650521 usinnnn!! ;3 Report Comment
66 ! !	1709539182 using Report Comment
𖦹 luvbug44	1709491926 using ty !! Report Comment
Lutter	1709460194 OMGG, TY, using! Report Comment
xu	1709189363 The best! Report Comment Thanks!!!!! by CREATURA; 1709241806; Report
Marr4qu33t4	1709166752 using Report Comment Cool ^_^ by CREATURA; 1709241816; Report