Barely Myspace

Tags: unique, new, gothic, goth, tumblr, dev
Description:

this is a layout that expects you to find and add your own profile card into the "about me section. but this code moves your contact box .
Preview:

click on the image for a larger preview
Code:

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

<style>

  

.col.w-40.left{
  display:none;
}
.contact{
width: 20px;

}
:root {
--themecolor4: pink;
--themecolor2: hotpink;
--themecolor5: pink;
--themecolor1: deeppink;
--themecolor3: black;
}

  body{
    background-image: url(https://i.ibb.co/yVmR03T/img-20230516-132127.png);
  }

  main{
    background: var(--themecolor3);
  }

  p{
    color: var(--themecolor3);
  }

  h1{
    color: var(--themecolor5);
  }

  h4{
    color: var(--themecolor4) !important;
    display:none;
  }

  a{
    color: var(--themecolor4) !important;
  }

  .heading{
    background: var(--themecolor3) !important;
    display:none;
  }

  .contact, .url-info, .table-section{
    border: 2px solid var(--themecolor3) !important;
    display:none;
  }

  .comments-table{
    border: var(--themecolor3);
  }

  .comments-table tr td{
    background: var(--themecolor4) !important;
  }
  .comments-table p {
    color: var(--themecolor1);
  }

  .profile-info .inner{
    color: var(--themecolor5);
    display:none;
  }

  .profile-info{
    border: 2px solid var(--themecolor4);
    display:none;
  }

  .details-table tr td{
    background: var(--themecolor3) !important;
    color: var(--themecolor5) !important;
  }

  .count {
    color: var(--themecolor4);
    display:none;
  }

  footer, nav .top{
    background: var(--themecolor2) !important;
  }

 .links{
color:cyan;
}
  

  .comment-replies{
    border: 4px solid var(--themecolor5);
  }
  </style>


<center>
<img src="https://i.ibb.co/h7XJytX/Tumblr-l-26997335179335.gif" alt="Tumblr-l-26997335179335"/>
<div class="cajita">
  <div class="tite">Pain</div>
 <div class="texto">
   <div class="tit">cupio dissolvi</div>
   
  <ul>
<a href="https://spacehey.com/addfriend?id=741332">🖤ADD🖤</a>-
    <a href="https://spacehey.com/block?id=741332">🖤BLOCK🖤</a>-
    <a href="https://im.spacehey.com/?user=741332">🖤CHAT🖤</a>-

      <a href="https://blog.spacehey.com/beezlebabe">🖤BLOG🖤</a>-
  </ul>


 You can  call me Smo, or Beezlebabe.
   I run a <a href="https://beezlebabe.neocities.org">WEBSPACE</a> about Chaos Magick, and my SoundCloud is proof that I am experimentally insane. 
   
 
<center><img src="https://i.ibb.co/SvxdFPF/tumblr-149e29cf410633fc659b5a7c231415d6-e446467d-540.png" alt="tumblr-149e29cf410633fc659b5a7c231415d6-e446467d-540" width="50%"/>
  <img src="https://i.ibb.co/XtZZdcv/Tumblr-l-48575297756208.gif" alt="Tumblr-l-48575297756208"/>
</center>



  <div class="tit">Titulo intermedio</div>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper semper lectus eu venenatis. Duis aliquet pulvinar vestibulum. Curabitur id neque eget ipsum pulvinar laoreet. Etiam mattis fringilla sollicitudin. Phasellus convallis eget justo id consectetur. Sed sollicitudin justo at sapien blandit faucibus. Vivamus quis lorem at nibh accumsan malesuada vel quis ipsum. Aliquam vulputate hendrerit turpis sit amet porta. Quisque egestas nec mauris quis ullamcorper. Curabitur velit dolor, efficitur aliquam scelerisque vel, iaculis ac sem. In vestibulum fermentum tortor, quis ultricies turpis convallis eu.</div>
    <div class="fir">Hail Azazel</div>
</div>

<style>@import url('https://fonts.googleapis.com/css?family=Inconsolata|Source+Code+Pro');

.cajita {
  background: url("https://images2.imgbox.com/36/d0/RFA5TFJv_o.png");
  width: 500px;
  height: 450px;
  margin: 15px auto;
  position: relative;
}

.cajita .texto {
  padding: 0 10px;
  position: absolute;
  top: 50px;
  left: 57px;
  text-align: justify;
  font-size: 14px;
  width: 412px;
  height: 320px;
  overflow: auto;
  color: black;
  font-family: 'Inconsolata', monospace;
}

.cajita .tite {
  position: absolute;
  top: 2px;
  left: 25px;
  color: hotpink;
  font-size: 15px;
  font-family: 'Inconsolata', monospace;
}

.cajita .texto .tit{
  color: deeppink;
  text-align: center;
  font-size: 35px;
  font-family: 'Source Code Pro', monospace;
}

.cajita .fir {
  position: absolute;
  top: 427px;
  left: 10px;
  color: black;
  font-size: px;
  font-family: 'Inconsolata', monospace;

}

.ul {
  
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.li {
  display: inline-block;
  margin-right: 10px;
}

.li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: deeppink;
}

.li a:hover {
  background-color: white;
  color: deeppink;
}
</style>
</center>

<img src="https://i.ibb.co/h7XJytX/Tumblr-l-26997335179335.gif" alt="Tumblr-l-26997335179335"/> <img src="https://i.ibb.co/h7XJytX/Tumblr-l-26997335179335.gif" alt="Tumblr-l-26997335179335"/>

 <div class="contact">
          <div class="heading">
          
          </div>
          <div class="inner"><img src="https://i.ibb.co/sPcnGSv/Tumblr-l-26986816923819.gif" alt="Tumblr-l-26986816923819"/>
            <div class="f-row">
              <div class="f-col">
                                  <a href="/addfriend?id=741332">
                  <p>   Add to Friends</p>
                  </a>
                              </div>
              <div class="f-col">
                                  <a href="/addfavorite?id=741332">
                                    <p> Add to Favorites</p>
                  </a>
                              </div>
            </div>
            <div class="f-row">
              <div class="f-col">
                <a href="https://im.spacehey.com?user=741332">
                  <p>   Send Message </p>
                </a>
              </div>
              <div class="f-col">
                <a href="https://im.spacehey.com/new?text=https://spacehey.com/beezlebabe">
                  <p>  Forward to Friend </p>
                </a>
              </div>
            </div>
            <div class="f-row">
              <div class="f-col">
                <a href="https://im.spacehey.com?user=741332">
                  <p>    Instant Message </p>
                </a>
              </div>
              <div class="f-col">
                <a href="/block?id=741332">
                  <p>                 Block User </p>
                </a>
              </div>
            </div>
            <div class="f-row">
              <div class="f-col">
                <a href="/soon?new">
                  <p>              Add to Group</p>
                </a>
              </div>
              <div class="f-col">
                <a href="/report?type=user&id=741332">
                  <p>
                    Report User </p>
                </a>
              </div>
            </div>
          </div>
        </div>

<style>.contact {
  background-color: hotpink;
  border:10px double white;
  padding: 20px;
  text-align: center;
}

.contact .inner {
  background-color: transparent;
}

.contact img {
  display: block;
  margin: 10px auto;
}

.f-row {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}

.f-col {
  margin: 0 50px;
}

.contact a {
  display: inline-block;
  text-decoration: underline overline;
  color: black;
}

.contact .icon {
  width: 30px;
  height: 30px;
  margin: 0px;
}
  .contact a:hover {
  color: white;
}
</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 1 of 1 comments ( View all | Add Comment )
don / spooky ✟
1701459511
Favorited
Report Comment