The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Banner change on hover...Background change

2 posters

Go down

Banner change on hover...Background change Empty Banner change on hover...Background change

Post by Suuki 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
Suuki
Forumember

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

Back to top Go down

Banner change on hover...Background change Empty Re: Banner change on hover...Background change

Post by Nera. 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.
Nera.
Energetic

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

Back to top Go down

Banner change on hover...Background change Empty Re: Banner change on hover...Background change

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

Banner change on hover...Background change Empty Re: Banner change on hover...Background change

Post by Suuki May 19th 2011, 3:37 am

neither worked....
Suuki
Suuki
Forumember

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

Back to top Go down

Banner change on hover...Background change Empty Re: Banner change on hover...Background change

Post by Guest May 19th 2011, 6:33 am

avatar
Guest
Guest


Back to top Go down

Banner change on hover...Background change Empty Re: Banner change on hover...Background change

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

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

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

Back to top Go down

Banner change on hover...Background change Empty Re: Banner change on hover...Background change

Post by Suuki 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
Suuki
Forumember

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

Back to top Go down

Back to top

- Similar topics

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