| LifesGreatestGift |
01-14-2012 05:47 PM |
1 Attachment(s)
edit your register template to remove all registration form options, add a custom styled div explaining that registration is only available through the forum app and supply links on how to obtain the app.
Worse case scenario is you would have to revert the register template.
This way, when someone clicks register on the forum, they are directed to your customized version of the register page.
Here is an example register template that would work. (btw, just finished coding/styling it hope you enjoy! ;) )
Code:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}">
<head>
{vb:raw headinclude}
{vb:cssfile register.css}
<title><vb:if condition="$show['coppa']">{vb:rawphrase coppa} </vb:if>{vb:rawphrase register_at_x, {vb:raw vboptions.bbtitle}}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<style type="text/css">
#apponly{
background-color: #4ea5cd;
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
background-size: 40px 40px;
background-image: -webkit-gradient(linear, left top, right bottom,
color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
transparent 75%, transparent);
width: 80%;
border: 1px solid #414141;
color: #fff;
padding: 15px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
-webkit-animation: animate-bg 5s linear infinite;
-moz-animation: animate-bg 5s linear infinite;
margin: 0 auto;
}
p.apponly{font-size:17px;font-weight:bold;padding-bottom:10px}
p.apponlybody{padding-bottom:20px}
#apponly a{color:#FFF;font-style:italic}
@-webkit-keyframes animate-bg
{
from {
background-position: 0 0;
}
to {
background-position: -80px 0;
}
}
@-moz-keyframes animate-bg
{
from {
background-position: 0 0;
}
to {
background-position: -80px 0;
}
}
</style>
<div id="apponly">
<p class="apponly">Registration is available only through our Mobile Application!</p>
<p class="apponlybody">We have disabled registration through our forums. The only way to register now is through our mobile app. Below are links for obtaining this app on your phone. For more information please <a href="mysite.com/link-to-thread-explaining-forum-registration-disabled-through-browser">click this link</a>.</p>
<p class="apponlylinks">App Store: <a href="mysite.com/link-to-app-store-app">My App Store App Name</a></p>
<p class="apponlylinks">Android Market: <a href="mysite.com/link-to-android-market-app">My Android App Name</a></p>
</div>
{vb:raw footer}
</body>
</html>
Enjoy! Feel free to edit/style as needed. |
More Information