PDA

View Full Version : Mini Mods - AustraliaBound.org ModalBox Nag Screen


TimberFloorAu
03-22-2010, 10:00 PM
Turn guests into registered users. or more .... ?

PLEASE READ THIS POST BEFORE WHINGING https://vborg.vbsupport.ru/showpost.php?p=2008912&postcount=10

Please SEE VIDEO Modal: https://vborg.vbsupport.ru/showpost.php?p=2009100&postcount=13

This does what it says on the tin, it isnt for everyone. So dont go whining and whinging. But if you feel a need for this, then enjoy.

Utilising: Jquery Ajax Css and a bit of JiggeryPokery we bring you:

NAG the BUGGERS NagScreen. This mod will NAG your guests to register !!!

Simple as really.
Easy to install.

2 folders to upload
3 templates to add some code to - copy the code between the this code here tags.

Please do not upload the actual code tags themselves ok ;)

Included are the PSD's I used in production of this for our forum. Please feel free to use / change and bastardize. Do not ask me to do it for you, I am far too busy.

This is a free hack, and I for one think VB should instigate a system of you download ---- you click install system. If you dont click install you should PAY !

Not a lot to ask is it ! Sheesh cmon, ONE FINGER CLICK ! ;)

Anyhoo....

To install the mod.

Open the read me.
There are 3 templates to change.--
-- forumhome
-- -- forumdisplay
-- -- -- footer

2 folders to upload to your forum root.
-- content
-- -- colorbox

Thats it.

Instructions on editing conditionals is in the readme.
PSD included for our button image and register ajax image

DEMO: http://australiabound.org/forum/forum.php

Enjoy and ffs click installed and rate it.

... pps dont remove copyright comments !

TimberFloorAu
03-23-2010, 10:16 AM
*reserved*

5:13am 24th March 2010.
Changelog:
-- removed product version 1.00
-- uploaded product version 1.01
-- -- changes ( missing footer call )

Download Zip: unpack
Open Readme file, make changes as per footer code.

Click save. Done. Nothing to reupload.

basilrath
03-23-2010, 10:59 AM
lol nice but damn annoying .................... i think maybe that sometimes guests who are already registered but do not want to login for some reason, wether this be time or some other constraints it may well deter them from returning. sorry this is not ajibe as it is quite a fun element to have.

Hammertime
03-23-2010, 11:48 AM
Yeah nice mod this and i'm sure it will have it's uses. Would be interested to hear how this affects a site's bounce rate.

Tagged.

tafreeh
03-23-2010, 05:02 PM
this can be useful.. i got two questions for you...

Can we change the time before it pops up.. I do not want this to show at first 3 second when u arrive at the page...

Is it possible, if you close it once, it doesn't show up again?

princeedward
03-23-2010, 05:03 PM
nice mate.....will try this later...this might be useful...

thanks and best regards...

:p

TimberFloorAu
03-23-2010, 06:06 PM
lol nice but damn annoying .................... i think maybe that sometimes guests who are already registered but do not want to login for some reason, wether this be time or some other constraints it may well deter them from returning. sorry this is not ajibe as it is quite a fun element to have.

Unfortunately there isnt a I am a member, not logged in, but hiding usergroup lol

Yeah nice mod this and i'm sure it will have it's uses. Would be interested to hear how this affects a site's bounce rate.

Tagged.

Not sure it would, be interesting to note what effect it does have.
You can limit it to forumhome or forumdisplay or whatever.

this can be useful.. i got two questions for you...

Can we change the time before it pops up.. I do not want this to show at first 3 second when u arrive at the page...

Is it possible, if you close it once, it doesn't show up again?

In the footer code: find

$('.registerModal').colorbox({open:true});
change to:
$('.registerModal').colorbox();

This will now only display OnClick

Now look in the footer of your homepage, you will see Register right at the bottom. Clicking this link, will launch the ModalBox
Meaning you could attribute this ModalBox to any function on the site you would like.
From auto playing a video, swf, instruction file. Tutorial etc.
As for 3 seconds lol... hmm not sure on a delay function

I would be more interested in a Cookie function, to display this mod ONCE per browser session on page load.

nice mate.....will try this later...this might be useful...

thanks and best regards...

:p

It has lots of uses, this is one of them.

For more details, check out the code at:
http://colorpowered.com/colorbox/core/example1/index.html

Download from:
http://colorpowered.com/colorbox/

TimberFloorAu
03-23-2010, 06:10 PM
:::: UPDATE Missed Footer code from Original :::::

Have just updated Package, please re-download and make changes to footer code only.

archet1337
03-23-2010, 06:40 PM
No offence, but if I had encountered this on any site, I would leave without giving it a second thought.

Also, non-posting members are good for nothing. People that wish to be an active part of your site will register anyway.

TimberFloorAu
03-23-2010, 06:56 PM
Arch.

The objective of this is to show people how to adopt a Modal , jquery powered nag screen.
With upto 600 guests on our site on most days, we are always looking to further our membership.

Had you read the first line of the mod:

This does what it says on the tin, it isnt for everyone. So dont go whining and whinging. But if you feel a need for this, then enjoy.

Plus you havent downloaded it ?? Bizarre mate, perhaps you could have looked at the code, which we have provided everything.. and customised it to suit a particular need.

This mod, can be triggered onclick or onload

Meaning you could add a html navbar link, which is usergroup conditional or not.
You could then optimise the code, to display anything AJAXified, including Login forms, feedback forms, comment systems... tutorial videos..

We dont use this code on our site, but the concept is to give people the tools and inspiration to "have a go" and see that this is a modification which you could use for many other purposes.

In its Onclick State, a user doesnt get nagged ( I have posted that code above )
So a guest would not see this, until they clicked a button.

The code within ajax.html can easily be swapped out for any other code, specifically see the examples I posted within the link on post 7

I am sure you could find a use for this, just need to think outside the box.

archet1337
03-23-2010, 07:09 PM
Had you read the first line of the mod:
I did not read the first line, sorry. My post was not an attack on your mod, but I felt the need to share that I'm not a fan of popups, or anything else that intrude on my web browsing. I'm sure it's a brilliant mod for those who want this.


Plus you havent downloaded it ?? Bizarre mate, perhaps you could have looked at the code, which we have provided everything.. and customised it to suit a particular need.
Like I said above, I'm sure the coding is excellent and the mod is working fine, I just don't have the need to download something I won't use. If you were offended by my post, I apologize. It was not my intention.

I am sure you could find a use for this, just need to think outside the box.
You will be the first to know when/if I do :)

TimberFloorAu
03-23-2010, 08:01 PM
cannot reply: bad request :(
Video Version
cannot post the code on here so have added to our forum: http://www.australiabound.org/forum/geekzone/19036-vb-feature-modal-window-post179219.html#post179219

TimberFloorAu
03-24-2010, 12:37 AM
See if this works now.

I have coded this now ( slightly differently on our forum ) But feel free to use this code change for adding dynamic videos using Modal.

This is a follow up to our Nag Screen.

Here is another example: FOR FRESH USERS ( you still need to upload content and colorbox folders !!!!! )

This MODALS a youtube link video dynamically on your Page

Open forumhome template

add this above </head>

<!--jquery modal-->
<link type="text/css" media="screen" rel="stylesheet" href="colorbox/colorbox.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='example1']").colorbox();
$("a[rel='example2']").colorbox({transition:"fade"});
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='example4']").colorbox({slideshow:true});
$(".example5").colorbox();
$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
$(".example9").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});

//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
<!--jquery modal-->

Add this at bottom of footer
<!--Modal Box-->
<p><a class='example6' href="http://www.youtube.com/v/8k__7q3jRw8" title="vBulletin 4 - How to make a fixed style">vBulletin Tutorial</a></p>
<!--Modal Box End-->

Click Vbulletin tuorial link bottom left

This link could be anywhere , navbar etc etc
Could be coded to add ajax inline , rather than iframe.

Whatever, but you cannot knock the fact this makes good sense, and looks wicked.

Anyhoo.. I cant spark peoples imaginations, I suppose they need to do that themselves.

---------- Post added at 06:58 AM ----- British Expats Australia----- Previous post was at 06:50 AM ----------

We will be adopting this system for tutorials and other link screens in main menu over the coming weeks. Currently link just below header, for weather widget

TimberFloorAu
03-24-2010, 06:39 AM
If anyone shows the slightest bit of interest in this lol.

We actually use this for multitude of uses. New use is Menu items and widgets

If you venture onto our site, open the sidebar menu
Look at Expat Info Links

basilrath
03-24-2010, 06:51 AM
arrrrrrrrrrrrrrr now we are talking .......... the uses are somewat much more uesable ........

Tagged and nice one

12xbl
03-24-2010, 10:24 AM
Superb !!! Tagged for future use.

x

DJPushpu
03-24-2010, 02:16 PM
check attachment
my Register button is not showing
plz help:(

TimberFloorAu
03-24-2010, 06:49 PM
Check the path to your button in ajax.html

find this code:


background:url(http://www.xxxxxyyyyyzzzz.com/forum/content/images/button.png) no-repeat 0px 0px; }a.button:hover { color:#333333; background:url(http://www.xxxxxyyyyyzzzz.com/forum/content/images/button.png)


Check the path is correct :)
If you are running the VB Syuite, I suggest renaming the content folder to content2 ( in this download package for this hack ) then upload via ftp. Or if you have already uploaded, just rename it via ftp to content2

Then in the code from ajax.html
change content to content2

And also in the footer code in the readme, change:

<p><a class='registerModal' href="content/ajax.html" title="Register for Free">Register</a></p>
to
<p><a class='registerModal' href="content2/ajax.html" title="Register for Free">Register</a></p>

STe

Da-Vinci
03-25-2010, 04:13 AM
Downloaded, tagged, rated and nominated, but this comment I don't agree with.

This is a free hack, and I for one think VB should instigate a system of you download ---- you click install system. If you dont click install you should PAY !

Only reason is, I havn't got it installed on my forum, so why should I mark it as installed.

I mark all the modifications I use as installed, so I can quickly find the original post if need be.

I get what your saying by the way, it must be frustrating to release something then have a load of people take and not even say thanks, by clicking install, but that's just the way it is.

This sounds like a great mod and rest assured if I find a use for it, I'll mark it installed.

Keep up the good work.

Regards

TimberFloorAu
03-25-2010, 07:57 AM
I do see what you are saying. And we obviously check out who downloads what and try and see where.. obviously for assistance issues.

I can honestly say we like others on here spend 33% of our time often assisting members with unrelated code we have released.

I am surprised at the uptake on this.

If anyone doubts its functionality...

Nip on my site (http://australiabound.org/forum/forum.php) ( no registration required )

Pop into the right hand sidebar, and click one or two of the menu links .

We have a megaerie of code in there, mainly colorbox stuff...
We have different windows that open and close and keep our users on OUR site.

Many gadgets widgets and iframes all unobtrusive and loaded on the fly.

Anyhoo.. if people dont even install it... bugger them lol.

TimberFloorAu
03-29-2010, 12:02 AM
Just added reverse google maps to this code.

www.australiabound.org/forum/forum.php

Click in rh sidebar :GoogleMaps Directions

Or goto the html page direct
http://www.australiabound.org/forum/reverse.html


if anyone is interested, I will happily release the code

basilrath
03-29-2010, 01:28 PM
im gonna play with this mod its quite flexible and cant see why its not been used ... strange

TimberFloorAu
03-29-2010, 07:05 PM
Perhaps we titled it wrong lol.

Its uses are extensive.
Anyhoo enjoy :)

chris1979
04-24-2010, 04:07 PM
I think it's a great idea. I'd like to see a demo before installing it on my site though... is it still live on your site now? I've browsed around your site and looked at a few pages, but I've not been nagged.

Datenpapst
05-11-2010, 04:56 PM
any chance to say: show this every 20 clicks or so? or every 60 seconds?