Mini Mods - New way to force guests to register

If you want me to do the setup for you and create a unique character for your site please check my fiverr.com Gig and spend those 5 bucks
http://fiverr.com/dszuecs/create-a-c...d-implement-it


ABOUT THIS MOD

My idea was to place a fix characater on the bottom right, which 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 4.X.X CHECK THIS THREAD
IF YOU RUN VBULLETIN 3.X.X CHECK THIS THREAD


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

2. Open your "css_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 "footer" template and add the following line on top:

To show it on every page add this on bottom right before the </body> tag in footer:

<vb:if condition="$bbuserinfo['userid'] == 0"><a href="/register"><div class="forcetoregister"></div></a></vb:if>

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 "css_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!

[Righard]

Doesn't work here on 5.1.3... Too bad... I like it...

[shimei]

Great and working with 5.1.7


You can see it here: https://www.christforums.org

Thanks much,
Shim

[shimei]

Originally Posted by bhalkum

Works fine on 5.0.5, except the image covers the submit button on the registration page.

You could move the registration button to the left side:

.action-buttons {
  text-align: left;
}

I suspect people are having issue with smaller screen sizes. To not display the image on screens smaller than 600px:

@media only screen and (max-width: 600px) {
  div.forcetoregister {display: none;}
}

[MokeyII]

I can't seem to get it to work on 5.2.3

[tattotattoo]

like bro!

[ywwz]

Does it work on 5.6.3?

[Mboora]

Please could someone update this for 5.6.4?