Webboard

Pełna wersja: Takiego panelu logowania
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.8
adres forum: nie istotne
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chcę na swoje forum wgrać taki panel logowania:
[Obrazek: panellogowania.png]
Jest on umieszzczony bezpośrednio pod LOGO na stronie głównej forum

W nagrode +++ :)
Wytnij kod tego panelu ze stronki na której znalazłeś ten panel :)
jak kod? ta strona stoi na boardzie, dokładnie to holyskill.pl
Kod:
<div id="midSection"><div class="midWrap"><div class="midTopWrap clearfix"><div class="pageWrap">
        
            
            <div id="midRegister">
                <div class="midRegBox clearfix">
                    <div class="helloText"></div>
                    <div class="buttonRegister"><a href="http://www.holyskill.pl/vbulletin/register.php" rel="nofollow"><img src="images/styles/socialize/style_green/button-register.png" alt="Rejestracja" title="Rejestracja" original="images/styles/socialize/style_green/button-register.png" style=""></a></div>
                </div>
            </div>
            
            <div id="midLogin">
                <div id="memberBox">
                    <div class="memberBoxTop">
                        <p>Jeśli masz już u nas konto, prosimy skorzystać z panelu logowania poniżej, aby uzyskać dostęp do konta.</p>
                    </div>
                    <div class="loginBox">
                        <!-- login form -->
                        <script type="text/javascript" src="http://www.holyskill.pl/vbulletin/clientscript/vbulletin_md5.js?v=420"></script>
                        <form id="navbar_loginform" action="http://www.holyskill.pl/vbulletin/login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">                                
                        <ul class="clearfix">
                            <li class="loginText inputPad">Login</li>
                            <li class="loginText">Hasło</li>
                            <li class="inputPad"><div class="loginBoxInput"><input type="text" class="loginInput default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="Nazwa użytkownika"></div></li>
                            <li><div class="loginBoxInput"><input type="password" class="loginInput" tabindex="102" name="vb_login_password" id="navbar_password" size="10" style="display: none;">
                    <input type="text" class="loginInput default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="Hasło" style="display: inline;"></div></li>
                            <li class="loginBottom inputPad">Zapomniałeś/aś <a rel="nofollow" href="http://www.holyskill.pl/vbulletin/login.php?do=lostpw">loginu</a> lub <a rel="nofollow" href="http://www.holyskill.pl/vbulletin/login.php?do=lostpw">hasła?</a></li>
                            <li class="loginBottom clearfix">
                                <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103"> Zapamiętaj mnie</label>
                                <div class="submitButton">
                                    <input type="image" src="images/styles/socialize/style_green/button-login.png" tabindex="104" value="Zaloguj się" title="Podaj swoją nazwę użytkownika i hasło w przeznaczonych do tego polach i kliknij przycisk 'Zarejestruj' by stworzyć swój profil." accesskey="s">
                                </div>
                            </li>
                        </ul>

                        <div class="memberBottom">

                        </div>                        
                        <input type="hidden" name="s" value="eae34e584d8c6fbe9ac82f5477ef5386">
                        <input type="hidden" name="securitytoken" value="guest">
                        <input type="hidden" name="do" value="login">
                        <input type="hidden" name="vb_login_md5password">
                        <input type="hidden" name="vb_login_md5password_utf">
                        </form>
            <script type="text/javascript">
            YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
            YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
            vB_XHTML_Ready.subscribe(function()
            {
            //
                YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
                YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
                YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
                YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
            });
            
            function navbar_username_focus(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                if (textbox.value == 'Nazwa użytkownika')
                {
                //
                    textbox.value='';
                    textbox.style.color='#ddd';
                }
            }

            function navbar_username_blur(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                if (textbox.value == '')
                {
                //
                    textbox.value='Nazwa użytkownika';
                    textbox.style.color='#777777';
                }
            }
            
            function navbar_password_hint(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                
                YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
                YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
                YAHOO.util.Dom.get('navbar_password').focus();
            }

            function navbar_password(e)
            {
            //
                var textbox = YAHOO.util.Event.getTarget(e);
                
                if (textbox.value == '')
                {
                    YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
                    YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
                }
            }
            </script>
                        <!-- / login form -->
                    </div>
                </div>
            </div>
        
        </div></div></div></div>

Tu masz kod tego panelu jeszcze skopiuj sobie css i będzie gita :) trochę to nieuczciwe ...
jestem zielony, jak skopiować css? :)
Wbij na chrome i rób tak :

1.Wchodzisz na stronkę.
2.Klikasz prawym na dowolny element strony.
3.Wchodzisz w zakładkę resource.
4.Po lewej w takiej "tabelce" szukasz global.css (lub inne wsio)
5.Szukasz wpisu : #midSection
może jestem ślepy a może nie widze :D ale nie widze ;/


ok, mam ;)
Działa normalnie, tylko nic nie rozwija, tylko przyciemnia tło i pojawia się okienko z logowaniem, coś jak w IPB, podejrzewam że zmieniłeś kod ;D