Przesunięcie loginboxa w odpowiednie miejsce

**Sabat** · (Ten post był ostatnio modyfikowany: 14.03.2014, 09:23 przez Sabat.)

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.

**Ecosse** · (Ten post był ostatnio modyfikowany: 10.02.2014, 19:54 przez Ecosse.)

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> 

**Sabat** · (Ten post był ostatnio modyfikowany: 10.02.2014, 21:53 przez Sabat.)

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.

**Ecosse** · 10.02.2014, 19:56

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.

**Snake_** · 10.02.2014, 21:26

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.

**Ecosse** · (Ten post był ostatnio modyfikowany: 10.02.2014, 21:30 przez Ecosse.)

@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

**SLAVOO** · 10.02.2014, 21:33

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.

**Matslom** · 10.02.2014, 21:35

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.

**Ecosse** · 10.02.2014, 21:40

(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

**Matslom** · 10.02.2014, 21:42

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.

**SLAVOO** · 10.02.2014, 21:43

@Ecosse
ale szerokość masz

left: 674.5px;

więc jak może dobrze wyglądać na .... x 720 czy ... x 768 ?

**Sabat** · (Ten post był ostatnio modyfikowany: 10.02.2014, 21:57 przez Sabat.)

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>

**Snake_** · 10.02.2014, 21:56

display: block; - zmień na none, lub: http://www.w3schools.com/cssref/pr_class_display.asp

**Sabat** · 10.02.2014, 22:04

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

**Snake_** · 10.02.2014, 22:12

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.

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Przesunięcie loginboxa w odpowiednie miejsce

Sabat

Ecosse

Sabat

Ecosse

Snake_

Ecosse

SLAVOO

Matslom

Ecosse

Matslom

SLAVOO

Sabat

Snake_

Sabat

Snake_

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

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie