purple+black layout!!

Tags:

Description:

free to use!! (NOTE THAT THE BACKGROUND KIND OF FLASHES!!!)

Preview:

click on the image for a larger preview

Code:

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

 layout by <a href="https://www.spacehey.com/touchthemold">soren</a>
<style>
      body{
          background: url(https://img1.picmix.com/output/stamp/normal/8/8/6/7/1907688_3e2d9.gif);
      }
      footer{
          background-color: black;
      }</style>
<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "🌑"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🪻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌑"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🪻"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🌑"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🪻"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🌑"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🪻"


</style>
<style>
  button {

    color: black;

    background: purple;

  }



  .count {

    color: purple

  }





  a {

    color: purple;

  }



  nav .links a {

    color: black;

  }



  footer {

    background: transparent;

  }



  footer p {

    color: purple;

  }



  footer .links {

    color: purple;

  }
<style>

</style>
<style>
      :root{
          --logo-blue: black; 
          --lighter-blue: purple;
          --even-lighter-blue: white;
          --lightest-blue: white;
          --dark-orange: purple;
          --light-orange: black;
          --even-lighter-orange: purple;
      }
<style>

<style>
nav img.logo 
 
 content:url("https://media.discordapp.net/attachments/1135104547472285781/1152761160345591909/Untitled84_20230916201530.png?width=1004&height=256");
  
</style>
<style>
.profile {
  background-color: light-purple;
  font-family: 'Special Elite', cursive;</style>
}

<div id="credit">
    layout by <a href="https://www.spacehey.com/vampiretherapist">soren</a>
</div>

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 )