HELP MEEEEEEEEE MY PFP WONT LOADDDD :c

Posted by Angelz!~ 🦴

posted 1730861784

Forum: General

View Topics View Profile

heres my code!! i was trying to change my pfp but it only shows on mobile :c

<style>

@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');

div.container {

width: 1000px; }

main {

background-color: #ffffff;

border: 5px groove #ffe6ee; }

main, main p {

font-family: 'balsamiq sans', cursive;

font-size: 15px;

color: grey; }

main:before {

background-image: url(https://i.pinimg.com/564x/be/ce/e8/becee86773504ecb94ae46625dc0b95f.jpg);

content: "";

width: 100%;

height: 100px;

display: block;

background-size: cover;

background-repeat: no-repeat; }

main:after {

background-image: url(https://i.pinimg.com/564x/d4/cf/8f/d4cf8f355418fbc7fb2947a5fac7a886.jpg);

content: "";

width: 100%;

height: 100px;

display: block;

background-size: cover;

background-repeat: no-repeat; }

.profile h1 {

font-family: 'petit formal script', cursive;

font-size: 40px;

color: #ffe6ee;

text-shadow: 2px 3px 3px pink;

text-align: center; }

.general-about {

border: 1px solid pink;

width: 300px;

height: 180px;

margin-bottom: 8px;

box-shadow: 2px 3px 3px pink; }

.general-about .profile-pic img {

border: 1px solid pink;

margin: 8px;

height: 170px;

width: 170px; }

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {

border: 1px solid pink;

width: 90px;

height: 90px; }

body {

background-image: url("https://i.pinimg.com/564x/68/c0/40/68c040c4e589c7e9766bf753ec1d5deb.jpg");

background-size: 400px;

overflow-y: scroll; }

nav img.logo {

filter: brightness(0) saturate(10%) invert(10%) sepia(10%) saturate(100%) hue-rotate(0deg) brightness(10%) contrast(10%); }

nav .top, nav .links, footer {

font-family: 'balsamiq sans', cursive;

font-size: 14px;

font-weight: normal;

background: #ffe6ee;

margin-top: 3px;

margin-bottom: 3px;

border: 5px groove #ffe6ee;

color: grey; }

footer, footer p, i, p.copyright {

font-size: 14px;

text-transform: lowercase; }

form>button, button {

font-family: 'Balsamiq Sans', cursive;

font-weight: bold;

color: gray;

background-color: #ffe6ee;

border: 1px solid gray;

text-transform: lowercase; }

[id='q'] {

border: 1px solid gray; }

label {

font-family: 'Balsamiq Sans', cursive;

font-size: 14px;

color: gray;

text-transform: lowercase;

font-weight: bold; }

nav .top .right, .logout-btn {

font-family: 'Balsamiq Sans', cursive;

font-size: 14px;

color: gray;

font-weight: bold;

text-transform: lowercase; }

nav .links a, nav .links .special a {

font-family: 'balsamiq sans', cursive;

font-size: 14px;

font-weight: bold;

color: gray;

text-transform: lowercase;

text-shadow: none; }

nav .links, footer .links {

word-spacing: 4px;

text-align: center; }

li.active icon {

content: url(https://64.media.tumblr.com/tumblr_lu9w9mu2Yc1qf290m.gif); }

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

content: " ୨୧";

font-size: 13px;

font-weight: bold;

color: grey; }

.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {

font-family: 'petit formal script', cursive;

text-transform: lowercase;

border-bottom: 1px solid pink;

text-align: center;

background-color: #ffe6ee;

color: grey; }

.profile .contact {

border: 1px solid pink;

box-shadow: 2px 3px 3px pink;

text-transform: lowercase; }

main a {

font-size: 15px;

text-transform: lowercase;

color: grey; }

a.more {

font-family: 'balsamiq sans', cursive; }

nav .top a {

font-size: 14px;

color: grey; }

a, b, div.mood, .url-info, .table-section {

font-family: 'balsamiq sans', cursive;

font-size: 15px;

text-transform: lowercase;

color: grey; }

nav .top a:hover, nav .links a:hover, a:hover {

color: lightblue;

text-decoration: underline; }

.url-info, div.blog-preview {

background: #ffe6ee;

box-shadow: 2px 3px 3px pink;

text-align: center;

border: 1px solid pink;

color: gray; }

div.blog-preview h4, div.blog-preview h4 a{

font-family: 'petit formal script', cursive;

text-transform: lowercase; }

.profile .table-section {

border: 1px solid pink;

box-shadow: 2px 3px 3px pink; }

.details-table td {

border: 1px solid pink; }

table {

border-spacing: 4px; }

.profile .blurbs .heading {

color: grey;

background-color: #ffe6ee;

border-bottom: 1px solid pink; }

.profile .blurbs, .profile .friends {

border: 1px solid pink;

box-shadow: 2px 3px 3px pink; }

.profile .friends .heading {

border-bottom: 1px solid pink;

text-align: center;

background-color: #ffe6ee; }

div.friends {

margin-bottom: 15px; }

table.comments-table {

display: block;

height: 400px!important;

overflow-y: scroll; }

.comments-table td {

border: 1px solid pink; }

div.comment-replies {

border: 1px solid pink;

margin-bottom: 2px; }

.profile .blurbs .section h4 {

font-size: 15px;

color: grey;

text-align: center;

text-decoration: 1px underline;

text-transform: lowercase; }

.blurbs p{

text-align: center; }

.count{

color: grey; }

:root {

--logo-blue: #ffe6ee;

--darker-blue: #ffe6ee;

--lighter-blue: #ffe6ee;

--even-lighter-blue: #ffe6ee;

--lightest-blue: #ffe6ee;

--dark-orange: #ffe6ee;

--light-orange: #ffe6ee;

--even-lighter-orange: #ffe6ee; }

.contact .inner a img {

font-size: 0px; }

.contact .inner a img:before {

font-size: 1em;

display: block; }

.contact .f-col>a:before {

content: url(https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif); }

.online { /*online icon*/

content: url("https://ct.pimp-my-profile.com/online/stalkme9bb.gif"); }

::-webkit-scrollbar{

height: 10px;

width: 15px; }

::-webkit-scrollbar-track{

background: #fff; }

::-webkit-scrollbar-thumb{

background: #ffe6ee;

border: 1px solid grey; }

::-webkit-scrollbar-thumb:hover{

background: #feedf5; }

.profile-info {

font-size: 15px;

border: 1px solid pink;

box-shadow: 2px 3px 3px pink;

text-transform: lowercase; }

.report .icon{

visibility: hidden; }

p.report {

background: url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSXS5yzNrI/AAAAAAAAAFY/cYCKZt7z-0k/s800/gif15.gif);

background-repeat: no-repeat;

display: inline-block;

font-size: 80%;

text-transform: lowercase; }

p.report a {

font-size: 11px; }

</style>

Report Topic

1 Reply

Reply by animals

posted 1732300843

Hi! Was this only an issue with seeing your avatar on your profile, or was it like you could not see your new avatar anywhere? TL;DR: We gotta live with it for now; the avatar was likely loaded and displayed (in your case, I can see it well: very pink with sparkles and Hello Kitty deco), we just cannot see it on the browser we uploaded it on. It's probably a new bug since I've read other people reporting that they have that issue (and I am currently experiencing it myself).

Not TLDR portion:

I think this issue is specific to whichever browser we used to upload the new picture, as I can see my avatar when I switch to other browsers, but not when I switched search engine on the same browser I was using to upload the avatar (e.g. switching from Bing to Google on the Chrome browser, etc. variations).

You can test to see if this is the case for you by logging onto SpaceHey through a different browser/application and seeing if the avatar still doesn't load. I know that I have seen people recently post that they cannot see their new avatars, but I as the viewer am able to see it.

I am unsure why this is happening but I guess we must live with it till it gets fixed!

Permalink Report Reply

« General Forum

HELP MEEEEEEEEE MY PFP WONT LOADDDD :c

Posted by Angelz!~ 🦴

1 Reply

Reply by animals