Back to vBulletin 4.x Template Modifications

SXLM - ibPro Arcade - Anywhere Image Link
Mod Version: 1.01, by syrus.xl

vB Version: 4.0.3 Rating: (4 votes - 5.00 average) Installs: 21
Released: 16 May 2010 Last Update: Never Downloads: 73
Not Supported Template Edits Additional Files Re-usable Code  

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
http://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.
Code:
<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:
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.

Download

File Type: %1$s ibPro Arcade - Anywhere Image Link.zip (62.4 KB, 81 downloads)

Screenshots

Click image for larger version
Name:	arcade_link.png
Views:	89
Size:	14.6 KB
ID:	117183  


vblts.ru supports vBulletin®, 2022-2024