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 Wed 18 May - 2: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....

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 Wed 18 May - 9: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.

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 Wed 18 May - 10: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 Thu 19 May - 2:37

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 Nera. on Thu 19 May - 6:35

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 Fri 20 May - 4:53

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