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 44 comments ( View all | Add Comment )

emmarcraw	1736746063 using! Report Comment
R0W@N	1736738527 using! Report Comment
Ne ★	1736718914 using <3 Report Comment
☆Veronica☆♬⋆.˚	1736261732 using!! Report Comment
Frejis	1733824855 using! Report Comment
ash🎧.	1733191619 Using!! Report Comment
kayra	1731401549 using Report Comment
Ang ⋆⁺₊⋆ ☾ ⋆⁺₊⋆ ☁︎	1730697942 using! Report Comment
𝔍𝔲𝔫𝔢	1728954593 Using Report Comment
Yulia	1728325533 using Report Comment
bellad0nna.sc3ne	1727845910 using!! Report Comment
Jay	1726414115 using as well!! Report Comment
❛ Jem ༉‧₊˚✧	1721285024 using!! Report Comment
Bella Swan	1717564979 using Report Comment
Aureus	1717564840 using Report Comment
nick	1713714193 using! Report Comment
Regi!!	1713616273 using! Report Comment
XxRoryxX	1713211472 Using this omggg so cute 🫶🏽🫶🏽 Report Comment
⋆˚࿔ akari 𝜗𝜚˚⋆	1712368407 USING OMG!!! Report Comment
The_Unloveable	1711509572 Using! Report Comment