The Arcive of Official vBulletin Modifications Site.

SXLM - ibPro Arcade - Anywhere Image Link · **Released**: 05-15-2010

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.

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.

syrus.xl · #12 05-18-2010, 10:35 PM

Quote:

Originally Posted by jaycob

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

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.

blue6995 · #13 05-19-2010, 02:20 PM

How can I change the link. My link is: http://www.rwf-forum.co.uk/vBulletin/arcade.php

and not: http://rwf-forum.co.uk/vBulletin/index.php/arcade.php

syrus.xl · #14 05-19-2010, 03:07 PM

Quote:

Originally Posted by blue6995

How can I cahnge the link. My link is: http://www.rwf-forum.co.uk/vBulletin/arcade.php

and not: http://rwf-forum.co.uk/vBulletin/index.php/arcade.php

Hi blue6995,

Here you go.. just a hard coded link instead of using vb tags. Just copy and paste this code in your footer!

Regards,

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="http://www.rwf-forum.co.uk/vBulletin/arcade.php" target="_self" />
    </map>
</div>

GamerPerfection · #15 05-21-2010, 10:34 AM

If I was to put something like this down the left hand side of my page how would I do it? So instead of having it in the header corner or footer corner, it is down the middle of the left hand side?

syrus.xl · #16 05-21-2010, 12:20 PM

Quote:

Originally Posted by clarkey25

If I was to put something like this down the left hand side of my page how would I do it? So instead of having it in the header corner or footer corner, it is down the middle of the left hand side?

This would need more coding done to achieve. Basically, you would need to define a div and place the code directly after the <body> tag, then setup your additional CSS for the div itself.

I will put a simple example together so you can see how it's done.

GamerPerfection · #17 05-21-2010, 01:27 PM

Quote:

Originally Posted by syrus.xl

This would need more coding done to achieve. Basically, you would need to define a div and place the code directly after the <body> tag, then setup your additional CSS for the div itself.

I will put a simple example together so you can see how it's done.

Hey thanks for the offer, but i found some coding elsewhere and now i have it working on my test site. Thanks dude.

sticky · #18 05-26-2010, 02:09 PM

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

x626xblack · #19 05-26-2010, 02:33 PM

Thinking outside of the box..

Arcade widget for CMS? Less clutter and no templates to revert at upgrade time.

patrick91 · #20 06-08-2010, 03:33 PM

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!

patrick91 · #21 06-09-2010, 09:50 AM

Quote:

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

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05637 seconds Memory Usage 2,338KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!