Webboard

Pełna wersja: Przesunięcie loginboxa w odpowiednie miejsce
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: ---------
adres forum: -------------
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Siemka, wrzuciłem sobie fajny styl premium, ale mam problem bo wyrażając się grzecznie "uciekł" mi login box na dół po za stronę. jeżeli ktoś ma rozdzielcześć 1920x1080 to zobaczy kawałek tego lognbox'a, nie mam zielonego pojęcia jak go przesunąć, jak co to wklejam header_welcomeblock_guest:

Kod:
<div id="mask"></div>
<div class="lognav"><a href="{$mybb->settings['bburl']}/member.php?action=register" class="loginbutt" title="Potrzebujesz konta !!!! Kliknij Teraz"><i class="icon-user" style="margin-right: 5px;"></i> Zarejestruj</a>
<a href="#" name="modal" rel="#loginModal" class="loginbutt" style="border-right: 1px solid #181818;" title="Posiadasz konto? Zaloguj się!"><i class="icon-signin" style="margin-right: 5px;"></i> Zaloguj</a></div>
<div id="loginModal" class="modalBox loginModalBox">
    <div class="thead" style="padding: 20px;">
        <span style=" float:left; margin-top: -9px;font-size: 14px;"/>Hello Guest !!! Login to Access {$mybb->settings['bbname']}</span>
        <a rel="closeModal" href="#" style=" float: right; margin-top: -6px; font-size: 12px;"/><i class="icon-remove-circle" title="Close" style="font-size: 16px;"/></i></a>
    </div>
<div class="modalContent loginModalContent">
        <form method="post" action="member.php">
<div style="margin-top:-20px;width:100%;padding-bottom:10px;">
               <div class="username">
<h6>Username</h6>
                    <td>
                        <span id="inuser"><i class="icon-user" style="font-size: 16px;"></i></span><input type="text" value="" style="width: 180px;" maxlength="30" size="25" name="username" class="textbox"/>
                    </td>
                </div>
                <div class="password">
<h6>Password</h6>
                    <td>
                        <span id="inpass"><i class="icon-key" style="font-size: 16px;"></i></span> <input type="password" value="" style="width: 180px;" size="25" name="password" class="textbox"/>
                    </td>
                </div></div>
                <div class="remember">
                        <label class="smalltext" title="If ticked, your login details will be remembered on this computer, otherwise, you will be logged out as soon as you close your browser."><input type="checkbox" value="yes" checked="checked" name="remember" class="checkbox"> Remember Me</label><br/>
<p1>Not recommended for Shared Computers</p1>
                    </div>
<div class="modalsubmit">
                        <input type="submit" value="Login" name="submit" class="button"/><a href="{$mybb->settings['bburl']}/member.php?action=lostpw"> <input type="submit" value="Lost Password?" name="submit" class="button"/></a> </span>
                    </div>                
            <input type="hidden" value="do_login" name="action"/>
            <input type="hidden" value="" name="url"/>
        </form>
   </div>
</div>
Ja posiadam ten styl premium kupiony od autora za 20$ i nie mam żadnych błędów z nim związanych. Dodatkowo przetłumaczyłem ten styl w pełni na język polski. Ty posiadasz kradzioną wersję (RIP) z forumcamp, i to pewnie jest powód błędów na twoim forum. Zakup styl od autora a nie będziesz miał żadnych problemów, dodatkowo będziesz posiadał support :)

Co do problemu spróbuj zamienić na to:

Kod PHP:
<div id="mask"></div>
<
div class="lognav"><a href="{$mybb->settings['bburl']}/member.php?action=register" class="loginbutt" title="Potrzebujesz konta !!!! Kliknij Teraz"><class="icon-user" style="margin-right: 5px;"></iZarejestruj</a>
<
a href="#" name="modal" rel="#loginModal" class="loginbutt" style="border-right: 1px solid #181818;" title="Posiadasz konto? Zaloguj się!"><class="icon-signin" style="margin-right: 5px;"></iZaloguj</a></div>
<
div id="loginModal" class="modalBox loginModalBox" style="top: 399px; left: 674.5px; display: block;">
    <
div class="thead" style="padding: 20px;">
        <
span style=" float:left; margin-top: -9px;font-size: 14px;"/>Hello Guest !!! Login to Access {$mybb->settings['bbname']}</span>
        <
a rel="closeModal" href="#" style=" float: right; margin-top: -6px; font-size: 12px;"/><class="icon-remove-circle" title="Close" style="font-size: 16px;"/></i></a>
    </
div>
<
div class="modalContent loginModalContent">
        <
form method="post" action="member.php">
<
div style="margin-top:-20px;width:100%;padding-bottom:10px;">
               <
div class="username">
<
h6>Username</h6>
                    <
td>
                        <
span id="inuser"><class="icon-user" style="font-size: 16px;"></i></span><input type="text" value="" style="width: 180px;" maxlength="30" size="25" name="username" class="textbox"/>
                    </
td>
                </
div>
                <
div class="password">
<
h6>Password</h6>
                    <
td>
                        <
span id="inpass"><class="icon-key" style="font-size: 16px;"></i></span> <input type="password" value="" style="width: 180px;" size="25" name="password" class="textbox"/>
                    </
td>
                </
div></div>
                <
div class="remember">
                        <
label class="smalltext" title="If ticked, your login details will be remembered on this computer, otherwise, you will be logged out as soon as you close your browser."><input type="checkbox" value="yes" checked="checked" name="remember" class="checkbox"Remember Me</label><br/>
<
p1>Not recommended for Shared Computers</p1>
                    </
div>
<
div class="modalsubmit">
                        <
input type="submit" value="Login" name="submit" class="button"/><a href="{$mybb->settings['bburl']}/member.php?action=lostpw"> <input type="submit" value="Lost Password?" name="submit" class="button"/></a> </span>
                    </
div>                
            <
input type="hidden" value="do_login" name="action"/>
            <
input type="hidden" value="" name="url"/>
        </
form>
   </
div>
</
div
no już lece wydać 100zł żeby się okazało że nie działa tak czy inaczej, pytałem raczej jak podciągnąć do góry loginboxa
Jak napisałeś, posiadasz fajny styl premium, a nazwa premium ma do siebie to, że za taki styl trzeba płacić. Po pierwsze, posiadasz kradziony styl, a po drugie nie masz polskiego tłumaczenia MyBB w stopce dlatego mamy prawo nie pomóc Ci w problemie.
Odszukaj w kodzie:
Kod PHP:
<div id="loginModal" class="modalBox loginModalBox" style="top: 1040px; left: 255px; display: block;"
i sobie 1040 zmniejsz.

Niby tu nie masz, ale na stronie jest.
, w poście #2 podałem mu rozwiązanie z kodem. Nie wiem czemu do tej pory go nie użył. Ja zastosowałem u niego ten kod:

Kod PHP:
<div id="loginModal" class="modalBox loginModalBox" style="top: 399px; left: 674.5px; display: block;"

I 399px to doskonałe ułożenie :)
Nie koniecznie, bo tam na sztywno są odległości top i left więc różnie będzie wyglądać w różnych rozdzielczościach.
Om ludzie:
Kod:
<div id="loginModal" class="modalBox loginModalBox" style="top: 35%; left: 50%; display: block;">
I wszędzie będzie wyglądało tak samo.
(10.02.2014, 21:35)Matslom napisał(a): [ -> ]Om ludzie:
Kod:
<div id="loginModal" class="modalBox loginModalBox" style="top: 35%; left: 50%; display: block;">
I wszędzie będzie wyglądało tak samo.

U siebie ustawiłem te parametry i box jest bardziej na górze i na prawo - nie jest wycentrowany.

(10.02.2014, 21:33)SLAVOO napisał(a): [ -> ]Nie koniecznie, bo tam na sztywno są odległości top i left więc różnie będzie wyglądać w różnych rozdzielczościach.

Te parametry które podałem sprawdziłem na 1920x1080, 1360x768 oraz 1240x720 i na wszystkich wygląda wyśmienicie :)
Ecosse napisał(a):U siebie ustawiłem te parametry i box jest bardziej na górze i na prawo - nie jest wycentrowany.
No to co za problem dodać czy odjąć te pare % (pisałem z głowy). Podałem rozwiązanie, dzięki któremu box będzie na każdej rozdzielczości w takim samym odstępie od góry i lewej strony.

ale szerokość masz
Kod:
left: 674.5px;
więc jak może dobrze wyglądać na .... x 720 czy ... x 768 ?
No dziękować :), już zaczyna działać, tylko wyświetla się to nieustannie, a jak to zrobić by pojawiało się to tylko po kliknięciu w "Zaloguj" ??

Dodam aktualny kod jak by co:
Kod:
<div id="mask"></div>
<div class="lognav"><a href="{$mybb->settings['bburl']}/member.php?action=register" class="loginbutt" title="Potrzebujesz konta !!!! Kliknij Teraz"><i class="icon-user" style="margin-right: 5px;"></i> Zarejestruj</a>
<a href="#" name="modal" rel="#loginModal" class="loginbutt" style="border-right: 1px solid #181818;" title="Posiadasz konto? Zaloguj się!"><i class="icon-signin" style="margin-right: 5px;"></i> Zaloguj</a></div>
<div id="loginModal" class="modalBox loginModalBox" style="top: 50%; left: 50%; display: block;">
    <div class="thead" style="padding: 20px;">
        <span style=" float:left; margin-top: -9px;font-size: 14px;"/>Hello Guest !!! Login to Access {$mybb->settings['bbname']}</span>
        <a rel="closeModal" href="#" style=" float: right; margin-top: -6px; font-size: 12px;"/><i class="icon-remove-circle" title="Close" style="font-size: 16px;"/></i></a>
    </div>
<div class="modalContent loginModalContent">
        <form method="post" action="member.php">
<div style="margin-top:-20px;width:100%;padding-bottom:10px;">
               <div class="username">
<h6>Username</h6>
                    <td>
                        <span id="inuser"><i class="icon-user" style="font-size: 16px;"></i></span><input type="text" value="" style="width: 180px;" maxlength="30" size="25" name="username" class="textbox"/>
                    </td>
                </div>
                <div class="password">
<h6>Password</h6>
                    <td>
                        <span id="inpass"><i class="icon-key" style="font-size: 16px;"></i></span> <input type="password" value="" style="width: 180px;" size="25" name="password" class="textbox"/>
                    </td>
                </div></div>
                <div class="remember">
                        <label class="smalltext" title="If ticked, your login details will be remembered on this computer, otherwise, you will be logged out as soon as you close your browser."><input type="checkbox" value="yes" checked="checked" name="remember" class="checkbox"> Remember Me</label><br/>
<p1>Not recommended for Shared Computers</p1>
                    </div>
<div class="modalsubmit">
                        <input type="submit" value="Login" name="submit" class="button"/><a href="{$mybb->settings['bburl']}/member.php?action=lostpw"> <input type="submit" value="Lost Password?" name="submit" class="button"/></a> </span>
                    </div>                
            <input type="hidden" value="do_login" name="action"/>
            <input type="hidden" value="" name="url"/>
        </form>
   </div>
</div>
display: block; - zmień na none, lub: http://www.w3schools.com/cssref/pr_class_display.asp
none to tak raczej nie pyknie, bo jak to none - Przestaje wyświetlać a z tym drugim to nie wiem co gdzie i jak xd
Mam nadzieję, że wiedziałeś... miałem na myśli:
Kod PHP:
displaynone

A wlinku, który podałem, masz wykaz, czego możesz użyć w display, wraz z opisem.
Stron: 1 2