« Web, HTML, Tech Forum

Help me big brained programmers!!

Mari's profile picture

Posted by Mari

posted
updated

Forum: Web, HTML, Tech

View Topics View Profile

Things I wanna know how to do:


make my pfp wiggle around
add youtube playlists to my profile
how to change the cursor for your profile (i will only use this for the good i promise lmaoo)

please dont just paste youtube links just give me a small brief explanation with the script i'm gonna paste only link a vid if necessary

thats it lol might update soon


Report Topic

6 Replies

Sort Replies:

Tommy Panzram's profile picture

Reply by Tommy Panzram

posted

"make my pfp wiggle around"

I'm just going to give you the code as it's not that hard to read and learn from, but if you do want to modify so that it rotates faster just change the "1.0s" to a shorter amount of time (0.5s, 0.3s, etc.). If you want it to wiggle more extremely then change the degrees of the wiggle from 3deg to 5deg or 7deg. More than that is just way overkill. Anyway, add this anywhere between your style tags in your about me and you'll be good to go:

.profile-pic{
    animation: wiggle 1.0s infinite;
  }
  
@keyframes wiggle {
   0% { transform: rotate(3deg); }
  50% {transform: rotate(-3deg);}
  100% {transform: rotate(3deg); }
}

"add youtube playlists to my profile"

Find the playlist you'd like to add, hit Share, then hit Embed (first option on the left), then copy and paste the embed code it gives you to wherever you'd like the playlist to be on your page.

"how to change the cursor for your profile (i will only use this for the good i promise lmaoo)"

In your style tag you already have a body selector. Find that then add this property:

cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png"), auto;

That will turn your cursor on your whole page to a happy emoji. If you'd like to change it to something else, well that's kind of on you to find using some good ol' google-fu. But, that should get it taken care of!


Report Reply

Mari's profile picture

Reply by Mari

posted

holy guacamole thanks a bunch buddy


Report Reply

Mari's profile picture

Reply by Mari

posted
updated

but



Report Reply

Mari's profile picture

Reply by Mari

posted
updated

one thing



Report Reply

Mari's profile picture

Reply by Mari

posted
updated

yeah but i'm not sure where to put the code for the cursor thing this is the only piece of code that has body in it but when i put the code in it nothing happened


 body {
    background: url(https://i.imgur.com/8Fd9B9c.png);
    background-size : cover;
    cursor: url("https://i.imgur.com/GjWg8lz.png"), auto;

}


Report Reply

Tommy Panzram's profile picture

Reply by Tommy Panzram

posted

Well, I took a look at the source code on your page and what you have in your style tag is ever-so-slightly different than what you posted. Here is what your source code shows is in your CSS exactly as you entered it:


   body {
   background: url(https://i.imgur.com/8Fd9B9c.png);
   background-size : cover
   cursor: url("https://i.imgur.com/GjWg8lz.png"), auto;

}

Look very closely at the end of the background-size line. You're missing your semicolon which tells the CSS when that property should stop being read and move on to the next one. Add a ";" at the end of "cover" and you should be good to go!


Report Reply