twilight layout

Tags:

Description:

Twilight

Preview:

click on the image for a larger preview

Code:

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

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

<style>
    body {
        background:url(https://i.pinimg.com/originals/46/c5/f7/46c5f74a189a899b7ce86543bf5e78a0.jpg)
</style>
<style>
    .profile {
        background:black;
    }
</style>
<style>
    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color:#334A42;
    }
</style>
<style>
 .profile .contact .heading,
 .profile .table-section .heading {
     background-color:black;
 }
</style>
<style>
 .profile .contact,
 .profile .table-section {
     border-color:black;
 }
</style>
<style>
main .left {
    background-color:#334A42 ;
}
</style>
<style>
.profile .url-info{
    border-color: black;
}
</style>
<style>
.profile .contact {
    border-color: black;
}
</style>
<style>
nav .top {
    background-color:black;
}
</style>
<style>
    ..profile .table-section .heading {
        border-color:red;
    }
</style>
<style>
.details-table td * {
        background:white;
    }
</style>
<style>
    .profile .friends .heading h4 {
        color:black;
    }
</style>
<style>
    nav .links {
        background-color:#334A42;
    }
</style>
<style>
    .profile .blurbs .heading h4 {
        color:black;
    }
</style>
<style>
    .details-table td {
        background:white;
    }
</style>
<style>
    .details-table td * {
        border-color: white;
    }
</style>
<style>
    .details-table td * {
        color: black;
    }
</style>
<style>
    .profile .friends .inner {
        color:#334A42;
    }
</style>
<style>
    .profile .blurbs .inner {
        color:#334A42;
    }
</style>
<style>
  
</style>
<style>
    .profile .blurbs .inner {
        color:#334A42;
    }
</style>
<style>
    h4 {
        color:;
    }
</style>
<style>
    div .blog-preview {
        background:#334A42;
    }
</style>
<style>
    a {
        color:white;
    }
</style>
<style>
    .profile .contact .heading {
        color:#334A42;
    }
</style>
<style>
    .profile .table-section .heading {
        color:#334A42;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url();
    }
</style>
<style>
    .comments-table td {
        background:black;
    }
</style>
<style>
    .comments-table td {
        border-color:#334A42;
    }
</style>
<style>
    table.comments-table {
        border-color:#334A42;
    }
</style>
<style>
    footer {
        background:black;
    }
</style>
<style>
    footer {
        color:#334A42;
</style>
<style> 
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "my muzic taste"; font-size:.8rem; } 
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friendz"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "commentz"; font-size:.8rem; font-weight:bold; } </style>
<style>
    .details-table td:first-child {
        background-color:white;
    }
</style>
<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "MEEE!!!"; font-size:.8rem; font-weight:bold; } </style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi!!!"; font-size:.8rem; font-weight:bold; }
</style>
<style> 
.profile .table-section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "my music taste"; font-size:.8rem; color:#334A42; } 
</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "interests"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
  .profile .blurbs .section h4{ font-size:0; }
.profile .blurbs .section h4:before{ content: "KOOL STUFF"; font-size:.8rem; font-weight:bold; color:#334A42; }
</style>
<style>.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 Favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "✚"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "♬"
}

</style>
<style>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 80px;
        transition: 0.5s width;
        
    }

    #music:hover {
        width: 360px;
    }
</style>

<style>
.general-about .profile-pic img {
border: 5px solid ;
border-color: white } </style>


<style>

.profile-info {
background-image:url(https://i.pinimg.com/236x/ed/d2/3a/edd23ae1e67f017d35334bf607cb8ad7.jpg);
}	
</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 20 of 94 comments ( View all | Add Comment )

M0LDY__	1775672439 usinnnggggg. ur a lifesaver ive been looking for a good layout for an embarrassing amount of time lmao Report Comment
Felicity	1774929946 using!! Report Comment
Abi Joy	1774815326 using! tyyy Report Comment
Abi Joy	1774815322 using! tyyy Report Comment
Vee <3	1774410207 usinggg Report Comment
sophia	1773967807 using :) Report Comment
ThePinksSigma	1772084366 Using Report Comment
esme ೃ༄*	1767068729 Using! :) Report Comment
kaden 🔱🌊 🐦‍⬛🃏	1767029526 using! Report Comment
Banana_Banana	1766043146 Using! <3 Report Comment
•°V4MP1REXx°•	1765674526 Using and l love it! Report Comment
Urn	1765339149 love it using <3 Report Comment
𖤐•˚ angxlo. 𖤐•˚	1764924721 Using <3 Report Comment
becca !	1762968008 using<3 Report Comment
⏾ meena	1761625685 using!! tysm ;) Report Comment
Sleepingw1thsir3ns<3	1761197902 Using<3 Report Comment
Geia	1760680934 using! thank u <3 Report Comment
TwiHards Liv3	1759630242 using Report Comment
mars🪼	1759119719 using! Report Comment
Mrs.Cinna	1758556856 using Report Comment