classic emo blue layout

Tags: emo, blue, gif, simple, black, scene, 2000s, goth, dark, glitter

Description:

CREDIT IS VERY APPRECIATED!!! DO NOT USE AS A BASE a blue emo layout inspired by teh old myspace layout generator layouts.... always da transparent boxes n shits... ya kno :]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by :: trixie toxxic :: (https://layouts.spacehey.com/layout?id=26052) -->

ABOUT ME GOES HERE!!!! U CAN TYPE WHATEVER U WANT HERE JUST DELETE THIS TEXT!!!! THE LAYOUT IS BELOW

<style>

body {
   background: #fff url(https://i10.glitter-graphics.org/pub/2047/2047330idotockpx7.gif);
   color: #fff;
   cursor: url(https://i10.glitter-graphics.org/pub/1969/1969880sj349n9qin.gif), auto;
}

main {
   background: #f2f0f000;
   color: #fff;
}

div.top {
   background: rgba(0, 154, 255, 0.55);
   border-top: 4px solid #fff;
   border-left: 4px solid #fff;
   border-right: 4px solid #fff;
   padding: 10px;
   margin-top: 10px;
}

.links {
   background: rgba(0, 154, 255, 0.55);
   border-bottom: 4px solid #fff;
   border-left: 4px solid #fff;
   border-right: 4px solid #fff;
   padding: 2px;
}

.blurbs, .comments-table, .url-info, .table-section, .general-about, .blog-preview, .friends-grid, .mood {
   background: rgba(0, 154, 255, 0.55);
   border: 4px solid #fff;
   padding: 2px;
}

.profile-pic img {
   width: 200px;
   padding: 10px;
}

.details {
   color: #fff;
}

.mood {
   color: #fff;
   margin-top: 15px;
   margin-bottom: 15px;
}

.contact {
   background: #000;
}


.contact .inner a img {
   filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}

.comments-table {
   color: #000;
}

.general-about {
   overflow: auto;
}

.profile .url-info {
   border: 4px solid #fff;
}
.profile .contact {
   border: 4px solid #fff;
}
.profile .table-section {
   border: 4px solid #fff;
}

footer {
   color: #fff;
   background: #00000087;
   border: 4px solid #fff;
}

footer .links {
   background: rgba(0, 0, 0, 0);
   border: 0px;

}

.inner {
   color: #fff;
}

button {
   color: #fff;
   background: #000; 
   border: 2px solid #fff;
}

button:hover {
   color: #fff;
   background: #00B7FF;
}

input {
   background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
   border: 2px solid #fff;
}

.count {
   color: #00B7FF;
   background: #000;
}

a:hover {
   color: #00B7FF;
}

nav .links a:hover {
  text-decoration: none;
  color: #00B7FF;
}

::selection {
   background: #fff;
   color: #000
}

.online {
   content: url(http://www.coolspacetricks.com/images/myspaceicons/045.gif);
}

h1 {
   text-align: center;
   color: #fff;
}

.logo {
   content: url(https://i.imgur.com/yeRU4Gt.png);
}

:root {
  --light-gray: #f2f0f0;
  --gray: #e3e3e3;
  --dark-gray: #919191;
  --darker-gray: #545454;
  --logo-blue: #000;
  --darker-blue: #fff;
  --lighter-blue: #000;
  --even-lighter-blue: #000;
  --lightest-blue: #00000087;
  --red: #00DBFF;
  --dark-orange: #00B7FF;
  --light-orange: #000;
  --even-lighter-orange: #00B7FF;
  --strange-yellow: #00abff;
  --green: #34D399;
  --light-green: #E6F8DD;
  --medium-green: #A0C99C;
  --dark-green: #059669;
}

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

K1w1_XOXO	1750177890 Using Report Comment
christinacrucifix	1749934811 Does anybodee know how 2 do the transparent boxes by themselves?? like the codeee? :( Report Comment
emi	1749809237 using Report Comment
len	1749364210 using Report Comment
slushie	1749132767 using Report Comment
dannywoahh	1749049697 Usingg Report Comment
M0TH	1749002756 usinggg Report Comment
✩🌈Zee R4WR 🦴✩	1748977765 usingg Report Comment
Oliver/Sharkie >_<	1748763180 Using Report Comment
xtrickbbyxox)	1748650051 USING IT! it's so amazing... thank u! Report Comment
emzyyyy	1748611727 USING𐔌՞ ܸ.ˬ.ܸ ՞𐦯 Report Comment
𝕵3𝖓𝖓𝖆𝖍	1748398823 Using :3 Report Comment
dallazisd3ad	1748318380 using Report Comment
justi ⋆	1747005730 using Report Comment
justi ⋆	1747005727 using Report Comment
nikolas	1746774497 using Report Comment
★†_Ani_Magizar_†★	1746424041 USIING!! :> Report Comment
97io	1746272914 using!! Report Comment
Alexzcha	1745785374 using Report Comment
Ty ദ്ദി •⩊• )	1744879994 Using Report Comment