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.

Banner change on hover...Background change

Go down

Banner change on hover...Background change

Post by Suuki on 18/5/2011, 03:51

How can I have my banner change when someone hovers over it. My forum is phpbb2.

Also I had one other question, Is it possible so my background image would change depending on time of day. Could someone generate this code? Maybe so it's not so complicated, have it so it changes every couple seconds. (Fades from each image every 20 seconds or so.)
There are lots of forums that do this. One is Bell Tree Forums I guess Forumotion kinda does it too, with there 'pick your theme widget'... ------->

Each question is would appreciate an answer, but not so much the second one....
avatar
Suuki
Forumember

Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3

Back to top Go down

Re: Banner change on hover...Background change

Post by Nera. on 18/5/2011, 10:27

Position your logo in center in AP, Headers and navigation.
Add a class to your logo in overall_header:
Find this and add underlined.
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><span class="logo"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></span></a>

Add both banners through CSS
Code:
.logo {
    background-image: url('STATIC BANER LINK HERE');
    height: XYpx;
    width: XYpx;
}
.logo:hover {
    background-image: url('PUT YOUR HOVER LINK HERE');
    height: XYpx;
    width: XYpx;
}

Replace links and XYpx.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Banner change on hover...Background change

Post by Guest on 18/5/2011, 11:25

or
......
Add both banners through CSS
Code:
table.bodylinewidth img#i_logo {
background-image : url(PUT YOUR HOVER LINK HERE);
border:1px dashed #FF6633;
}

Good luck

Guest
Guest


Back to top Go down

Re: Banner change on hover...Background change

Post by Suuki on 19/5/2011, 03:37

neither worked....
avatar
Suuki
Forumember

Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3

Back to top Go down

Re: Banner change on hover...Background change

Post by Nera. on 19/5/2011, 07:35

Did you publish your template Suki?
Wouldn't told you if I haven't tried it.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Banner change on hover...Background change

Post by Suuki on 20/5/2011, 05:53

Actually, sorry I should have been more specific Nera, I didn't find the part you gave me in my templates.
avatar
Suuki
Forumember

Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3

Back to top Go down

Back to top


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