| For the past few years I have used gifs on my anime & manga lists both in the Cover Image & Background Image, like this one for example. About a week or so ago, I noticed that they were no longer animated (as you can see here on my list's cover image). I've tried reuploading them and stuff, but even though the "preview" button will show them animating correctly, they are static upon saving the changes. I hope this feature hasn't been removed since I really liked having an animated cover image, but if there is a workaround or fix or something then I would like to know. However if it's been purposely removed, I think it should warn you on uploading a gif that it won't be supported. |
I saw this post of yours & I checked my own anime list & the GIFs I used aren't working either. |
 |
| I'm currently editing my anime list and the GIF on my banner also became static. It was working before. All my other GIFs like on the background and linked to tags are all working. It's just the banner that isn't. That same GIF is working just fine in my profile page's Classic About Me Design (I'm currently using the Modern About Me Design but I checked the Classic one for a while). I've yet to edit my manga list again... All the GIFs are working there for now since I haven't touched the code again. I checked OP's list and their GIF banner is indeed not animating. Also looking for a fix... |
| Might be related to how images from some hosts wont even post in the forum...not sure though. |
| I've also just realised it as well!! Please someone fix it! |
 |
Reply to IridescentJaune
I'm currently editing my anime list and the GIF on my banner also became static. It was working before. All my other GIFs like on the background and linked to tags are all working. It's just the banner that isn't. That same GIF is working just fine in my profile page's Classic About Me Design (I'm currently using the Modern About Me Design but I checked the Classic one for a while).
I've yet to edit my manga list again... All the GIFs are working there for now since I haven't touched the code again.
I checked OP's list and their GIF banner is indeed not animating.
Also looking for a fix...
I've yet to edit my manga list again... All the GIFs are working there for now since I haven't touched the code again.
I checked OP's list and their GIF banner is indeed not animating.
Also looking for a fix...
| @IridescentJaune Maybe its only uploaded GIFs, I havent tested this tho |
| OK I've confirmed it does seem GIFs uploaded to the cover image uploader and wallpaper uploader just end up stuck on one frame and dont animate CSS loaded GIFs are unaffected, leading to our fix @biblioteca @IridescentJaune @VampireLord1024 @isyasad This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads! 1. Go to page where you uploaded your cover image and/or wallpaper GIFs 2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it. https://imgur.com/jQACt1P Replace Cover Image/Banner code .cover-block .image-container {
display: table-cell;
background-position: center top;
padding-top: 16px;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
width: 1024px;
background-repeat: no-repeat;
background-size: 50%;
}
.cover-block .image-container img{
opacity: 0;
}If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it Replace Wallpaper code
body{
display: table-cell;
background-position: center top;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
background-repeat: no-repeat;
background-size: 100%;
}3. Now go to this site https://imgbb.com/ Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under .cover-block .image-container { this should replace https://imgur.com/U23F3Kc.gif 4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example. You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under body{ with a direct link from your imgbb upload You may also need to adjust the background size and no repeat depending on the GIF, ask if needing help. I did an example in the video. Less background size reduces the size of the GIF, 100% has it fill its entire container. Changing no-repeat to repeat causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example. This is what I edited the code into for the video as an example #YuiNation  |
Shishio-kunNov 19, 2023 9:37 AM
Reply to IridescentJaune
@Shishio-kun Thanks! It worked. My GIF banner is dynamic again.
I tried to reupload my GIF. I had already removed it in my local files, good thing I saved it in my Drive. π It's animating properly on the edit screen but not after uploading. Anyways, your fix worked.
I tried to reupload my GIF. I had already removed it in my local files, good thing I saved it in my Drive. π It's animating properly on the edit screen but not after uploading. Anyways, your fix worked.
@IridescentJaune It's working !!ππ |
Reply to Shishio-kun
OK I've confirmed it does seem GIFs uploaded to the cover image uploader and wallpaper uploader just end up stuck on one frame and dont animate
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
#YuiNation
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
.cover-block .image-container {
display: table-cell;
background-position: center top;
padding-top: 16px;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
width: 1024px;
background-repeat: no-repeat;
background-size: 50%;
}
.cover-block .image-container img{
opacity: 0;
}If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
body{
display: table-cell;
background-position: center top;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
background-repeat: no-repeat;
background-size: 100%;
}3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
You may also need to adjust the background size and no repeat depending on the GIF, ask if needing help. I did an example in the video. Less background size reduces the size of the GIF, 100% has it fill its entire container. Changing
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
This is what I edited the code into for the video as an example
#YuiNation
@Shishio-kun Wow, this is extremely helpful. Thanks for the extremely detailed response. My gif is really small so I had to change background-size: 50%; background-size: contain; |
| @isyasad yes that works too! nice work and ty for letting me know |
Reply to Shishio-kun
OK I've confirmed it does seem GIFs uploaded to the cover image uploader and wallpaper uploader just end up stuck on one frame and dont animate
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
#YuiNation
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
.cover-block .image-container {
display: table-cell;
background-position: center top;
padding-top: 16px;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
width: 1024px;
background-repeat: no-repeat;
background-size: 50%;
}
.cover-block .image-container img{
opacity: 0;
}If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
body{
display: table-cell;
background-position: center top;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
background-repeat: no-repeat;
background-size: 100%;
}3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
You may also need to adjust the background size and no repeat depending on the GIF, ask if needing help. I did an example in the video. Less background size reduces the size of the GIF, 100% has it fill its entire container. Changing
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
This is what I edited the code into for the video as an example
#YuiNation
| @Shishio-kun OMG it worked!! Thank you so much!! :) |
|
| @Shishio-kun My GIF banner doesn't cover the entire cover block. I don't like to resize/enlarge the GIF as the resolution won't look that good when enlarged; I'm thinking of just making the white background/container transparent instead. How can I make the white container a bit transparent? I tried changing the opacity to 0.5 on the code/fix previously provided but I can't seem to make it work properly as the GIF becomes jittery or also turns transparent. I want the GIF to animate on top of a white transparent container (like background-color: rgba(255, 255, 255, 0.5);) |
Reply to IridescentJaune
@Shishio-kun My GIF banner doesn't cover the entire cover block. I don't like to resize/enlarge the GIF as the resolution won't look that good when enlarged; I'm thinking of just making the white background/container transparent instead. How can I make the white container a bit transparent? I tried changing the opacity to 0.5 on the code/fix previously provided but I can't seem to make it work properly as the GIF becomes jittery or also turns transparent. I want the GIF to animate on top of a white transparent container (like background-color: rgba(255, 255, 255, 0.5);)
| @IridescentJaune Theres container codes here https://myanimelist.net/forum/?topicid=1929120 you could install them with the desired color I think that would work, or open the list in Firefox and right click Inspect Element the container, change colors, copy the code, and continue on other parts until its the color/transparency you want. There's multiple containers there I think that need to be adjusted. You can temporarily display: none a container to move it out of the way and see whats behind it |
Reply to Shishio-kun
@IridescentJaune
Theres container codes here
https://myanimelist.net/forum/?topicid=1929120
you could install them with the desired color I think that would work, or open the list in Firefox and right click Inspect Element the container, change colors, copy the code, and continue on other parts until its the color/transparency you want. There's multiple containers there I think that need to be adjusted. You can temporarily display: none a container to move it out of the way and see whats behind it
Theres container codes here
https://myanimelist.net/forum/?topicid=1929120
you could install them with the desired color I think that would work, or open the list in Firefox and right click Inspect Element the container, change colors, copy the code, and continue on other parts until its the color/transparency you want. There's multiple containers there I think that need to be adjusted. You can temporarily display: none a container to move it out of the way and see whats behind it
| @Shishio-kun I checked that thread but I actually found the container codes in your other thread/s: [MODERN CSS] Fully Mapped Layouts for List Designers [CSS - MODERN] Custom row highlights https://pastebin.com/raw/c3rQE9R7
/* IMAGE BLOCK */
.cover-block {
visibility: visible;
}
.cover-block #cover-image {
/* Cover image */
visibility: visible;
}
.cover-block .image-container .btn-list-setting {
visibility: visible;
}
/* IMAGE BLOCK */
.cover-block {
background-color: red;
}
.cover-block #cover-image {
/* Cover image */
border: 6px solid green;
}
.cover-block .image-container .btn-list-setting {
/* Settings button */
background-color: yellow;
}
I tried to change the rgba in my current layout but I can't seem to achieve a white transparent container. I tested before asking but I couldn't make it work so here I am... π Not sure if it conflicts with the fix/code for the GIF banner.
/* IMAGE BLOCK */
.cover-block {
background-color: rgba(255, 255, 255, 0.5);
}
I might just edit the GIF to have something on both sides to completely cover the entire width of the container so I wouldn't have to be bothered looking at the white container like how it is right now... I'll try to play around with the codes from https://pastebin.com/raw/c3rQE9R7 but I can't edit my list for now since I'm stuck on "Polishing inside of screen..." I tried with the other templates but I'm still stuck. --- Hope there's gonna be a tutorial about opacity in the future. Hehe. Edit: So there're already tutorials on opacity but they're pretty old. [CSS - CLASSIC] How to use opacity on lists- make things invisible or just a little invisible! [CSS - CLASSIC] Customizing list background colors and opacity, including by row! |
IridescentJauneNov 28, 2023 4:57 PM
| @IridescentJaune This should work or get you started .cover-block .image-container{
background-color: rgba(0,0,0,.0) !important;
}
.cover-block{
background-color: rgba(0,0,0,.0) !important;
}
.list-container{
background-color: rgba(250,250,250,.6) !important;
}
.list-table{
background-color: white !important;
}
.list-block{
background-color: white !important;
}
.list-block {
border-top: white 16px solid !important;
margin-top: 0;
} |
Shishio-kunNov 17, 2023 9:13 PM
Reply to Shishio-kun
@IridescentJaune
This should work or get you started
This should work or get you started
.cover-block .image-container{
background-color: rgba(0,0,0,.0) !important;
}
.cover-block{
background-color: rgba(0,0,0,.0) !important;
}
.list-container{
background-color: rgba(250,250,250,.6) !important;
}
.list-table{
background-color: white !important;
}
.list-block{
background-color: white !important;
}
.list-block {
border-top: white 16px solid !important;
margin-top: 0;
}| @Shishio-kun I could edit again... Been stuck on "Polishing inside of screen..." yesterday so I gave it a rest. Anyhow, I injected that in my layout and it worked! Thank you so much! I really appreciate your help. Now, I don't have to edit the GIF. Hehe. I also changed the padding a bit on your previous code for my GIF. I'm pretty much content with how it looks. BTW, I checked if my uploaded GIF banner could animate normally again without your fix/code and it seems it's still broken for MAL. So I'm thankful for your code. MAL should fix that for everyone, though. |
IridescentJauneNov 18, 2023 4:09 PM
Reply to IridescentJaune
@Shishio-kun I could edit again... Been stuck on "Polishing inside of screen..." yesterday so I gave it a rest. Anyhow, I injected that in my layout and it worked! Thank you so much! I really appreciate your help. Now, I don't have to edit the GIF. Hehe.
I also changed the padding a bit on your previous code for my GIF. I'm pretty much content with how it looks.
BTW, I checked if my uploaded GIF banner could animate normally again without your fix/code and it seems it's still broken for MAL. So I'm thankful for your code. MAL should fix that for everyone, though.
I also changed the padding a bit on your previous code for my GIF. I'm pretty much content with how it looks.
BTW, I checked if my uploaded GIF banner could animate normally again without your fix/code and it seems it's still broken for MAL. So I'm thankful for your code. MAL should fix that for everyone, though.
@IridescentJaune awesome to hear ππ |
Reply to Shishio-kun
OK I've confirmed it does seem GIFs uploaded to the cover image uploader and wallpaper uploader just end up stuck on one frame and dont animate
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
#YuiNation
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
.cover-block .image-container {
display: table-cell;
background-position: center top;
padding-top: 16px;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
width: 1024px;
background-repeat: no-repeat;
background-size: 50%;
}
.cover-block .image-container img{
opacity: 0;
}If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
body{
display: table-cell;
background-position: center top;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
background-repeat: no-repeat;
background-size: 100%;
}3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
You may also need to adjust the background size and no repeat depending on the GIF, ask if needing help. I did an example in the video. Less background size reduces the size of the GIF, 100% has it fill its entire container. Changing
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
This is what I edited the code into for the video as an example
#YuiNation
| @Shishio-kun Didn't know I was tagged, but I chose to just use backgrounds from Google since I don't really mess with the code things in the anime/manga list on here. |
|
@VampireLord1024 I dont even know what was going on here anymore, but if there's no issues then, good! π |
Shishio-kun said: I dont even know what was going on here anymore, but if there's no issues then, good! π Basically what the title of the forum says plus your reply on November 12th, 2023 had me tagged in it, which I didn't know since I don't have notifications on for forum stuff, (that and I also don't ever bother checking to see if anyone replies to me on here), so I was just replying back saying that I just chose to use backgrounds from Google instead of trying to figure out how to make GIFs work on my anime & manga lists. So yep, that's pretty much all I was saying. |
|
Reply to Shishio-kun
OK I've confirmed it does seem GIFs uploaded to the cover image uploader and wallpaper uploader just end up stuck on one frame and dont animate
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
#YuiNation
CSS loaded GIFs are unaffected, leading to our fix
@biblioteca
@IridescentJaune
@VampireLord1024
@isyasad
This should be a temporary fix to the GIFs not loading for Cover Image and Wallpaper uploads!
1. Go to page where you uploaded your cover image and/or wallpaper GIFs
2. Paste the Replace Cover Image/Banner codes below into the "add custom CSS" box outlined in the pic linked below. You may have to refresh the page to get the box and open it.
https://imgur.com/jQACt1P
Replace Cover Image/Banner code
.cover-block .image-container {
display: table-cell;
background-position: center top;
padding-top: 16px;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
width: 1024px;
background-repeat: no-repeat;
background-size: 50%;
}
.cover-block .image-container img{
opacity: 0;
}If you need to replace the wallpaaper GIFs, use this wallpaper code, but only if you are trying to use an animated GIF on the wallpaper. Otherwise you can ignore it
Replace Wallpaper code
body{
display: table-cell;
background-position: center top;
background-image: url(https://imgur.com/U23F3Kc.gif) !important;
background-repeat: no-repeat;
background-size: 100%;
}3. Now go to this site
https://imgbb.com/
Upload your Cover Image GIF, and then copy the Direct Link. Paste that into the parenthesis under
.cover-block .image-container {
this should replace https://imgur.com/U23F3Kc.gif
4. Save and it should let you customize your Cover Image this way with a working GIF. In the video below you can see an example.
You can do the same replacing the wallpaper GIF, replace the Imgur link in parenthesis under
body{
with a direct link from your imgbb upload
You may also need to adjust the background size and no repeat depending on the GIF, ask if needing help. I did an example in the video. Less background size reduces the size of the GIF, 100% has it fill its entire container. Changing
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
no-repeat
to
repeat
causes the GIF to repeat all over. Adjusting the Wallpaper GIF's background-size and changing the repeat setting may be needed if you have wallpaper GIFs. See video or code pasted below for example.
This is what I edited the code into for the video as an example
#YuiNation
| @Shishio-kun ur the goat!!!!! |
 |
More topics from this board
» All the scores for the Spring season suddenly all got lowered.Cestlavie_ - Yesterday |
11 |
by KaiserMagus
»»
6 hours ago |
|
» PLEASE bring back the functions to reply in forum gamestsukareru - May 17 |
16 |
by tsukareru
»»
Yesterday, 10:02 PM |
|
Sticky: » Inactive Username Request Thread ( 1 2 3 4 5 ... Last Page )Kineta - Sep 21, 2015 |
3431 |
by -Jei
»»
May 22, 2:28 PM |
|
» Whole site became unresponsiveNomori - May 21 |
4 |
by traed
»»
May 21, 2:43 PM |
|
» Keep getting Captcha every few hoursAlecGH - Mar 23 |
3 |
by YamiNoNoroi
»»
May 21, 2:31 PM |