VANS (Off the Wall)

Tags: tragiictayy, compact, column, black, layout, cute, red

Description:

Super fun column based layout that is completely customizable to your liking!

Hides profile picture, contact box, url info, interests, blog posts, friends and comments.

Optional page banner -- just add your image.

Add your id to the contact portion below for an already made contact box!

Screenshot taken on mobile, in landscape mode.

If you use this, please comment below, or add me on here. Thank you!

Preview:

click on the image for a larger preview

Code:

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

~ PASTE THIS CODE INTO YOUR ABOUT ME ~

<div class="row">
  <div class="column"><br/>
<b>CONTACT:</b>
<br/><br/><a href="https://spacehey.com/addfriend?id=">Add me</a>
<br/><br/><a href="https://spacehey.com/block?id=">Block me</a>
<br/><br/><a href="https://im.spacehey.com/?user=">Message me</a>
<br/><br/><a href="https://spacehey.com/unfriend?id=">Remove me</a>
<br/><br/><a href="https://spacehey.com/report?type=user&amp;id=">Report me</a>
<br/><br/>Leave a <a href="https://spacehey.com/addcomment?id=">comment</a>
<br/><br/>View my <a href="https://spacehey.com/comments?id=">comments</a>
</div>


  <div class="column"><br/>
<b>ABOUT:</b><br/><br/>

<br/><b>bold font looks like this.</b>
<br/><br/><i>and italic like this.</i>
</div>


<div class="column"><br/>
<b>SOCIALS:</b>
<br/><br/>
<br/>regular font looks like this.
<br/><br/>:)
</div>
</div>

~ PASTE THIS CODE INTO YOUR INTEREST SECTION ~

<style>
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black; 
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Roboto+Mono&display=swap');
</style>

<style>

:root {
    --logo-blue: #00000;
    --darker-blue: #00000;
    --dark-orange: #00000;
    --light-orange: #00000;
    --lighter-blue: #00000;
    --even-lighter-blue: #00000;
    --even-lighter-orange: #00000;
    --green: #00000;
    --lightest-blue: #00000;
}

nav{background-color:black!Important;border-radius: 0px 0px; font-family: 'Roboto Mono', monospace!important; font-color: white; font-size: 8px; filter: opacity(95%);}
nav ul{background:black;font-family: 'Roboto Mono', monospace!important; font-color: white; font-size: 8px; filter: opacity(95%);}
nav img{filter: opacity(95%) !important;}
nav ul a img, .mood a img{display:none!important;}
top{background:black!important; font-family: 'Roboto Mono', monospace!important; font-color: white; font-size: 8px; background-color:none(0, 0, 0, 0.0); !important; filter: opacity(95%);}

main:before {
 display: none!important;
 width: 100%;
 height: 160px;
 padding: 0px;
 display: block;
 content: "";
 background-image: url('');
 background-position: center center;
 background-size: cover;

</style>


<style>

.col.w-40 {
    display: none!important;
    visibility: hidden;
}

body {
     background-color: black!important;
     background-image: url('https://data.whicdn.com/images/335879784/original.jpg');
     background-repeat: repeat!important;
     background-attachment: fixed!important;
     background-size: 250px!important;
}

main{
    width:100%;
    height: 20%;
    background-color: black;
    filter: opacity(95%);
    padding:0px;
    margin-top:0px;
    margin-left: auto;
}

b {
  font-family: 'Kiwi Maru', serif;
  color: red;
  letter-spacing: -2px;
}

i {
  font-family: 'Kiwi Maru', serif;
  color: red;
  letter-spacing: 2px;
}


.profile {
	display: flex;
	flex-direction: column;
}

.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.profile .left{
    width:50%!important;
}

.row {
  display: flex;
}

.column {
  flex: 50%;
}

.profile .column {
    overflow-y: scroll;
    width:100%;
    height:200px;
    text-align: center;
    top: 100px; left: 0px;
    border-radius: 0px;
    
}

.profile {
  background-color: black;
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  color: white;
  text-transform: lowercase!important;
  height: 20%;
}


.general-about .profile-pic {
    display: none!important;
    height: 100%;
    width: 100%;
    background-color:;
    border-radius: 0px;
    padding-top: 0%;
    position: center!important;
  }

.general-about .profile-pic img {
    display: none!important;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px;
    display: block;
    position: center!important;
  }

a:link {
    color: gray;
    font-family: 'Kiwi Maru', serif;
    text-transform: uppercase!important;
    text-shadow: none!important;
}

a:hover {
    color: white;
    font-family: 'Kiwi Maru', serif;
    text-decoration: strike-through!important;
}

a:visited {
     color: gray;
     font-family: 'Kiwi Maru', serif;
     text-transform: uppercase!important;
}

.details {
    display: none!important;
    font-size: 11px;
    border-top-left-radius: 0px;
    width: 100%;
    border-top-right-radius: 0px;
    background-color: black;
    color: white;
    margin-bottom: -16px;
  }

.mood {
    font-size: 11px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    background-color:;
    color:;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0%;
}


.profile-info {
    display: none;
}

.w-40 h1{
    display: none;
}

.w-40 >  p {
    display: none;
}

.contact {
        display: block;
        font-size: 11px;
        font-family: 'Roboto Mono', monospace;
        border: none 0px!important;
        background-image: url("")!important;
        background: ;
}

.contact .inner a img {
        font-size: 0;
}

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

.online {
        display: none;
}

.right .section h4{display:none !important;}

.blurbs .heading{
  display: none!important;
  text-align: left;
  font-size: 12px;
  font-family: 'Roboto Mono', monospace;
  border-top: none;
  border-right: none;
}

.blurbs {
   font-size: 12px;
   font-color: white;
   font-family: 'Roboto Mono', monospace;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
display: none;
border:0px;
}

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
display: none!important;
background: black ;
color: white;
font-family: 'Roboto Mono', monospace;
font-size:11px;
text-transform; uppercase!important;
text-align: left;
padding: 2px;
bottom-border: solid 1px!important;
border-color: white;
}

.blog-preview {
  display: none;
  grid-area: blog-preview;
}

.friends
{display:none;
}

.table.comments-table td {
        display: none;
        background-color: black!important;
        border:none;
        width: 10px!important;
        font-size: 11px;
}

.comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
}

.container {
    width: 60%;
}

footer {
    background-color: transparent;
    font-size: 8px;
    font-color: black;
    font-family: 'Roboto Mono', monospace;
}

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