« Web, HTML, Tech Forum

My PFP won't change D: please help!

Here's the code I used. And I also added some extra stuff to it of that has anything to do with the pfp not working! TYSM TO ANYONE WHO ANSWERS THIS!!

"<img src="https://i.ibb.co/3sXCSnk/d8lukaa-91164af0-a453-4516-964c-c9ccafae68dc.gif"/>

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


<img src="https://i.pinimg.com/originals/e5/93/ab/e593ab0589d5f1b389e4dfbcce2bce20.gif" width="90" height="90" alt="bmoo bounce"/>

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


<style>

@keyframes flying-santa{

  from{ left:-400px; }

  to{ left:calc(100% + 20px); }

}

#santa{

  position: fixed;

  left: -400px;

  top: 500px;

  width: 500px;

  animation: flying-santa 7s infinite linear;

  pointer-events: none;

}

</style>

<img id="santa" src="https://drive.google.com/uc?export=view&id=1uTIQlgd5wSmhkd_Lm5XtZOs7koIEUNq4"/>


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

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


<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media.tenor.com/QRpnb7VIKNAAAAAC/ouran-high-school-host-club-honey-cute.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 0s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>


<style>

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

<style>

.general-about{

  position: relative;

  margin-top: 30px;

}

.online {

    content: url(https://sillyblinkies.nekoweb.org/online/catonline.gif);

}

</style>

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


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">

<img src="https://static.wikia.nocookie.net/omori/images/c/c6/Cupcake_Bunny_%28Neutral%29.gif/revision/latest/thumbnail/width/360/height/360?cb=20210506090752" width="200" height="250"/></div>

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


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; top: 10px; z-index: 200;"><img src="https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExbWwzZnk3Y3dtOHowZ3l2emN0ZWE1aWRnb2M0OTZmenRkN3RybHUzZiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/QstTz2ai7MMNO/giphy.gif" width="x" height="x"/></div>


<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">

<img src="https://img1.picmix.com/output/stamp/normal/6/7/6/3/2363676_b8259.gif" width="300" height="300"/></div>

<style>

/* profile background/the image behind the profile box */

body { 

background: url(https://i.gifer.com/76YS.gif);

}

</style>


<style>

/* this is the color of any text that you input */ 

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

.profile .blurbs .section h4{

font-family: 'Josefin Sans', sans-serif;

text-transform:lowercase !important;

color: white;

}

</style>


<style> 

/* these are the colors for headers */

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

p{

font-family: 'Josefin Sans', sans-serif;

text-transform:lowercase !important;

color:#ffedf9;

}

</style>


<style>

/* this adjusts the size/font of your name */

@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');

h1{

font-size: 30px !important;

font-family: 'Paytone One', sans-serif;

text-transform:uppercase !important;

padding-left: 2px !important;

}

</style> 


<style> 

/* this changes the color of your name */

.profile h1{

background: -webkit-linear-gradient(#8870ff, #ff70de);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

</style>


<style>

/* this changes the color of your headers */

@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');

h4{

font-size: 16px !important;

font-family: 'Paytone One', sans-serif;

text-transform:uppercase !important;

padding-left: 2px !important;

/* gradient text, you can replace existing colors with whatever ones you want */

background: -webkit-linear-gradient(#ff97c1, #fff);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;


}

</style> 


<style>

/* this is what makes the text bold/look bigger */

p{

font-size: 14px !important;

font-weight: bold;

 text-transform:none !important;

}

</style> 


<style>

/* links in the navigation bar @ the top */

nav{ 

font-size: 13px !important;

font-family: 'Paytone One', sans-serif;

text-shadow: 1px 1px black;

text-transform:none;

padding-left:3px;

text-align: center;

}

</style>


<style>

/* this centers your friend space */

    .profile .friends .inner, .profile .blurbs .section h4{

    text-align: center;

    }

</style>


<style>

/* the color of the number of your friends */

    .count {

        color: #ff00aa;

    }

</style>


<style>

/* link colors when you hover over links */

   a:hover {

     color: white; 

   } 

   a{

     color: #ff9ce0; 

   }

</style>


<style>

/* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */

/* https://cursors-4u.net */

a:hover {    

 cursor: url('https://cur.cursors-4u.net/games/images4/gam308.png'), auto;

}

* {

 cursor: url('https://cur.cursors-4u.net/symbols/sym-2/sym189.png'), auto;

}

</style>


<style>

/* main profile background/the box that has all your text */

/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */

main {

background: rgba(189, 124, 207, 0.4);

border-radius:15px;

border: 2px dotted rgba(241, 190, 255, 1)

}

</style>


<style>

/* this is the background color for the headings of your blurbs, friend space + comments */

.profile .blurbs .heading, .profile .friends .heading {

color: white;

background-color:rgba(171, 118, 207, 0.4);

text-transform:lowercase !important;

color: white;

border-radius:15px;

border: 3px dotted rgba(218, 165, 255, 0.65)

}

</style>


<style>

/* links to your friends' profiles */

.profile .friends .person p {

color: #ff75d1;  

}

.profile .friends .person p:hover {

color: #ffd6f1;  

}

</style>


<style> 

/* this is the box that says "_'s latest blog entries" */

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

DIV.blog-preview{

text-align: center;

font-family: 'Josefin Sans', sans-serif;

background-color:rgba(171, 118, 207, 0.4);

text-transform:lowercase !important;

color: white;

border-radius:15px;

border: 5px dotted rgba(218, 165, 255, 0.65)

}

</style>


<style>

/* this edits your friends' icons */

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

border-radius:15px;

box-shadow: 1px 0px 7px 2px rgba(254, 120, 180, 0.71);

border: 3px dotted rgba(255, 221, 241, 1)

}

</style>


<style>

/* these are the colors for the table headings on the left */

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background-color: rgba(171, 118, 207, 0.4);

}

</style>


<style>

/* contacting "_" */

.profile .contact {

background-color: rgba(171, 118, 207, 0.4);

}

</style>


<style>

/* friend comments */

.profile .friends .comments-table td {

background-color: rgba(171, 118, 207, 0.4);

border: 1px solid rgba(255, 161, 207, 0.5);  

}

.comments-table td*{

        

}

</style>


<style>

/* colors for interest section */

.profile .table-section .details-table td {

background-color:rgba(223, 162, 210, 0.58);

}

</style>


<style>

/* navigation bar at the top/the bar that has navigation links */

nav .links {

background-color: transparent;

}

nav .links a:hover {

color: rgba(255, 199, 226, 1);

}

</style>


<style>

nav .top{

/* navigation bar at the top/the bar that has the search and spacehey logo */

background-color: transparent;

}

</style>


<style>


@keyframes floating {

    0% { transform: translate(0,  0px); }

    50%  { transform: translate(0, 5px); }

    100%   { transform: translate(0, -0px); }   

}

/* gif profile picture */

.profile-pic > img { display:none; }

.profile-pic:after { background-image: url("https://i.pinimg.com/originals/61/ee/e5/61eee57480a9223ef1c5f40e47cd2b03.gif"); display: inline-block; content:"" }

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 

.profile-pic:after{ 

  border: 2px dashed  rgba(255, 161, 207, 1);  

  box-shadow: 1px 0px 10px 2px rgba(254, 120, 180, 0.46);

 }   

</style>



<style>

/* floating animations */

.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ 

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    margin-left: 0px;

    margin-top: 0px;

}    

</style>


<style>

/* pink dashed borders */

.profile .url-info {

border: 2px dashed  rgba(255, 161, 207, 1);    

}

.profile .contact {

border: 2px dashed  rgba(255, 161, 207, 1);     

}

.profile .table-section {

border: 2px dashed  rgba(255, 161, 207, 1);     

}


</style>


<style>

/* border inside of comments */

table.comments-table {

border: 2px dashed rgba(255, 161, 207, 1);      

}    

</style>


<style>


/* spacehey logo */

nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}


</style>


<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>

footer {

color: white !important;

text-decoration: underline !important;

text-decoration-style: dotted !important;

background-color: rgba(0, 0, 0, 0.82);

  }    


</style>"


Report Topic

2 Replies

Sort Replies:

Reply by The Lost Heart of Michael Myers

posted

Im having this same issue, I'm not an expert, maybe remove code, n try again?


Permalink Report Reply

Reply by BaNana.Meelk

posted

Oh I just found it!! It was a bit hidden in the code haha


Permalink Report Reply