｡･::･ﾟ★ twilight aesthetic layout ･::･ﾟ☆

Tags: twilight, vampire, edward cullen, emo, rain, depressed, goth, the twilight saga, forks, vampires.

Description:

hi guys! this is a twilight inspired layout for your profile.

COPY AND PASTE THE LAYOUT CODE INTO YOUR "ABOUT ME" SECTION!

༺♥༻

this code includes a change of colour palette, a custom moon cursor, background image changes, name change in size and font as well as customised 'online' and contacting icons.

the layout code does not include the extra pictures i have added in the screenshot BUT you can access my twilight inspired pinterest board to get pictures just like the ones used and more! https://pin.it/3UHLqGB

comment below if you have any questions :)

happy coding! xxx

Code:

<!-- (c) Layout created by cj hayward (https://layouts.spacehey.com/layout?id=21416) -->

<style>

body {
       background:url(https://i.pinimg.com/474x/b7/a0/8c/b7a08c76dfdc7c4c118da3e939b23e8d.jpg);

}

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

}

nav .top {
        background: url("https://i.pinimg.com/474x/a3/11/d8/a311d845eae842cd6fda3181db0af0a0.jpg");

}

footer {
        background: url("https://i.pinimg.com/474x/a3/11/d8/a311d845eae842cd6fda3181db0af0a0.jpg");

}

h1, h2, h3, h4, h5, a, p, nav label{

 text-transform:lowercase !important;

}

:root{
  --light-gray: aaaaaa;
  --gray: aaaaaa;
  --dark-gray: aaaaaa;
  --darker-gray: aaaaaa;
  --logo-blue: aaaaaa;
  --darker-blue: #aaaaaa;
  --lighter-blue: #262f2d;
  --even-lighter-blue: #262f2d;
  --lightest-blue: #262f32;
  --red: #262f2d;
  --dark-orange: aaaaaa;
  --light-orange: #262f2d;
  --even-lighter-orange: #262f2d;
  --strange-yellow: #262f2d;

}

.online{
content: url(https://www.myspacegens.com/images/online_now/332.gif);

}

/* 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: "☠️"

}

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap');
.profile .left h1{
    font-family: 'Libre Baskerville', serif; transform: rotate(0deg); font-size: 50px;

}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-6/nat598.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/20/the-moon.html" target="_blank" title="The Moon"><img src="https://cur.cursors-4u.net/cursor.png" alt="The Moon" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Cy4n1d3-N1ghtm4r3s	1725646812 using Report Comment
Lili ✮	1723101316 using <3 Report Comment
miya ♡	1721139984 usingg <3 Report Comment
❛ Jem ༉‧₊˚✧	1720135379 using!!! TYSM !!!<333 Report Comment
kylmäksi	1720085667 using Report Comment
Ross ♡	1710805416 using !! Report Comment
Angelle	1710076062 using Report Comment
☆⋆｡Maya°‧★	1705043072 Using !! Report Comment
salemslot★	1694455417 using ! Report Comment
♡your REAL cute emo twink bf♡	1693431983 omggg might useee Report Comment
mayomonkey	1688277008 this is literally perfect omg thank you Report Comment
Cyrus	1664979912 this is an art piece. i love it Report Comment
2	1664414862 Using Report Comment
Dreamy Dream	1660681071 this is exactly what I've been looking for! you are amazing! Report Comment
jordan	1657521307 nicee def using. Report Comment
liz	1652377560 using, so cute! Report Comment
TR1X13	1651353126 I LOVE THISSSSS Report Comment THANK YOUU by cj hayward; 1651379888; Report

Layout published by cj hayward

｡･:*:･ﾟ★ twilight aesthetic layout ･:*:･ﾟ☆

Description:

Code:

Comments

｡･::･ﾟ★ twilight aesthetic layout ･::･ﾟ☆