Twilight Sparkle's profile picture

Layout published by Twilight Sparkle

published
updated

Add to Favorites

View Layouts

View Profile

Report Layout

Animate your profile picture (works on profiles, blogs, and bulletins!)

Tags: animated, profile, picture, avatar, profile picture, blogs, bulletins, twilight

Description:

Tired of having lame, motionless avatars? Wish you could animate your avatar? Well, I have most of a solution for you! This only works on places you can put CSS in, so your posts and profiles only, basically.
Note that your profile picture should be square and 160x160 or greater.
It is possible to edit the CSS to not have this requirement, though! Thanks to Bela for pointing out how to make it easier with the background-size – just change it however you'd like, now. If you want my recommendation for how to ensure it stays properly fitted (do this twice, once for blogs & bulletins, once for profiles):
  1. Upload your gif to https://ezgif.com/resize
  2. Look at the width/height under the image. Whichever one has the bigger number, go down to the input fields and only fill that one in — the first time, you fill it in with 110, the second, fill it in with 160. (This only applies for the default layout, your layout may make the profile image bigger! Consult your local layout wizard for more info.)
  3. You don't have to use the actual gif that gets outputted, just note down what it says the width and height are.
  4. Change the numbers for whichever section you're on to match the numbers ezgif outputs.
  5. With that, it should be perfectly fitted to your gif, and fitted to the default sizes!

Preview:

Layout Screenshot
click on the image for a larger preview

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

Mothy/Mo!!||climber's #20 fan!

Mothy/Mo!!||climber's #20...'s profile picture

might use


Report Comment

cringefail

cringefail's profile picture

using :P


Report Comment

captain

captain's profile picture

ive been trying to figure out how to use this when i have a layout that alters my profile pic, is there a solution for this? i can copy-paste the code bit if needed


Report Comment

Mark Twain!!

Mark Twain!! 's profile picture

Using!!


Report Comment

Creek ^_−☆

Creek ^_−☆'s profile picture

using :)


Report Comment

GREEN GIRL ^__^

GREEN GIRL ^__^'s profile picture

using!! 38D


Report Comment

scara 📷 ⋆。

scara 📷 ⋆。's profile picture

using :3


Report Comment

ʚ☆ɞ SL1NG / M4RK3R

ʚ☆ɞ SL1NG / M4RK3R's profile picture

uzing :3


Report Comment

TAVRYN ☆ JEREMY

TAVRYN ☆ JEREMY's profile picture

might use!!! i love gif pfps sm


Report Comment

seira

seira's profile picture

Using!!


Report Comment

I ♡ tyun‼︎

I ♡ tyun‼︎'s profile picture

Using!


Report Comment

_M0BY00NG1_

_M0BY00NG1_'s profile picture

using!!!


Report Comment

! CHECK PROFILE !

! CHECK PROFILE !'s profile picture

using!


Report Comment

M0N0+C0CAIN3

M0N0+C0CAIN3's profile picture

did it break(?^?) i used it before and it waz amazing but now im changing the gif and itz just not showing up:(


Report Comment

Weeze

Weeze's profile picture

Using!! Super cool!! Thx for making this!!


Report Comment

Kilian!!!!

Kilian!!!!'s profile picture

USING1!!11


Report Comment

Amelia!1!1 ^_^

Amelia!1!1 ^_^'s profile picture

Using! :D


Report Comment

Teddy 💪

Teddy 💪's profile picture

Used and it’s super kewl ^ use if ur cool


Report Comment