[TUTORIAL][CSS] How to make a moving background for your forum (GIF)

9413 views
Step#1 Navigate on your forum to ADMIN > Settings & delete your background picture in order for this to work.

Step#2 Select a video off of youtube or make your own then upload it to youtube. 

Step#3 Go to Imgur.com (https://imgur.com/vidgif), copy your video link from youtube and on imgur press new post, select video to gif, paste the link.

Step#4 after selecting which part of the video you are gonna use, hit create gif, and once created copy the video link.

Step#5 Navigate to your forum ADMIN > Design > Developer Code > CSS Code & paste this code: 

/*
[CSS]Background Gif / Image background code
Edit by: _Forest
Source: Mistforums.com
_DO_NOT_UPLOAD_ANYWHERE_ELSE
*/
body {
background-image: url(YOURGIFLINK.gif);
background-repeat: no-repeat;
}

Paste your link in the parenthesis, make sure the file extension at the end is .gif remove the .mp4 if it comes like that, then hit update & see your changes.

Example site (New) : https://simplelives.mistforums.com/

Code used in example site: 
body {
background-image: url(https://i.imgur.com/MLwSC8g.gif);
background-repeat: no-repeat;
}

if you need help feel free to post a reply below.
Doesnt Work Mate.
✞ Lil Uzi Vert ✞ said previously:

Doesnt Work Mate.

Did you make a gif and have a url for it ?
The Example Forum is not there, It's gone.
codijayrobot said previously:

The Example Forum is not there, It's gone.

Yeah it use to be a site I used for a community I will make a new one.
codijayrobot said previously:

The Example Forum is not there, It's gone.

 https://simplelives.mistforums.com
Not working!
Fatlesss said previously:

Not working!

Probably aren't changing your link extension properly. 
Update this still works even with just this: 
 background: #121821 url(https://i.imgur.com/MLwSC8g.gif) no-repeat bottom center fixed;

Hey man, i am not able to get it working i would love some help. Thanks. 
J. Boose said previously:

Hey man, i am not able to get it working i would love some help. Thanks. 

Looks like you got it done on your website ?
hey idk how to get it working it wornt work at all 
Reply