Mini Mods - New way to force guests to register

ABOUT THIS MOD

My idea was to place a fix characater on the bottom right, wich forces guests to register an account, because i was sick of those standard "hello guest, register" mods.

So with this little modification, you are able to display a nice and flashy character to all guests - forcing them to register

All examples on the bottom are free to use.

-----------------------------------------------------------------------------------------------------------------

LIVE-DEMO: http://www.srowned.org

-----------------------------------------------------------------------------------------------------------------

IF YOU RUN VBULLETIN 3.X.X CHECK THIS THREAD

1. Upload your desired image to "/images/misc/register.png" (if you want my symples, feel free to use them, they are all attached below)

2. Open your "additional.css" and add the following lines:

div.forcetoregister {
background:url(images/misc/register.png);
background-repeat: no-repeat;
width:300px;
height:200px;
padding:0 5px 3px;
position:fixed;
right:1px;
bottom:0px;
z-index:1;
}

3. Open your "header" template and add the following line on top:

To show it on EVERY PAGE add this:

<vb:if condition="$show['guest']"><a href="/register.php"><div class="forcetoregister"></div></a></vb:if>

To show it only on FIRST PAGE (forum home) add this (thx @ Whity):

<vb:if condition="THIS_SCRIPT == 'index'">
<vb:if condition="$show['guest']"><a href="/register.php"><div class="forcetoregister"></div></a></vb:if>
</vb:if>

To show it on every page EXCEP THE REGISTER PAGE, add this code:

<vb:if condition="THIS_SCRIPT != 'register'">
<vb:if condition="$show['guest']"><a href="/register.php"><div class="forcetoregister"></div></a></vb:if>
</vb:if>

If you want the image to show up only for SPECIFIC USERGROUP(S), for example User who need to verify their e-mail adress - use this code:

<vb:if condition="is_member_of($bbuserinfo, 3)"><a href="/register.php"><div class="forcetoregister"></div></a></vb:if>

Make sure to check your Usergroup ID in the ADMINCP as these may differ!



4. Mark as installed

5. You are done!


-----------------------------------------------------------------------------------------------------------------

NEW FEATURE: RANDOM IMAGE ON EVERY PAGERELOAD

Since some one at the forum came up with the wish, to have random images on every pagereload, i can now provide you a solution:

1. Add this code to your "additional.css" instead of the code provided on top:

div.forcetoregister {
background:url(rotate.php);
background-repeat: no-repeat;
width:300px;
height:200px;
position:fixed;
right:1px;
bottom:0px;
z-index:1;
}

2. Download the file "rotate.php" wich is attached below

3. Upload the file "rotate.php" to your FORUMROOT

4. Open "images/misc" via FTP and create a new folder called "ftr" (Complete path should look like this: /images/misc/ftr)

5. Upload your desired images to the "ftr" folder (supported file extensions are: PNG, GIF & JPG)

6. Your done!

SPEND ME A BUCK

If you like my Mod feel free to check my fiverr.com gig: http://fiverr.com/dszuecs/create-a-c...d-implement-it

[friendlymela]

wow wonderful i have done it

[thenoob2012]

Installed it. Works great!

Here is a png I made. Anyone is welcome to use it. I am using it right now, well see if it gets any new people to register, lol.

[bosanci28]

How do i make this go away after 5 seconds ?

Thanks

[Drache]

I am interested to know this as well. is it possible to make it go away for example in 30secs after it appear on everypage.

[ozzy47]

Originally Posted by bosanci28

How do i make this go away after 5 seconds ?

Thanks

Originally Posted by Drache

I am interested to know this as well. is it possible to make it go away for example in 30secs after it appear on everypage.

To make the single image disappear after 5 seconds, change what you put in your header template to something like this.

<script type="text/javascript">
<!-- 

// When page loads ...
window.addEventListener("load", function()
{
    // Run in 5 seconds
    setTimeout(function()
    {
        // Put div into variable and show it
        var div = window.document.querySelector("#forcetoregister");
        div.style.display = "block";

        // Run in 5 seconds
        setTimeout(function()
        {
            // Hide div
            div.style.display = "none";
        }, 5000);
    }, 5000);
}, false);

//-->
</script>

<a href="/register.php"><div id = "forcetoregister" class="forcetoregister"></div></a>

To make it disappear after 30 seconds, change both instances of 5000 to 30000

You will still need to wrap the following:

<a href="/register.php"><div id = "forcetoregister" class="forcetoregister"></div></a>

with what ever conditionals you have set up.

[bosanci28]

@Ozzy, It worked! Thank you very much for taking the time to put the code up here!

Regards.
Thanks.

[ozzy47]

Not a problem, glad to help.

[bosanci28]

Just got an idea , i was thinking when this pop-up and sometime can be annoying for users that visit the forum for the first time,is it possible to show some "timer" on the display? like:
5 sec , 4 sec ,3 sec...to 0 sec ,then the image to go away and the timer also!? can this be achieved?

Thanks,

[ozzy47]

Not that I know of.

[bosanci28]

Hmm, i have this code in:

<script type="text/javascript">
<!-- 

// When page loads ...
window.addEventListener("load", function()
{
    // Run in 5 seconds
    setTimeout(function()
    {
        // Put div into variable and show it
        var div = window.document.querySelector("#forcetoregister");
        div.style.display = "block";

        // Run in 5 seconds
        setTimeout(function()
        {
            // Hide div
            div.style.display = "none";
        }, 5000);
    }, 5000);
}, false);

//-->
</script>

<a href="/register.php"><div id = "forcetoregister" class="forcetoregister"></div></a>

and it looks that is not working right !, it is showing even with admin logged in!,
hmm,interesting.