the used- self titled layout

Tags: the used, emo, autoplay

Description:

hi! first layout ever. all graphics are by me (excluding the divider), credit isnt needed but please comment if using so i can check it out :3 equipped with autoplaying music and a custom cursor

Preview:

click on the image for a larger preview

Code:

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

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
.profile {
   background-color: rgb(253, 251, 218);
border: 2px solid maroon;
}
  .profile .blurbs .heading,
  .profile .friends .heading{img src="https://media.discordapp.net/attachments/1111147688361209937/1136945038564274256/image.png?width=1670&height=524";
 
  border: 2px dashed maroon;
}
  .profile .contact .heading,
  border: 6px ridge maroon;
  .profile .table-section .heading{color: rgb(121, 29, 30);
   border: 2px dashed maroon;
}

.online{content:url("http://www.myspacegens.com/images/online_now/39.gif");}

main:before {
    width: 806px;
    margin-bottom: 0px;
    margin-top: -10px;
    border: 0px solid black;
    height: 270px;
    display: block;
    content: "";
    background-image: url(https://media.discordapp.net/attachments/1135143441114865725/1136903432318488606/i_w.png?width=2160&height=720);
    background-position: center center;
border: 2px solid maroon;
    background-size: cover;}

footer {
    border-radius: 0px;
    background-image: url(https://media.discordapp.net/attachments/1111147688361209937/1136945038564274256/image.png?width=1670&height=524);
    color: white;
    border: 2px dashed maroon;
}

table.comments-table td {
    color: rgb(253, 251, 218);
    border: 2px dashed maroon;
}

:root {
    --logo-blue:#2D0A06;
    --darker-blue: #2D0A06;
    --lighter-blue: #441618;
    --even-lighter-blue: #791D1E;
    --lightest-blue: #791D1E;
    --dark-orange: #791D1E;
    --light-orange: #020100;
    --even-lighter-orange: #020100;
    --green: #441618;

}

body {
  width: 100vw;
  height: 100vh;
  background: url('https://media.discordapp.net/attachments/1135143441114865725/1135143490624438272/the_used.png?width=1898&height=1068');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

.url-info {
    background: url(https://media.discordapp.net/attachments/1135143441114865725/1136949191172690002/box.png?width=608&height=608);
height:304px;
border: 2px dashed maroon;

</style>

<style>

.logo {

content:url("https://media.discordapp.net/attachments/1111147688361209937/1136956242842091590/omq.png?width=1024&height=262");

}

</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 2px dashed maroon !important;   

        

    }

</style>

<style>

img:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;

}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

<style></style>



<div style="float:  ; max-height: 1000px; position: fixed; left: 46px; bottom: 700px; z-index: 200;"><img src="https://media.discordapp.net/attachments/1111147688361209937/1136964147607773194/BERT.png?width=1024&height=262" width="270px" height="69px"/></div>

<div style="float:  ; max-height: 1000px; position: fixed; left: 52px; bottom: 610px; z-index: 200;"><img src="https://media.discordapp.net/attachments/1111147688361209937/1136964147888783413/JEPHA.png?width=1024&height=262" width="270px" height="69px"/></div>

<div style="float:  ; max-height: 1000px; position: fixed; left: 50px; bottom: 525px; z-index: 200;"><img src="https://media.discordapp.net/attachments/1111147688361209937/1136967013781209108/brend.png?width=1024&height=262" width="250px" height="64px"/></div>

<div style="float:  ; max-height: 1000px; position: fixed; left: 48px; bottom: 435px; z-index: 200;"><img src="https://media.discordapp.net/attachments/1111147688361209937/1136964148153045082/quinn.png?width=1024&height=262" width="250px" height="64px"/></div>

<style>
/* 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: "➤" }
<style>
</style>

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

<style>* {cursor: url(http://www.rw-designer.com/cursor-view/99824.png), url(http://www.rw-designer.com/cursor-view/99823.png), auto !important;}</style>

<img src="https://noviecita.crd.co/assets/images/gallery17/08c3c855_original.png?v=6711d211" width="452px" height="auto"/>

<style>
.footer {
  position: fixed;
  left: 315px;
  bottom: 0;
  width: 810px;
  background-color: #2D0A06;
  color: white;
  text-align: center;
}
</style>

<div class="footer">
  <p><marquee behavior="scroll" direction="left">now playing : bulimic - the used</marquee></p>
</div>

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

loki	1711565948 using this (but changing it a bit to fit my vibe more... im just too stupid to figure out how to make a layout from scratch lolz) Report Comment
G	1705053988 using💥💥 Report Comment
lunarictato	1704759403 haii :3 using Report Comment
RYAN ✯	1700912420 so fkin cool ty Report Comment
ray / mellohi ☆	1700445146 using! ty it's so cool :3 Report Comment
Zoe !! ☆	1699411393 using Report Comment
zane	1698842879 USING Report Comment
KETAMiNE	1696875572 using! tyy Report Comment
dissociatedArcylic	1694305390 Using!!! Report Comment
mazzie ★!!	1693855074 using! :D Report Comment
Neo	1692129475 using!! it's so cool thank u for sharing <3 Report Comment
aiden >_<	1691863280 defo using !! Report Comment
mikey 🎸	1691843919 this is so cool :D using!! Report Comment
MIKKA	1691542159 Looks so cool!! Using it :D Report Comment