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

View previous topic View next topic Go down

Banner change on hover...Background change

Post by Suuki on May 18th 2011, 3:51 am

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....

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 May 18th 2011, 10:27 am

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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Banner change on hover...Background change

Post by Guest on May 18th 2011, 11:25 am

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 May 19th 2011, 3:37 am

neither worked....

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 Guest on May 19th 2011, 6:33 am


Guest
Guest


Back to top Go down

Re: Banner change on hover...Background change

Post by Nera. on May 19th 2011, 7:35 am

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Banner change on hover...Background change

Post by Suuki on May 20th 2011, 5:53 am

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

Suuki
Forumember

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

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