Forum:
i was changing my entire profile after learning some html and now it wont let me change my pfp? is this some kind or rate limiting wall that i hit? i tried on mobile and pc and no image i use lets me change it and im stuck with the default and it is quite upsetting. does anyone know a fix?
error attached below
« SpaceHey Forum
Spacehey isnt allowing me to change my profile picture ?
Report Topic
19 Replies
Reply by ⛧☾༺belle༻☽⛧
posted
updated
Can you post the code youre using? its possible that some portion may be interfering with that space/layer on your profile or bc of the params spacehey is having trouble formatting but im speculating.
clicking on your profile shows your pfp(cute btw!) so ultimately im unsur
Permalink
Reply by BEEBO
posted
as a warning, my code is probably hard to read as its a frankenstein of a bunch of different layouts and my own edits, also the reason my pfp shows up on my page is because i used html to fix that by replacing the square where the pfp would be with a hosted image.
Reply by BEEBO
posted
<style>
@font-face {
font-family: "VCR_OSD_MONO_1.001";
src: url("https://file.garden/ZmR7rJUcxFQr20rT/VCR_OSD_MONO_1.001.ttf");
}
@font-face {
font-family: "VCR_OSD_MONO_1.001";
src: url("https://file.garden/ZmR7rJUcxFQr20rT/VCR_OSD_MONO_1.001.ttf");
}
a:hover, a:active, a, p, nav label, .section {
font-family: var(--mainfont) !important;
}
h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {
font-family: "VCR_OSD_MONO_1.001"
}
:root { --mainfont: "VCR_OSD_MONO_1.001" }
</style>
<style>
/* your starting style tag, which is how you start any profile layout or CSS generally */
html{
scrollbar-color: red black;
}
/* changes scrollbar color */
.contact .heading{
font-size:0;
}
.contact .heading:before {
content: "talk 2 me!";
font-weight: bold;
font-size: 13px;
color: white;
main {
background-color:black;
border:0px none;
}
/* the background color of your whole account, and border 0px for no border around your profile body */
}
/* edits the text in ur add to friends section */
.profile {
color:red;
border:0px none;
font-size:12px;
}
/* determines some base stuff. in order: */
/* border 0px none specifies no border around the body of your profile */
/* then you have font family and size which specifies which font */
main {
background-color:#0c0c0c;
border:0px none;
}
/* the background color of your whole account, and border 0px for no border around your profile body */
body {
color: #0c0c0c;
background: url(https://files.catbox.moe/gtjx9n.png);
}
h1{
color: white;
text-shadow: 2px 2px 0px red;
}
/* changes all text with the h1 (header 1) tag */
/* in this case, this just edits how your name appears at the top of your profile */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #121212;
color:white;
text-shadow:1px 1px 0px red;
}
/* adds cool red text shadow to sub headers, so stuff like Interests and Blurbs and all that */
/* each comma seperates a different sub heading */
.friends:not(#comments) {
background:black;
}
/* changes the background color of your friends list */
.friends .inner .friends-grid .person p{
color:white;
}
/* changes friends list name color */
.friends .inner .friends-grid .person p:hover{
color:red;
}
/* changes friends list name color on hover */
.profile .friends td {
background: black;
}
/* makes your profile comments section black and not orange */
.logo {
background: #FF0000;
}
/* changes the color of the spacehey logo */
nav{
background-color:#FF0000;
}
/* changes the color of the navbar */
nav ul{
background:none !important;
}
/* overrides light blue navbar color */
.top{
background:#FF0000 !important;
}
/* changes the color of the stuff above the navbar, !important is to override blue color */
/* i find it looks nicer when this matches the color of .logo, but idk if you add a border to the logo it might look nice? idk i just coded it */
.profile .table-section .details-table td {
background-color:#121212 ;
color: red;
}
/* background color and font color for your interests and links tables */
.profile .blurbs .heading, .profile .friends .heading, .blog-preview h4 {
background-color: #121212;
color: white;
text-shadow:1px 1px 0px red;
}
/* changes subheaders (blurbs, latest blog entries, etc) to white text with red shadow */
/* why is the blog preview different? it's totally not bc i couldn't figure out how i formatted the other headers /sarc */
.online {
visibility: hidden;
}
.online img { content: url("http://www.myspacegens.com/images/online_now/55.gif");
animation-name: none;
visibility: visible;
height: 20px;
width: 80px;
}
/* replaces default online icon with cooler green day american idiot one */
.friends th, tr, .friends td, th, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img{
border: 0px !important;
padding: 5px;
outline: none !important;
}
/* makes it so tables, comments, url, and contact sections have no border */
.friends#comments .inner .comments-table .comment-replies {
border: black solid !important;
}
/* makes replies not have a white border */
footer{
background-color: black;
color:red;
padding:5px;
}
/* changes spacehey footer colors (the gray box that says brought to u by tibush or smthn XD) */
a {
color:white;
text-shadow:1px 1px 0px red;
}
/* changes link color from ugly blue to white with red shadow */
/* hey, if ur reading this dont delete this line or i'll be miffed lmfao, it doesn't even affect ur layout at all smfh */
/* just maybe if this helped,, visit my website OMG 2003 at https://xx2003xx.neocities.org/ */
/* or don't. im not ur mom */
/* - XxLie_AbilityxX */
/* anyways, this tag below closes off all that CSS and coding junk. basically, put it at the end so everything actually shows up */
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/BhEnjxYLBYo?si=AYdfY_uZ6TN_J5wv//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://files.catbox.moe/45h0vp.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 1s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
img:hover , .url-info:hover , .online:hover {
animation: shake 1s;
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>
h1{
animation: type 3s steps(27);
color: white;
font-size: 10px;
font-family: courier;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>
<style>
html:before {
content: " ";
display: block; position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
</style>
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: URL("https://files.catbox.moe/usp1ry.jpg"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */
</style>
<style>
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}
</style>
<style> table, th, td {
@font-face {
font-family: "VCR_OSD_MONO_1.001";
src: url("https://file.garden/ZmR7rJUcxFQr20rT/VCR_OSD_MONO_1.001.ttf");
}
@font-face {
font-family: "VCR_OSD_MONO_1.001";
src: url("https://file.garden/ZmR7rJUcxFQr20rT/VCR_OSD_MONO_1.001.ttf");
}
a:hover, a:active, a, p, nav label, .section {
font-family: var(--mainfont) !important;
}
h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {
font-family: "VCR_OSD_MONO_1.001"
}
:root { --mainfont: "VCR_OSD_MONO_1.001" }
</style>
<style>
/* your starting style tag, which is how you start any profile layout or CSS generally */
html{
scrollbar-color: red black;
}
/* changes scrollbar color */
.contact .heading{
font-size:0;
}
.contact .heading:before {
content: "talk 2 me!";
font-weight: bold;
font-size: 13px;
color: white;
main {
background-color:black;
border:0px none;
}
/* the background color of your whole account, and border 0px for no border around your profile body */
}
/* edits the text in ur add to friends section */
.profile {
color:red;
border:0px none;
font-size:12px;
}
/* determines some base stuff. in order: */
/* border 0px none specifies no border around the body of your profile */
/* then you have font family and size which specifies which font */
main {
background-color:#0c0c0c;
border:0px none;
}
/* the background color of your whole account, and border 0px for no border around your profile body */
body {
color: #0c0c0c;
background: url(https://files.catbox.moe/gtjx9n.png);
}
h1{
color: white;
text-shadow: 2px 2px 0px red;
}
/* changes all text with the h1 (header 1) tag */
/* in this case, this just edits how your name appears at the top of your profile */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #121212;
color:white;
text-shadow:1px 1px 0px red;
}
/* adds cool red text shadow to sub headers, so stuff like Interests and Blurbs and all that */
/* each comma seperates a different sub heading */
.friends:not(#comments) {
background:black;
}
/* changes the background color of your friends list */
.friends .inner .friends-grid .person p{
color:white;
}
/* changes friends list name color */
.friends .inner .friends-grid .person p:hover{
color:red;
}
/* changes friends list name color on hover */
.profile .friends td {
background: black;
}
/* makes your profile comments section black and not orange */
.logo {
background: #FF0000;
}
/* changes the color of the spacehey logo */
nav{
background-color:#FF0000;
}
/* changes the color of the navbar */
nav ul{
background:none !important;
}
/* overrides light blue navbar color */
.top{
background:#FF0000 !important;
}
/* changes the color of the stuff above the navbar, !important is to override blue color */
/* i find it looks nicer when this matches the color of .logo, but idk if you add a border to the logo it might look nice? idk i just coded it */
.profile .table-section .details-table td {
background-color:#121212 ;
color: red;
}
/* background color and font color for your interests and links tables */
.profile .blurbs .heading, .profile .friends .heading, .blog-preview h4 {
background-color: #121212;
color: white;
text-shadow:1px 1px 0px red;
}
/* changes subheaders (blurbs, latest blog entries, etc) to white text with red shadow */
/* why is the blog preview different? it's totally not bc i couldn't figure out how i formatted the other headers /sarc */
.online {
visibility: hidden;
}
.online img { content: url("http://www.myspacegens.com/images/online_now/55.gif");
animation-name: none;
visibility: visible;
height: 20px;
width: 80px;
}
/* replaces default online icon with cooler green day american idiot one */
.friends th, tr, .friends td, th, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img{
border: 0px !important;
padding: 5px;
outline: none !important;
}
/* makes it so tables, comments, url, and contact sections have no border */
.friends#comments .inner .comments-table .comment-replies {
border: black solid !important;
}
/* makes replies not have a white border */
footer{
background-color: black;
color:red;
padding:5px;
}
/* changes spacehey footer colors (the gray box that says brought to u by tibush or smthn XD) */
a {
color:white;
text-shadow:1px 1px 0px red;
}
/* changes link color from ugly blue to white with red shadow */
/* hey, if ur reading this dont delete this line or i'll be miffed lmfao, it doesn't even affect ur layout at all smfh */
/* just maybe if this helped,, visit my website OMG 2003 at https://xx2003xx.neocities.org/ */
/* or don't. im not ur mom */
/* - XxLie_AbilityxX */
/* anyways, this tag below closes off all that CSS and coding junk. basically, put it at the end so everything actually shows up */
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/BhEnjxYLBYo?si=AYdfY_uZ6TN_J5wv//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://files.catbox.moe/45h0vp.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 1s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
img:hover , .url-info:hover , .online:hover {
animation: shake 1s;
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>
h1{
animation: type 3s steps(27);
color: white;
font-size: 10px;
font-family: courier;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>
<style>
html:before {
content: " ";
display: block; position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
</style>
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: URL("https://files.catbox.moe/usp1ry.jpg"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */
</style>
<style>
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}
</style>
<style> table, th, td {
Reply by ⛧☾༺belle༻☽⛧
posted
Id delete each string relating to your pfp to see whats causing the interference.
Reply by 𝕁𝐮𝐮𝐳𝐞𝐧
posted
Reply by BEEBO
posted
unfortunately i never found a fix, i just waited a couple days and tried again and it worked
Reply by 4leafperson
posted
currently going through this right now, but whenever it successfully uploads it still doesn't work! i'm so confused, i've closed out of the website or restarted my computer and it still isn't working, it's been a whole day!!
Reply by Lyn
posted
having the same problem here, it says it succesfully uploaded yet doesn't show it. Granted it's a frankenstein code from different layouts so I'm sure that's got something to do with it but I'm not smart enough to realize what it is lol
Reply by Angelz!~ 🦴
posted
Reply by Eldritch Taki
posted
Reply by soloisthatgirl
posted
Reply by ☆ Shannon ☆
posted
Reply by Nixie
posted
I know that I'm incredibly late to this. But I changed my pfp today and this happened to me. Clearing my Browser Cache and Cookies seemed to fix it. As to why it happens. No clue.
Reply by overalx
posted
this is happening to me 2. its not my code ik bc i tried changing it w/o any code and it still didnt work
Reply by erm >.<
posted
this is happening with me rn... i just added a layout but it wasnt working before that either..! ima wait and see if it works eventually :)
Reply by ♰ 𝖉𝖎𝖓𝖆 ♰༻⛧
posted
i cleared my browser history and cookies and it worked i saw another comment that gave this advice as well
Reply by idkwhattomake_myname
posted
ya it's happening to me as well idk y I tried deleting my code still didn't work
Reply by Millie 💜 📺📼🕹️ 💖
posted
yeah I have no idea what might help. this is true pain. I spent like 20 minutes making this pfp
Reply by yourdon5
posted
Im having the same issue, it doesnt appear, i checked on my phone and it appears, idk if it appears for any1 else