2012-11-17, 12:30 PM
Could you share us your profile page? I think that is a genius idea and need to learn something from it 
2012-11-19, 09:36 AM
Because it's been a while since I last commented here, the best thing to come from the thread is that other theme designers are now seeing what is possible (not that there were any restrictions in the first place mind). I can't wait to see the new generation of themes inspired by something truly original.
To anyone looking to replicate Brad's success; don't just copy his ideas. Evolve them to suit your own forum.
To anyone looking to replicate Brad's success; don't just copy his ideas. Evolve them to suit your own forum.
2012-11-20, 03:49 PM
2012-11-25, 05:44 AM
2012-11-25, 06:05 AM
2012-12-04, 08:39 AM
(2012-07-14, 12:30 AM)brad-t Wrote: [ -> ]Here's the template for my registration page. I offer it with no warranty or support -- it's up to you to style it as needed.
<html> <head> <title>{$mybb->settings['bbname']} - {$lang->registration}</title> {$headerinclude} <script type="text/javascript" src="jscripts/validator.js"></script> </head> <body onload=' location.href="#content" '> {$header} <a name="signup"></a> <form action="member.php" method="post" id="registration_form" name="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" /> {$regerrors} <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="30%" valign="top"> <div class="insetbox" style=" border: 1px solid #DEDEDE; margin-left: 20px; margin-top: -10px; "> <h2>Sign Up ↓</h2><br /> <table cellspacing="0" cellpadding="4" width="95%"> <tr> <td colspan="2"> <h4>Username</h4> <input type="text" class="textbox" name="username" id="username" style="width: 100%; padding: 3px; font-size: 1.2em;" value="{$username}" /></td> </tr> {$passboxes} <tr> <td><h5>Email</h5> <input type="text" class="textbox" name="email" id="email" style="width: 100%; padding: 3px;" maxlength="50" value="{$email}" /></td> <td><h5>Confirm Email</h5> <input type="text" class="textbox" name="email2" id="email2"style="width: 100%; padding: 3px;" maxlength="50" value="{$email2}" /></td> </tr> <tr> <td colspan="2" style="display: none;" id="email_status"> </td> </tr> </tr> {$regq} </tbody></table> <input type="hidden" name="step" value="registration" /> <input type="hidden" name="action" value="do_register" /> <input type="hidden" name="emailpmnotify" id="emailpmnotify" value="1" {$emailpmnotifycheck} /> <input type="hidden" name="receivepms" id="receivepms" value="1" {$receivepmscheck} /> <input type="hidden" name="pmnotice" id="pmnotice" value="1" {$pmnoticecheck} /> <input type="hidden" name="allownotices" id="allownotices" value="1" {$allownoticescheck} /> <p class="smalltext">By joining Harajuju, you agree to our <a href="http://harajuju.net/misc.php?action=help&hid=8" target="_blank">Community Rules</a> and <a href="http://harajuju.net/misc.php?action=help&hid=13" target="_blank">Terms of Service</a>.</p> <input type="submit" class="button" style="font-size: 1.5em; margin-left: auto; margin-right: auto; width: 100%;" name="regsubmit" value="Let's do it" /> </div> </td> <td width="70%" valign="top" style="padding-left: 40px;"> <h2 style="margin-top: -22px; text-align: center; position: relative; bottom: -13px;">Some reasons to love HARAJUJU</h2><br /> <div class="reason"> <img src="/images/signup_women.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">For Women</p> <p style="padding: 0px 10px;">Discuss everything from lolita to gyaru with other fashion-forward girls.</p> </div> <div class="reason"> <img src="/images/signup_men.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">For Men</p> <p style="padding: 0px 10px;">A Japanese fashion community with a dedicated menswear base. Finally. </p> </div> <div class="reason"> <a href="/Forum-HARALOOKS" target="_blank"><img src="/images/signup_haralooks.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">Haralooks <span class="icon-chevron-right"></span></a></p> <p style="padding: 0px 10px;">Share your looks. Get feedback from other Japanese fashion lovers. </p> </div> <div class="reason"> <a href="/Forum-Brand-Directory" target="_blank"><img src="/images/signup_brands.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">Brand Directory <span class="icon-chevron-right"></span></a></p> <p style="padding: 0px 10px;">In-depth info on the best brands. Your favourite isn't there? Write it. We'll help. </p> </div> <div class="reason"> <img src="/images/signup_hearts.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">Share the Love</p> <p style="padding: 0px 10px;">Give Hearts to your favourite posts and looks. Collect Hearts for being awesome. </p> </div> <div class="reason"> <img src="/images/signup_advice.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">Get Advice</p> <p style="padding: 0px 10px;">Should you buy that? Need fit advice? No worries -- we're here to help. </p> </div> <div class="reason"> <a href="http://harajuju.net/Forum-Marketplace" target="_blank"><img src="/images/signup_marketplace.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">Marketplace <span class="icon-chevron-right"></span></a></p> <p style="padding: 0px 10px;">Buy items directly from people who love fashion as much as you. </p> </div> <div class="reason"> <img src="/images/signup_culture.png"><br /> <p style="color: #cc0000; font-weight: bold; text-transform: uppercase;">A New Culture</p> <p style="padding: 0px 10px;">A fresh take on what a fashion community can be: open, intelligent, and evolutionary. </p> </div> <br class="clear"> </td> </tr> </table> <br /> <div align="center"> <input type="hidden" name="step" value="registration" /> <input type="hidden" name="action" value="do_register" /> </div> </form> <script type="text/javascript"> <!-- regValidator = new FormValidator('registration_form'); regValidator.register('username', 'notEmpty', {failure_message:'{$lang->js_validator_no_username}'}); regValidator.register('email', 'regexp', {match_field:'email2', regexp:'^([a-zA-Z0-9_\\.\\+\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$', failure_message:'{$lang->js_validator_invalid_email}'}); regValidator.register('email2', 'matches', {match_field:'email', status_field:'email_status', failure_message:'{$lang->js_validator_email_match}'}); {$validator_extra} regValidator.register('username', 'ajax', {url:'xmlhttp.php?action=username_availability', loading_message:'{$lang->js_validator_checking_username}'}); // needs to be last // --> </script> <!-- <script type="text/javascript" language="JavaScript"> document.forms['registration_form'].elements['username'].focus(); </script> --> {$footer} </body> </html>
A lot of inline styling...
2012-12-04, 08:42 AM
(2012-12-04, 08:39 AM)xXTHeEddYXx Wrote: [ -> ]A lot of inline styling...
As Brad says, it is up to you to style it. You don't have to use it - you can make your own from scratch.
2012-12-04, 12:20 PM
2012-12-04, 02:13 PM
2012-12-04, 03:21 PM
RateU had managed to do it for me, but each one still had its own submit button, which wasn't an acceptable solution for me. 