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 Sat Dec 20 2014, 17:24

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 Sat Dec 20 2014, 20:11

background for the body?

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ze0 on Sat Dec 20 2014, 21:43

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 Sat Dec 20 2014, 23:15

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.


SLGray
Administrator
Administrator

Male Posts : 35670
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Mati on Sat Dec 20 2014, 23:24

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;
}
}

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ze0 on Sat Dec 20 2014, 23:31

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 Sat Dec 20 2014, 23:33

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.


SLGray
Administrator
Administrator

Male Posts : 35670
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ange Tuteur on Sun Dec 21 2014, 01:34

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 }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fire in the background of the forum

Post by Ze0 on Sun Dec 21 2014, 12:43

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 Mon Dec 22 2014, 00:45

You're welcome ^^

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

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