24.03.2014, 23:01 (Ten post był ostatnio modyfikowany: 25.03.2014, 13:04 przez Illuminati.)
#1
wersja skryptu MyBB:1.6.12
adres forum:http://stormweb.com.pl/mybb/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam.
Chciałbym zrobić rejestrację jak w IPB, ale edycja formularzy przeze mnie kończy się zwykle klapą :( i potrzebuje pomocy.
Dobra. Poradziłem sobie jakoś.. Może nie wygląda jak 100% w IPB, ale zawsze coś. Wrzucam kod dla tych, którzy też maja podobne problemy, reszte łatwo edytować:

ACP -> Style i Szablony -> Twój szablon -> Podgląd profilu -> member_register:
(usuwamy całą zawartość i wklejamy ten kod)
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->registration}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/validator.js"></script>
</head>
<body>
{$header}
<br />
<form action="member.php" method="post" id="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" />
{$regerrors}
<div class="tborder">
    <div class="thead">
        <strong>{$lang->registration}</strong>
    </div>
    <div class="trow1" style="padding: 10px 300px 10px 300px;">
                <div class="username" style="overflow:hidden;">
        <p class="left" style="margin:0px; margin-top:5px;"><span class="smalltext"><label for="username">{$lang->username}</label></span></p>
        <p class="right" style="margin:0px;"><input type="text" class="textbox" name="username" id="username" style="width: 100%" value="{$username}" /></p>
                </div>
                <div class="password" style="overflow:hidden; margin-bottom: -27px;">
                {$passboxes}
                </div>
                <div class="mail1" style="overflow:hidden;">
        <p class="left" style="margin:0px; margin-top:5px;"><span class="smalltext"><label for="email">{$lang->email}</label></span></p>
        <p class="right" style="margin:0px;"><input type="text" class="textbox" name="email" id="email" style="width: 100%" maxlength="50" value="{$email}" /></p>
                 </div>
                 <div class="mail2" style="overflow:hidden;">
                <p class="left" style="margin:0px; margin-top:7px;"><span class="smalltext"><label for="email2">{$lang->confirm_email}</label></span></p>
        <p class="right" style="margin:0px;"><input type="text" class="textbox" name="email2" id="email2" style="width: 100%" maxlength="50" value="{$email2}" /></p>
                 </div>
        <p><span>&nbsp;</span></p>
        <p>{$hiddencaptcha}</p>
    </div>
    {$requiredfields}
    {$regimage}
</div>
<br />
<div align="center">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
<input type="submit" class="button" name="regsubmit" value="{$lang->submit_registration}" />
</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>
{$footer}
</body>
</html>

ACP -> Style i Szablony -> Twój szablon -> Podgląd profilu -> member_register_password:
(usuwamy całą zawartość i wklejamy ten kod)
<p class="left" style="margin:0px; margin-top:5px;"><span class="smalltext">{$lang->password}</span></p>
<p class="right" style="margin:0px;"><input type="password" class="textbox" name="password" id="password" style="width: 100%" /></p>
<p class="left" style="margin:0px; margin-top:7px;"><span class="smalltext">{$lang->confirm_password}</span></p>
<p class="right" style="margin:0px;"><input type="password" class="textbox" name="password2" id="password2" style="width: 100%" /></p>
<p>&nbsp;</p>

ACP -> Style i Szablony -> Twój szablon -> Podgląd profilu -> member_register_regimage:
(usuwamy całą zawartość i wklejamy ten kod)
<div class="trow2" style="padding: 10px 300px 10px 300px;">
    <script type="text/javascript" src="jscripts/captcha.js?ver=1400"></script>
    <p><span class="smalltext">{$lang->verification_note}</span>
    <p style="width:250px; float:left;"><img src="captcha.php?action=regimage&amp;imagehash={$imagehash}" alt="{$lang->image_verification}" title="{$lang->image_verification}" id="captcha_img" /><br /><span style="color: red;" class="smalltext">{$lang->verification_subnote}</span></p>
<script type="text/javascript">
<!--
    if(use_xmlhttprequest == "1")
    {
        document.write('<br \/><br \/><input type="button" style="float:right;" class="button" tabindex="10000" name="refresh" value="{$lang->refresh}" onclick="return captcha.refresh();" \/>');
    }
// -->
</script>
    <p><input type="text" class="textbox" name="imagestring" value="" id="imagestring" style="width: 100%; " /><input type="hidden" name="imagehash" value="{$imagehash}" id="imagehash" /></p>
    <p>&nbsp;</p>
</div>

I do global.css naszego stylu dodajemy tylko:
p.left {
    width: 30%;
    float:left;
}

p.right {
    width: 70%;
    float:right;
}

I efekt powinniśmy uzyskać jak tutaj:
[Obrazek: 92546034485697364627.png]

Tak jak mówiłem. To nie jest 100% tak samo jak w IPB, ale edycja tego jest już dużo prostsza.
Jak widać wywaliłem tabelkę i wstawiłem divy, wiem, że można to było inaczej zrobić, ale dla mnie łatwiejsze było takie rozwiązanie.
Jest to dla osób, które dopiero zaczynają przygodę z MyBB/HTML czy CSS, myślę, że to pomoże na początek.

Problem rozwiązany więc wątek można zamknąć.
Snake_ napisał 25.03.2014, 16:06:
Nie zamykamy tematów.