CUTE BULMA LAYOUT❤

Tags: bulma, cute, pink, girly

Description:

A simple cute design made by LUSHLYTS. Bulma from DRAGONBALLZ.

My first layout, I HOPE YOU GUYS ENJOY.

ABOUT ME , WHO ID LIKE TO MEET HEADERS WERE HIDDEN.

LEFT SIDE COLUMN COMPLETLY HIDDEN (WILL NOT BE ABLE TO SEE ANYTHING PUT IN INTEREST). YOU CAN CUSTOMIZE HOW YOU LIKE.. ADD YOUR OWN PICTURE, SCROLL BOXES, MAKE SURE TO ADD YOUR PROFILE'S ID WHERE IT SAYS ADD!

YOU CAN STILL EDIT ABOUT ME AND WHO I'D LIKE TO MEET SECTIONS !!

MWAH

Code:

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

<style> 
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}

:root {
        --logo-blue: ##008080 ;
        --darker-blue: pink;
        --lighter-blue: transparent;
        --even-lighter-blue: lightblue;
        --lightest-blue: blue;
        --dark-orange: peachpuff;
        --light-orange: ;
        --even-lighter-orange: pink;
        --green: peachpuff;
    }
main {
  background-color: transparent;
  color: red;
}

.left {display:none}

DIV.blog-preview > H4 {display:none}

main:before {
 width: 100%;
 height: 500px;
 display: block;
 content: "";
 background-image: url('https://i.imgur.com/ZbawAUg.png');
 background-position: center center;
 background-size: cover;
}
body::after{
content: "";
background: url('https://i.imgur.com/Ho64UUX.png') no-repeat 20%20% fixed;
background-size: cover;
opacity: 0.5;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: -1;
}
.profile .blurbs .heading {display:none !important;}
.friends-grid {display: none;}


main {
    background: transparent;
    color: RED;
    padding: 5px 0px;
    font-size: 90%; </style>
<style>/* Hide '"Username" is your friend' when friends view your profile */
.profile-info {
display:none;
}
</style>
<style>DIV.blog-preview > P > I {display:none}
.profile .blurbs .section h4 {display:none}</style>

<div class="ADD" style="position: absolute; left:336px;  top:188px; width:371px; height:196px; overflow: auto;" align="left">

 <a href="https://spacehey.com/addfriend?id=ADDIDHEREADDIDHERE">
         <img alt="Qries" src="https://i.imgur.com/5ljXBDb.png" width="125&quot;" height="125"/>
      </a>


</div>
<div class="BLOCK" style="position: absolute; left:336px;  top:388px; width:371px; height:196px; overflow: auto;" align="left">

 <a href="https://spacehey.com/block?id=ADDIDHEREADDIDHERE">
         <img alt="Qries" src="https://i.imgur.com/yoHU4ab.png" width="125" height="125"/>
      </a>

      
</div>
<div class="msg" style="position: absolute; left:336px;  top:288px; width:371px; height:196px; overflow: auto;" align="left">

 <a href="https://im.spacehey.com/?user=ADDUSERIDHEREADDUSERIDHERE">
         <img alt="Qries" src="https://i.imgur.com/ds68loD.png" width="125&quot;" height="125"/>
      </a></div>

  
    <div class="img-container"> <!-- Block parent element -->
      <img src="https://i.imgur.com/uljXl5q.png" alt="about" width="280"/>
    </div>

YOU ARE FREE TO TYPE/PUT ANYTHING HERE.YOU ARE FREE TO TYPE/PUT ANYTHING HERE.YOU ARE FREE TO TYPE/PUT ANYTHING HERE.YOU ARE FREE TO TYPE/PUT ANYTHING HERE.

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 )