(Completed) - Logo Rollover. {Thanks xsteveuk!}

[asht0n91]

Sept 24, 2014 12:01:32 GMT -8 @xsteveuk said:

Hi, asht0n91

Give this a try 

Add in the image URL of your I^st image

Then add image url of your 2^nd image that will show when you hover the mouse over

CHANGE WIDTH AND HIGHT TO YOUR IMAGE SIZE

MAIN HEADERS - OR HOME TEMPLATE

For a preview view my test forum tcptestingboard.boards.net/

hover the mouse over the image top of forum

<script language="javascript">

function MouseRollover(MyImage) {

MyImage.src = "ADD YOUR FIRST URL IMAGE HERE";

}

function MouseOut(MyImage) {

MyImage.src = "ADD THE IMAGE URL TO ROLL OVER TOO HERE";

}

</script>

<div align="center">

<img src="MyPicture1.jpg" boarder="0px" width="259px" height="194px" 

onMouseOver="MouseRollover(this)" 

onMouseOut="MouseOut(this)" />

</div>

Steve

Hi Steve,

Close, but it's put it in the middle of my page, and not where the existing logo is ...

... I've kept it on the forum so you can view and make amendments to the code accordingly.

[Former Member]

asht0n91
I'm not sure how it work with existing logo - This works by adding two images
One to display when forum loads and one display when you hover the mouse over image

I have updated the code to shoe the 1^st image when forum loads

Steve

[asht0n91]

OK Steve, no worries ... thanks for your help anyways mate.

I'll hope someone can assist soon ... unless this is not a possible request (?).

[Former Member]

Try going > Admin > Structure > Layout Templates > Forum wrapper

look for this line     <h2 id="banner">

And place the all the code beneath it

Change <div align="center"      to "left"   or "right" on how you wish the image to display

For a preview view my test forum tcptestingboard.boards.net/

[asht0n91]

Sept 25, 2014 13:09:11 GMT -8 @xsteveuk said:

Try going > Admin > Structure > Layout Templates > Forum wrapper

look for this line     <h2 id="banner">

And place the all the code beneath it

Change <div align="center"      to "left"   or "right" on how you wish the image to display

For a preview view my test forum tcptestingboard.boards.net/

It's sort of there, I just need to hyper link it, and also show the ALT text when hovering over it if possible. Thank you so much for getting there Steve.

[Former Member]

asht0n91 I updated the code so you can add a link support.proboards.com/post/6030150

[asht0n91]

Sept 25, 2014 14:21:23 GMT -8 @xsteveuk said:

asht0n91 I updated the code so you can add a link support.proboards.com/post/6030150

Absolute star! One last thing if you don't mind. The ALT tag (so when I hover over it, it displays 'CreateITUK').

I really appreciate your work on assisting me Steve!

[Former Member]

Sept 25, 2014 14:28:39 GMT -8 asht0n91 said:

Sept 25, 2014 14:21:23 GMT -8 @xsteveuk said:

asht0n91 I updated the code so you can add a link support.proboards.com/post/6030150

Absolute star! One last thing if you don't mind. The ALT tag (so when I hover over it, it displays 'CreateITUK').

I really appreciate your work on assisting me Steve!

I updated the code give this a go  support.proboards.com/post/6030150  

[asht0n91]

Absolutely spot on.
Thanks so much Steve, I really appreciate it. Thank you!!

[Former Member]

You are very welcome

Steve