Miscellaneous Hacks - SXLM - ibPro Arcade - Anywhere Image Link

about:
This modification simply adds an image link to your arcade, which is fixed to the
bottom of your browser. Allowing you to have less clutter in your navbar.

DEMO: http://www.digitalport.co.uk

Brought to you by Digital Port UK
www.digitalport.co.uk

Please click Install if you use this mod! Thanks..

What's in the Download?
In the package you will find the content to upload, documentation and the PSD file
used to create the image.

Installation:
Time to install: 1-2 minutes

Upload the contents of the UPLOAD folder to your forum root.

1 Template edit:

Go to your AdminCP
Styles & Templates -> Style Manager -> Edit Templates (of your default style)
Edit footer template

Add this code at the bottom of this template.

<div style="position: fixed; bottom: 0px; left: 0px; width: 150px; height: 150px;">
  <img src="{vb:stylevar imgdir_misc}/arcade_link.png" width="150" height="150" border="0" usemap="#arcadelink" alt="Click for Access" />
      <map name="arcadelink">
      <area shape="poly" coords="0,0,0,150,150,150" href="{vb:raw vboptions.homeurl}/arcade.php" target="_self" />
    </map>
</div>

Click 'Save' and you're done!

Align Image Right
If you want to align the image on the right then use the following code, and not the above.
Right-Aligned Image (requires a new PNG image) code:

<div style="position: fixed; bottom: 0px; right: 0px; width: 150px; height: 150px;">
  <img src="{vb:stylevar imgdir_misc}/arcade_link.png" width="150" height="150" border="0" usemap="#arcadelink" alt="Arcade" />
      <map name="arcadelink">
      <area shape="poly" coords="150,0,150,150,0,150,150,0" href="{vb:raw vboptions.homeurl}/arcade.php" target="_self" />
    </map>
</div>

Coding:
We grant you permission to re-use the code from this modification for creation
of other modifications. It is very simple code, and does not take much to change
it to suit different size images, obviously changing the mapping to suit.

You can view other examples of this code used on our website, for right alignment
of bottom images. Feel free to use this code in other products.

[patrick91]

Originally Posted by patrick91

Nice idea this! maybe is it possible to make a sort of slider of it for different links/images on clicking base.

I will install this very soon rated 5 stars!

For the right i tried to fix one. but i only need now the cordinates? doe you have them..

Gr,

Patrick

[syrus.xl]

Originally Posted by patrick91

For the right i tried to fix one. but i only need now the cordinates? doe you have them..

Gr,

Patrick

Hi,

Simple to do... Here's the code you would need, obviously you would need to change the image, so it looks okay on the right.

<div style="position: fixed; bottom: 0px; right: 0px; width: 150px; height: 150px;">
  <img src="{vb:stylevar imgdir_misc}/arcade_link.png" width="150" height="150" border="0" usemap="#arcadelink" alt="Arcade" />
      <map name="arcadelink">
      <area shape="poly" coords="150,0,150,150,0,150,150,0" href="{vb:raw vboptions.homeurl}/arcade.php" target="_self" />
    </map>
</div>

I will update the main post to allow for a right aligned image.

Regards,

[patrick91]

Thanks it works! Here demo of your products on my forum

http://www.yamahaforumbenelux.com/forum.php?styleid=9

[syrus.xl]

Originally Posted by patrick91

Thanks it works! Here demo of your products on my forum

http://www.yamahaforumbenelux.com/forum.php?styleid=9

That looks pretty cool... nice combination!

[syrus.xl]

Originally Posted by sticky

Is it possible to just add this to the forum home page and not every page?

Yes, just edit the FORUMHOME template and place the code after the following line:

{vb:raw footer}

[RobbieZ]

Thanks *installed*

[Xeyn]

Thx m8...very nice indeed

[KW802]

Originally Posted by jaycob

tagged, this is amazing thanks. i guess we could use for v3arcade to?

Originally Posted by syrus.xl

Yes, you could. Just change the url that currently points to the arcade.php file. I'm not sure of the file name for use on the v3Arcade.

Both systems use "arcade.php" for their main page so it'll work just fine with either one.

[goxy63]

Is it just me or.....
Right-Aligned Image, when code is placed in same style as left one right image is not clickable on whole areabut just half of it.

Anyone have idea why and howto resolve that?

[syrus.xl]

Originally Posted by goxy63

Is it just me or.....
Right-Aligned Image, when code is placed in same style as left one right image is not clickable on whole areabut just half of it.

Anyone have idea why and howto resolve that?

Hi goxy63,

You need to change the code slightly of you are using left and right aligned images, check out this post for the code I redone.
http://www.digitalport.co.uk/f144/sx...tml#post199006