The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Fire in the background of the forum

View previous topic View next topic Go down

Solved Fire in the background of the forum

Post by Ze0 on December 20th 2014, 4:24 pm

Hello!Is there any way to have in my forum fire in background which moving??Like fire in real world!!
I am sorry if my english is not good Smile

Ze0
Forumember

Posts : 38
Reputation : 1
Language : Ελληνικά

http://oneeternitygaming.forumgreek.com

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Mati on December 20th 2014, 7:11 pm

background for the body?
avatar
Mati
Active Poster

Posts : 1897
Reputation : 287
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ze0 on December 20th 2014, 8:43 pm

yes mati

Ze0
Forumember

Posts : 38
Reputation : 1
Language : Ελληνικά

http://oneeternitygaming.forumgreek.com

Back to top Go down

Solved Re: Fire in the background of the forum

Post by SLGray on December 20th 2014, 10:15 pm

You will need to found an image you want to use or have someone create it for you.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39648
Reputation : 2668
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Mati on December 20th 2014, 10:24 pm

Try this in your CSS

Code:
body {
    animation: 0.4s ease 0s normal none infinite running flicker;
    background: url("http://i39.servimg.com/u/f39/14/73/12/96/flame-10.png") repeat scroll 0 0 #000;
}
@keyframes flicker {
0% {
    background-position: 0 0;
}
25% {
    background-position: 0 0;
}
25.1% {
    background-position: -100px 0;
}
50% {
    background-position: -100px 0;
}
50.1% {
    background-position: -200px 0;
}
75% {
    background-position: -200px 0;
}
75.1% {
    background-position: -100px 0;
}
100% {
    background-position: -100px 0;
}
}
avatar
Mati
Active Poster

Posts : 1897
Reputation : 287
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ze0 on December 20th 2014, 10:31 pm

it's not working mati

Ze0
Forumember

Posts : 38
Reputation : 1
Language : Ελληνικά

http://oneeternitygaming.forumgreek.com

Back to top Go down

Solved Re: Fire in the background of the forum

Post by SLGray on December 20th 2014, 10:33 pm

Add it to the top of your CSS stylesheet.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39648
Reputation : 2668
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ange Tuteur on December 21st 2014, 12:34 am

You can also use an animated image. Add this to the top of your stylesheet :
Code:
body { background:url(http://i.imgur.com/6WpMlpJ.gif) repeat fixed left top / 100% 100% #000 !important }
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2872
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ze0 on December 21st 2014, 11:43 am

i don't have it in all my forum background i have it only in the chatbox background but it looks great just there so thank you for your help!!

solved Very Happy

Ze0
Forumember

Posts : 38
Reputation : 1
Language : Ελληνικά

http://oneeternitygaming.forumgreek.com

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ange Tuteur on December 21st 2014, 11:45 pm

You're welcome ^^

Topic archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2872
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum