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

official_timesisters	1747501410 using Report Comment
𝐆𝐚𝐛𝐲 :P	1747192811 using! Report Comment
Maizieee_	1745071630 using Report Comment
QueefMaster69	1744673944 Usingg Report Comment
S1m0n_H3nr1kss0n	1744625539 using! Report 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
♡ 𝒞𝒶𝓈𝓅𝒾𝒶𝓃 ♡	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 ♡ 𝒞𝒶𝓈𝓅𝒾𝒶𝓃 ♡; 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 ♡ 𝒞𝒶𝓈𝓅𝒾𝒶𝓃 ♡; 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