Przesunięcie loginboxa w odpowiednie miejsce

Założony przez  Sabat.

10.02.2014, 19:44 (Ten post był ostatnio modyfikowany: 14.03.2014, 09:23 przez Sabat.)
#1
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:

<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>
Matslom napisał 10.02.2014, 20:03:
W połowie zakropkowane wulgaryzmy to nadal wulgaryzmy. Ty w dodatku umieściłeś to w nazwie wątku.
10.02.2014, 19:49 (Ten post był ostatnio modyfikowany: 10.02.2014, 19:54 przez Ecosse.)
#2
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:

<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: 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;"/><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> 
Pomoc poza forum - odpłatnie.
10.02.2014, 19:53 (Ten post był ostatnio modyfikowany: 10.02.2014, 21:53 przez Sabat.)
#3
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
Matslom napisał 10.02.2014, 20:03:
Jak nie chcesz to kupić, to znajdź sobie darmowy. Nikt nie zmusza Ciebie do używania akurat tego stylu.
10.02.2014, 19:56
#4
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.
Pomoc poza forum - odpłatnie.
10.02.2014, 21:26
#5
Odszukaj w kodzie:
<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.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
10.02.2014, 21:30 (Ten post był ostatnio modyfikowany: 10.02.2014, 21:30 przez Ecosse.)
#6
@Snake_, 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:

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

I 399px to doskonałe ułożenie :)
Pomoc poza forum - odpłatnie.
10.02.2014, 21:33
#7
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.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
10.02.2014, 21:35
#8
Om ludzie:
<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:40
#9
(10.02.2014, 21:35)Matslom napisał(a): Om ludzie:
<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 :)
Pomoc poza forum - odpłatnie.
10.02.2014, 21:42
#10
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.
10.02.2014, 21:43
#11
@Ecosse
ale szerokość masz
left: 674.5px;
więc jak może dobrze wyglądać na .... x 720 czy ... x 768 ?
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
10.02.2014, 21:52 (Ten post był ostatnio modyfikowany: 10.02.2014, 21:57 przez Sabat.)
#12
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:
<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>
10.02.2014, 21:56
#13
display: block; - zmień na none, lub: http://www.w3schools.com/cssref/pr_class_display.asp
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
10.02.2014, 22:04
#14
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
10.02.2014, 22:12
#15
Mam nadzieję, że wiedziałeś... miałem na myśli:
display: none; 

A wlinku, który podałem, masz wykaz, czego możesz użyć w display, wraz z opisem.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.



Użytkownicy przeglądający ten wątek:

1 gości