Webboard

Pełna wersja: Scrollowane okno popup?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: 1.8.5
adres forum: http://91.189.37.72/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Mam pytanie jak zrobić scrollowane okno popup w MyBB 1.8. Tak jak ma community.mybb.com
Nie wiem o jakie okno popup ci chodzi ale pewnie trzeba dać argument max-width i overflow: scroll.
Okienko np. logowania, lista znajomych

Jak jest otwarte okienko to można nadal forum scrollować
ustalasz maksymalna wysokosc dla odpowiedniego diva
Zauważyłem, że do body dodaje overflow: hidden; Da się to usunąć?
Konwertujesz style i nie wiesz takich rzeczy? Daj spokój... pewnie jakiś plik *.js dodaje argument automatycznie.

LikeLoveHate

Dla popup wystarczy dodać z-index, pozycję fixed, top/bottom, left/right i po bólu...
Ecosse napisałeś już to chyba 5 raz. Daj spokój. Ja zawsze wykorzystywałem własne popupy, a z tymi z MyBB mam 1 raz styczność.

LikeLoveHate, ale to już jest.
ale co Ty chcesz osiągnąc? tworzysz nowe okienko?
Nie, chcę aby te okienka co są (Logowanie, lista znajomych itp.) żeby się zachowywały jak te na community.mybb.com
czyli:
[Obrazek: R21iBFd.png]
pokaz swoj header_welcomeblock_guest
Kod:
                        <li><a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;" class="login">{$lang->welcome_login}</a></li>
<li> <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></li>
                <section class="modal" id="quick_login" style="display: none;">
                    <form method="post" action="{$mybb->settings['bburl']}/member.php">
                        <input name="action" type="hidden" value="do_login" />
                        <input name="url" type="hidden" value="" />
                        <input name="quick_login" type="hidden" value="1" />
                        <table style="width: 100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" border="0" class="tborder">
                            <tr>
                                <td class="thead" colspan="2"><span style="font-weight: bold">{$lang->login}</span></td>
                            </tr>
                            <tr>
                                <td class="trow1" style="width: 25%"><span style="font-weight: bold">{$login_username}</span></td>
                                <td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /></td>
                            </tr>
                            <tr>
                                <td class="trow2"><span style="font-weight: bold">{$lang->password}</span></td>
                                <td class="trow2">
                                    <input name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /> <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="trow1">&nbsp;</td>
                                <td class="trow1 remember_me">
                                    <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
                                    <label for="quick_login_remember">{$lang->remember_me}</label>
                                </td>
                            </tr>
                            <tr>
                                <td class="trow2" colspan="2">
                                    <section align="center"><input name="submit" type="submit" class="button" value="{$lang->login}" /></section>
                                </td>
                            </tr>
                        </table>
                    </form>
                </section>
                <script type="text/javascript">
                    $("#quick_login input[name='url']").val($(location).attr('href'));
                </script>
a czemu nie masz tego na divach? przepisz na dyvy
To jest HTML5 Nidraxa. To już tak było.

Kod:
Znaczniki div zostały zastąpione nowymi znacznikami section, zgodnie z zaleceniem W3C, by używać divów tylko w ostateczności
z html nie jestem na bierząco


Kod:
<li><a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;" class="login">{$lang->welcome_login}</a></li>
<li> <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></li>
                <section class="modal" id="quick_login" style="display: none;">
                    <section style="overflow-y: auto; max-height: 400px;">
                    <form method="post" action="{$mybb->settings['bburl']}/member.php">
                        <input name="action" type="hidden" value="do_login" />
                        <input name="url" type="hidden" value="" />
                        <input name="quick_login" type="hidden" value="1" />
                        <table style="width: 100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" border="0" class="tborder">
                            <tr>
                                <td class="thead" colspan="2"><span style="font-weight: bold">{$lang->login}</span></td>
                            </tr>
                            <tr>
                                <td class="trow1" style="width: 25%"><span style="font-weight: bold">{$login_username}</span></td>
                                <td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /></td>
                            </tr>
                            <tr>
                                <td class="trow2"><span style="font-weight: bold">{$lang->password}</span></td>
                                <td class="trow2">
                                    <input name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /> <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="trow1">&nbsp;</td>
                                <td class="trow1 remember_me">
                                    <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
                                    <label for="quick_login_remember">{$lang->remember_me}</label>
                                </td>
                            </tr>
                            <tr>
                                <td class="trow2" colspan="2">
                                    <section align="center"><input name="submit" type="submit" class="button" value="{$lang->login}" /></section>
                                </td>
                            </tr>
                        </table>
                    </form>
                    </section>
                </section>
                <script type="text/javascript">
                    $("#quick_login input[name='url']").val($(location).attr('href'));
                </script>
Stron: 1 2