Twilight Layout

Tags: layout, twilight, dark, black, red, emo, goth, gothic, grunge, 2000s

Description:

Feel free to adjust to your liking! Credit appreciated but not required. Comment below if you used it :) Let me know if you have any questions

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by fairycake444 ౨ৎ⋆˚｡⋆ (https://layouts.spacehey.com/layout?id=21632) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/CPLzEXgsd04//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
* {cursor: url(https://i.ibb.co/6v6brsV/53b17a63.png), auto !important;}
a:hover {cursor: url(https://i.ibb.co/LY54BwG/74c746bb.png), auto !important;}
</style>

<style>
/*Colors*/
     :root {
        --logo-blue: #;
        --darker-blue: #BDC4CC;
        --lighter-blue: #262c2f;
        --even-lighter-blue: #262c2f;
        --lightest-blue: #262c2f;
        --dark-orange: #BDC4CC;
        --light-orange: #262c2f;
        --even-lighter-orange: #262c2f;
        --green: #262C2F;}

main {
border-radius: 0 0 0px 0px;
background: #262c2f !important;}

.profile {
color:#BDC4CC;
text-shadow: 0 0 9px black;}

/*Forest Background*/
body {
background:url('https://i.pinimg.com/564x/69/b0/4d/69b04dc5c5d888a31c2a2ebf8df2f7d6.jpg');
no-repeat fixed; }

/*Background Wallpaper*/
.profile {
background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");}

/*Footer Wallpaper*/
footer {background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");
background-repeat: none;
border-radius: 0px;}

/*Navigation Bar Icons*/
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: URL("https://i.ibb.co/VCS3Kpj/cross.png");}

/*Online Now Icon*/
.online{
content: url(https://i.ibb.co/LPmYk8T/ezgif-com-gif-maker.gif);}

/*Keyboard Divider*/
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 20px;
  background-image: url(https://i.ibb.co/p1C1Ck2/keyboard.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;}

/*Comment table border*/
  table, tr, td { 
  background-color: none; 
 border:none; } 
</style>



<style>
/*Custom 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:URL("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorite */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4
");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send a Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Foward to Friend*/
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group  */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
</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 144 comments ( View all | Add Comment )

♰maggotsinmybrain♰	1713295746 Using Report Comment
maxi!!	1713133404 using :3 Report Comment
𖦹	1711729640 usinggg, so cute Report Comment
reybiiez o_O	1711621764 is there a way just to get the background? :)) Report Comment
Maggie483☆	1711238335 Using ♡ Report Comment
CHIRS.	1711229462 using Report Comment
MOON	1711074165 Using Report Comment
willgraham	1710973121 using! :) Report Comment
FRYDA ☆	1709289454 How can I remove background music?? I can't help but overlap with the one I placed :( Report Comment Remove the very first paragraph of code by fairycake444 ౨ৎ⋆˚｡⋆; 1709299748; Report
FRYDA ☆	1709288969 usinggg!!! xox Report Comment
𝔢𝔯𝔬𝔰ೃ⁀➷	1708802145 using!! <33 Report Comment
spravanalivo	1708550715 using Report Comment
Lambofgodparadigm	1708517741 using Report Comment
faryal	1708105454 how do you change the music that plays? Report Comment
Milzz	1707624936 Using Report Comment
Bananan	1707544384 using ＼（〇_ｏ）／ Report Comment
Layla Buu	1706859738 Using :D Report Comment
𝘛𝘑	1706845474 usingg Report Comment
astro rocket	1706720638 using !! <3 Report Comment