Black and White Heart Layout

Tags: black, white, heart, pimpmyprofile, bela

Description:

Pimp My Profile --> Spacehey

credit | https://www.pimp-my-profile.com/myspace-layouts/code/Life_B&W/92119/22/

Feel free to edit as you like.
If you want to see the guide to transfer a layout from Pimp My Profile, click here.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Bela 🔊⬆ (https://layouts.spacehey.com/layout?id=24244) -->

<style>
body {
  background-image: url('https://i.pinimg.com/564x/09/9d/2f/099d2f32e357558c71529cb9cb5aa95a.jpg');
  background-size: 15%;
  background-position: left top;
  background-color: black;
  border: 10px dashed #393636;
}

/* go to https://codepen.io/sosuke/pen/Pjoqqp to edit from the invert(0%) to the contrast(105%). Where it says "Target color", put in the hex code of the color you want */

/* this is the spacehey logo */
nav img.logo {
  filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(269deg) brightness(116%) contrast(100%)!important;
}
/* this is the online img*/
.online img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(269deg) brightness(116%) contrast(100%)!important;
}


/* this is color of all the text and links */
a, nav .links a{
    color: gray!important;
    text-shadow: none!important;
}
.profile .friends .person p, p, h1, h2, h3, h4, .count{
  color: white!important;
  font-style: italic;
}
h1{
    border: 7px double Silver;
    padding:5px;
    text-align: center;
    background-color: black;
}
/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: black!important;
  border: none;
  color: white;
  font-style: italic;
}
.general-about .details {
  border: 7px double Silver;
  padding-bottom: 70px;
  padding-right:3px;
  text-align:right;
  background-color: black;
}
.mood {
  background-color: black;
  border: 7px double Silver;
  padding: 3px;
  margin-bottom: 10px;
  margin-top:10px!important;
}
.contact{
    background-image: url('https://i.pinimg.com/564x/09/9d/2f/099d2f32e357558c71529cb9cb5aa95a.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: black;
    border:7px double Silver!important;
}
.url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  background-color: black;
  border: 7px double Silver!important;
}
.comments-table td {
  border: 1px solid white;
}
.table-section td {
  border: 1px solid white;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border-top: 2px solid silver;
}
.comment-replies {
    border: 1px dotted silver;
}

/* these backgrounds are usually transparent */
nav .top, nav .links {
  background-color: rgba(0,0,0,0.7);
  color: silver;
  font-weight: bold;
}

main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: transparent!important;
}
</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 9 of 9 comments ( View all | Add Comment )

☆alluring..abyss☆	1684700095 awesome!! <3 Report Comment
𝕕𝕦𝕔𝕜𝕪	1679794282 love this!! using, thank you for your AMAZING work and generosity with your skill!! added u as a friend too <3 Report Comment
✧༺♥༻𝓢𝓷𝓸𝔀𝔂༺♥༻✧	1676305579 using - thx <3333 Report Comment
sawcify!!⋆｡°✩	1675635639 IN LOVEE!! using <33 Report Comment
mellyysosa♡	1675325746 using !! thank youu! Report Comment
♥frankieteardrop♥	1668922024 perfect !! using Report Comment
🧚🏽‍♂️	1666082521 using! thank u!! Report Comment
Ryan ♡ ♡ ♡	1665601265 if you don't mind could you make one pink or green light hearts with white???? thank you :) Report Comment
🇦🇽🇪🇱🇴🇹🇱	1664206951 Wow I love this, Using Report Comment