[BBCode] QR code with Highslide zoom

Mods, snippets and styles postet and supported by the users
Forum rules
As the forum title says this is for User Contributions
Post a support request in this forum and you will be banned!
User avatar
doktornotor
BBCoder IV
BBCoder IV
Posts: 167
Joined: 14 Sep 2011, 21:20
BBCodes: 30
Favourite MOD: Thanks for Posts

[BBCode] QR code with Highslide zoom

Post by doktornotor » 02 Dec 2011, 08:59

Quick Response Code (QR Code) - in case you do not know what I am talking about. :P

This should work as is if you have Highslide Attachment or ReIMG Image Resizer (from MODDB) installed, otherwise, you need to download and copy Highslide somewhere (e.g. scripts/ directory) and load it from overall_header.html, e.g. like this.

Code: Select all

<!-- IF S_VIEWTOPIC -->
<script type="text/javascript" src="{ROOT_PATH}scripts/highslide/highslide-full.packed.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}scripts/highslide/highslide.css" />
<!-- ENDIF -->
Anyway, back to the BBCode:

BBCode usage:

Code: Select all

[qrcode]{URL}[/qrcode]
HTML replacement:

Code: Select all

<div class="highslide">
<a href="http://chart.apis.google.com/chart?chs=250x250&cht=qr&chl={URL}" class="highslide" title="Click to Enlarge QR Code" onclick="return hs.expand(this, { wrapperClassName: 'dark', slideshowGroup: 'highslide' })"><img src="http://chart.apis.google.com/chart?chs=250x250&cht=qr&chl={URL}" alt="QRCodeThumbnail" title="" style="max-width:30px; max-height:30px;" /></a></div>
Help line:

Code: Select all

Post a QR Code Link: [qrcode]http://url[/qrcode]
Docs:
Google Chart Tools: Infographics if you want to customize the look in other ways (size etc.)
Highslide JS API Reference

Demo link
Support requests via PM go straight to /dev/null!


User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 03 May 2011, 22:47
BBCodes: 100
Location: The Netherlands

[BBCode] QR code with Highslide zoom

Post by Terr0r » 02 Dec 2011, 13:06

Have you a screenshot before you editing and afther you editing
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here

User avatar
doktornotor
BBCoder IV
BBCoder IV
Posts: 167
Joined: 14 Sep 2011, 21:20
BBCodes: 30
Favourite MOD: Thanks for Posts

[BBCode] QR code with Highslide zoom

Post by doktornotor » 02 Dec 2011, 13:34

This is a custom bbcode. Hence, there is nothing available before adding it. Otherwise, how about clicking the demo link?
Support requests via PM go straight to /dev/null!

User avatar
neuropass
BBCoder IV
BBCoder IV
Posts: 173
Joined: 11 Apr 2010, 00:33

[BBCode] QR code with Highslide zoom

Post by neuropass » 09 May 2012, 03:54

great share. demo is not working though...
Modd it up! TweakScene ;-) Support us! || Follow us ||

Image

qiaof
BBCoder I
BBCoder I
Posts: 1
Joined: 13 Jan 2011, 14:06

[BBCode] QR code with Highslide zoom

Post by qiaof » 29 Sep 2014, 07:27

Thank you, working for me with 3.0.12