Banner change on hover...Background change
2 posters
Page 1 of 1
Banner change on hover...Background change
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....
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
Re: Banner change on hover...Background change
Position your logo in center in AP, Headers and navigation.
Add a class to your logo in overall_header:
Find this and add underlined.
Add both banners through CSS
Replace links and XYpx.
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
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Banner change on hover...Background change
or
......
Add both banners through CSS
Good luck
......
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
Re: Banner change on hover...Background change
neither worked....
Suuki- Forumember
- Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3
Re: Banner change on hover...Background change
Did you publish your template Suki?
Wouldn't told you if I haven't tried it.
Wouldn't told you if I haven't tried it.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Banner change on hover...Background change
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
Similar topics
» change or delete hover link on banner?
» how to change the background image of my banner?
» How do I change the background color of the top banner area?
» Code for moving banner on hover.
» different hover image background
» how to change the background image of my banner?
» How do I change the background color of the top banner area?
» Code for moving banner on hover.
» different hover image background
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum