layout starter/custom layout/blank

Tags: basic, custom, simple, layout, easy, blank

Description:

so everything is already coded/formatted so you just need to add your own URLS when URLS are needed. the 2 things with a dash (--) can be deleted.

Code:

<!-- (c) Layout created by Jojo (J dog) (https://layouts.spacehey.com/layout?id=101658) -->

<style>
------find-other-fonts-on-google-fonts--------
p{
font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #FFF;

}

a{
 font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #FFF;
}

div{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #FFF;
  

}
h1,h2,h3,h4,h5{
font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #FFF;
  
-----background/customization pics-----
}
body {
    background: url(YOUR OWN URL);
background-size: auto;
}

.profile {
    background-image: url(YOUR URL FOR PROFILE BACKGROUND (not background for entire screen);
    background-repeat: repeat;
color: #ffe6ed;
border-radius: 0px;
    border: 2px black;
}


.blog-preview {

  background-image: url(“YOUR URL FOR BLOGS BACKGROUND");
  border: 2px black;
    border-radius: 0px;
    text-align: center;

}

.blog-preview .heading{
    background: #8B0000;
    border: 2px ;YOUR COLOR (red, yellow, black, white, purple, etc)
      border-radius: 0px;
      text-align: center;

}

.blurbs {

  background-image: url("YOUR URL FOR PIC BEHIND BLURBS (you can leave blank)");
  border: 2px solid red;
    border-radius: 0px;
    text-align: center;

}

.profile .blurbs .heading{
    background: black;
    border: 2px black;
      border-radius: 0px;
      text-align: center;

}

.general-about{

     border: 2px black;
    border-radius: 0px;
    text-align: center;
color: #ffe6ed;
    background-image: url(insert image url");
    padding: 20px;

}

.profile .contact {
    border: 2px solid red;
    border-radius: 16px;
}

.logo {
content:url("URL FOR LOGO. CAN LEAVE BLANK");
}

.contact {
  background-image url: (insert image link);
    background-image: url(insert image link);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    color: #ffe6ed;
background-size: 200px;

}

.profile .contact .heading {
   background: black;
    border: black;
    border-radius: 0px;
    text-align: center;
color:#020d0e;

}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 0px;
}

nav .top {
  background: black;
}

nav .links {
  background: black;
border-radius: 0px;
}

nav{ 
font-size: 13px !important;
text-shadow: 1px 1px black;
text-transform:none;
text-align: center;
    border: 2px solid #8B0000;
    border-radius: 0px;
margin-bottom: 0px;
}

.profile .table-section .heading {

  background-color: black;

  color:#00000;
   border: black;
    border-radius: 0px;
}

.profile .friends{
 background-image: url(insert img url);
 border: 2px solid red;
    border-radius: 0px;
text-align: center

}

.profile .contact, .profile .table-section, .profile .url-info {

  border: 2px solid red;
    border-radius: 0px;

}

.comments-table td:first-child{
text-align: center!important;
background: red;
}

.comments-table td{
text-align: left!important;
}


.comment-replies {
border: red;
}

.comment-reply:not(:first-child) {
    border-top: 1px solid red;
}



table.comments-table td {
    background-color: #000000;
    overflow: hidden;
border: 1px solid red;
    padding: 5px;
}

.comments-table{
display: block;
overflow-y: auto;
Border-radius: 0px; 
color: #ffe6ed;
 }

table.comments-table{
border: 2px solid red;
 border-radius: 0px;
width: auto;
}

.profile .friends .heading {
 background: #000000;
    border: 2px solid red;
    border-radius: 0px;
    text-align: center;
color: #ffe6ed;

}
.profile .table-section {
background-image: url(insert img url);
 border: 2px solid red;
    border-radius: 0px;
text-align: center
}

.profile .table-section .details-table td {
    background-color: transparent!important;
color:#ffe6ed;

}

footer {
color:#ffe6ed;
background: red;
border: 2px solid red;
 border-radius: 0px;

}

.mood {
margin-top: 10px;
margin-bottom: 10px;
 color: #ffe6ed;
    border: 2px solid red;
    border-radius: 0px;
padding: 5px!important;
    height: 65px;
background-size: 360px

}



.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}


<style>
.general-about{
  position: relative;
  margin-top: 100px;
}.online{
content: url(YOUR OWN GIF/IMAGE FOR ONLINE SYMBOL URL);}

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('YOUR OWN LOADING SCREEN URL');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

}




</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.