we are made of stardust - mini pop-up L̶A̶Y̶O̶U̶T̶ ̶C̶A̶N̶C̶E̶L̶L̶E̶D̶ LAYOUT BACK UP!!!!!

Tags: popup, snippet, loading screen

Description:

~~TOO MANY OF YOUS ARE USING THIS NOW SO IM GATEKEEPING IT!!!!!!~~ ok yeah im not seeing it all time time anymore yous can have it again

mini pop up w working buttons (they j take u to the profile tho)
feel free to edit this however u want, change the bg image, change the link adresses/text!!
i came up w the idea myself but i did use bits and pieces from other layouts on here, i would credit if i could remember what ones so instead im sending out a general thank u to everyone who posts layouts and code on here, uve all taught me so much im vv grateful <333
no need for credit but pls comment if u use id love to see it on ur profile!!
bg img: https://www.pinterest.co.uk/pin/939422803506863400/

decline

ignore

Preview:

click on the image for a larger preview

Code:

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

<div id="profile">
<ul>
<a href="#profile" id="thex">×</a>
<a href="#profile" id="accept">accept</a> /*change button 1*/
<a href="#profile" id="decline">decline</a> /*change button 2*/
<a href="#profile" id="ignore">ignore</a> /*change button 3*/
</ul></div>

<style>
a {
    text-align:center;
}
#profile {
    position: fixed;
     background-color: transparent;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 50px 100px;
    font-size: 150%;
    overflow-y: scroll;
    opacity: 1;
    transition: 0.1s;
}

#profile > * {
    width: 100%;
    max-width: 700px!important;
    margin: 20px auto;
    display: block;
}

#profile:target {
    opacity: 0;
    visibility: hidden;
}
#profile > ul {
    padding: 0px 0px;
    background-color: white;

/*change background image here!!*/
    background-image: url("https://i.pinimg.com/564x/35/41/d6/3541d669cc33bc4f9517e63f81aab7e1.jpg");

    height: 120px;
    width: 345px;
    background-size: contain;
    position: absolute;
    top: 210px;
    right: calc(50% - 172px);
    border-radius: 5px;
}
a#thex {
    right: 5px;
    position: absolute;
    top: 4px;
    background-color: #eb4822;
    height: 24px;
    line-height: 17px;
    padding-top: 0px;
    width: 24px;
    font-size: 28px;
    color: white;
    border: 0.5px outset #4e4e4d;
    box-shadow: -0.5px -0.5px 1px inset #000000;
    border-radius: 5px;
    font-family: verdana;
    text-decoration: none!important;
}

a#thex:hover {
    border: 1px black inset;
    text-decoration: none;
    box-shadow: 0.5px 0.5px 1px inset #000000;
    font-style: normal;
}
a#accept {
    height: 24px;
    display: block;
    bottom: 17px;
    position: absolute;
    left: 30px;
    font-size: 11px;
    font-family: ms ui gothic;
    color: black!important;
    border: black inset 1px;
    background-color: #ece9d8;
    width: 80px;
    line-height: 13px;
    padding: 5px;
    border-radius: 0;
    box-shadow: -0.5px -0.5px 3px inset black;
    font-style: normal;
    text-decoration: none!important;
}
a#decline {
    height: 24px;
    display: block;
    bottom: 17px;
    position: absolute;
    left: 131px;
    font-size: 11px;
    font-family: ms ui gothic;
    color: black!important;
    border: black inset 1px;
    background-color: #ece9d8;
    width: 80px;
    line-height: 13px;
    padding: 5px;
    border-radius: 0;
    box-shadow: -0.5px -0.5px 3px inset black;
    font-style: normal;
    text-decoration: none!important;
}
a#ignore {
    height: 24px;
    display: block;
    bottom: 17px;
    position: absolute;
    right: 32px;
    font-size: 11px;
    font-family: ms ui gothic;
    color: black!important;
    border: black inset 1px;
    background-color: #ece9d8;
    width: 80px;
    line-height: 13px;
    padding: 5px;
    border-radius: 0;
    box-shadow: -0.5px -0.5px 3px inset black;
    font-style: normal;
    text-decoration: none!important;
}
a#accept:hover {
    text-decoration: none;
    box-shadow: 0.5px 0.5px 3px inset black;
}
a#decline:hover {
    text-decoration: none;
    box-shadow: 0.5px 0.5px 3px inset black;
}
a#ignore:hover {
    text-decoration: none;
    box-shadow: 0.5px 0.5px 3px inset black;
}
</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 98 comments ( View all | Add Comment )

test	1743446023 using! <3 Report Comment
mmarl<3	1742963157 usingg Report Comment
dorita ˶ˆᗜˆ˵	1742596495 using!! Report Comment
CHARLEY!	1742424211 using Report Comment
Ezra <3	1742009498 im using this :DD Report Comment
Maye	1741531012 using! Report Comment
xie	1741086392 usingg Report Comment
xie	1741086390 usingg Report Comment
M!sha D0m!n!k	1740769545 Using!1!1 i changed the text and picture but its so cooll Report Comment
molly	1740441040 using!! :) Report Comment
rosepink	1740281810 Using ( ＞ v ＜ ) Do you like the red room ? Report Comment
panchoboyzz	1740100275 USING thank u Report Comment
zainab	1739620969 usingg xp thank u 4 this Report Comment
!! Libra !!	1739586910 can some1 tell me how to change the text? tyy ^^ Report Comment which bit of text do you mean,, the buttons or the "we are made of stardust" text?? by woodlouse; 1739616498; Report the "we are made of stardust text" by !! Libra !!; 1739634051; Report where it says “change background image here” u have to replace the image link w another image w diff text!! by woodlouse; 1739634214; Report kk tysm !! ^^ by !! Libra !!; 1739636527; Report nw!! good luck c: by woodlouse; 1739636587; Report
XxLuvSvetxX	1736229239 - shares a layout for people to use - people use it - creator gets upset and gatekeeps it???? i dont get it Report Comment -shares a layout designed for people to modify -people use it without modifying -deletes the layout because clearly people don’t want to modify it it was genuinely bugging me that so many profiles had the same one,, i posted it as a template for people to use but they were just using it as is. by woodlouse; 1736235812; Report it be hard to edit sometimes by XxLuvSvetxX; 1736236533; Report i know,,, which is why i put detailed instructions on how to do it!! i don’t see the point in using spacehey if ur unwilling to engage w html personally,, i didn’t know any when i joined and i agree that it was hard at first but so is everything by woodlouse; 1736254136; Report
leo	1734898617 are there any other popup layouts like this one or was this the only one:(( Report Comment i see u found the other one lol 🙏🙏 it looks great btw!! by woodlouse; 1734905235; Report
Martinix	1733896803 Wait no i loved this one :( Report Comment mb,,, ur profile is still fire tho,, early nuwho was so good!!! by woodlouse; 1733903421; Report
bea ‧₊✩	1732934215 LOL realest person ever, yall complaining dont get itttt XP Report Comment 🙏🙏 by woodlouse; 1733903387; Report
⛧°。 ⋆༺♱Vincey♱༻⋆。 °⛧	1732293898 i had mine edited but the code broke so now i cant get it back :((( i made a whole new graphic for it with text and all, sorry man :((( Report Comment oh noooo :( rip </3 i have a diff version of it posted,,, its the same as this was (apart from the background which you alr know how to change) so pls feel free to use that!!! by woodlouse; 1732294156; Report