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

[TheAdminMarket]

Two more improvements:

1.- In additional css change:

background:url(images/misc/register.png);

to:

background:url({vb:stylevar imgdir_misc}/register.png);

This will helps you to have different image per style.

2.- Change: z-index:1; to a higher value eg: z-index:9999;. This way you'll be sure that the image will be always visible.

[JohnScag]

Where is the installation file? All I see is the rotate.php

[MrD]

Hi,
All that you do,are in the First post.
There are only Template edits. The rotate.php is only a Feature, to show different pictures.

[ravenfaust]

Hmm id like something nice and neat looking, thanks for this gonna modify the images and use it!

[goarack]

nice thank you

[Scyther]

Originally Posted by newbie2007

This isnt working for me on 4.2.2? Anyone else having a problem with it on 4.2.2?

i am using 4.2.2 and it's not showing up. Followed all steps still can't get it working.. anyone know why it isn't happening for me?

UPDATE: issue solved. thanks.. i am all good now.

[pityocamptes]

Hey, anyway to prevent this from a mobile device? Hogs up the device screen... thanks.

[ForceHSS]

Use any image check google for a smaller one

[pityocamptes]

Ok, I can make my own, just wondering if their was an automatic way of shrinking it when viewed on device? Thanks.

[thetechgenius]

This is awesome! I added the code to my forum, but I created my own custom image in Photoshop. I create all the images for my forum myself. I also had to adjust the position of the image, it was overlapping the "Back to Top" button at the bottom of my forum, so you couldn't click the button at all. So I put the image right above the "Back to Top" button using CSS.

I also added a screenshot to this post, so you can see what it looks like on my forum, with the custom image I created in photoshop. Or you can see a live preview of it on my forum - https://thetechgenius.net

Thank you for this!

-INSTALLED-

Edit: The screenshot looks a bit blurry, and I don't know why. But you can still see what it looks like on my forum.