Przesunięcie loginboxa w odpowiednie miejsce

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.

Jeżeli wyobrażasz sobie to tak:

<div id="loginModal" class="modalBox loginModalBox" style="top: 20%; left: 70%; display: none;">

to cie musze zawieść bo sprawi to że ten loginbox zniknie, lecz przy kliknięciu za zaloguj tam u góry, pojawi się znowu ten ucięty loginbox

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

JavaScript powoduje wyświetlanie po kliknięciu Zaloguj
Display none jest często używane ze skryptami.

ok JavaScript pewnie tak. ale niestety JavaScriptem nie umiem się posługiwać,

<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: 20%; left: 70%; 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>

Wcisnął by ktoś tutaj ten javascript tak żeby działało??

Snake nie ma co zmieniać w szablonie bo jQuery i tak wciska z powrotem ten zły top i left.

już nie wciska, usunąłem z

<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>

to:

name="modal" rel="#loginModal"

i wygląda to tak:

<a href="#" class="loginbutt" style="border-right: 1px solid #181818;" title="Posiadasz konto? Zaloguj się!"><i class="icon-signin" style="margin-right: 5px;"></i> Zaloguj</a>

I po kliknięciu Zaloguj wyszukuje jedynie "#" , teraz tylko jakoś wcisnąć w to javascripta trzeba by było.


-------------------------------------------
EDIT:

ogarnolem cos tagiego:

<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>

<script>
function op(obj) {
x=document.getElementById(obj);
if(x.style.display == "none") x.style.display = "block";
else x.style.display = "none"
}
</script>

<a href="/" onClick="op('poka'); return false;" 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 id="poka" style="display:none">


<div id="loginModal" class="modalBox loginModalBox" style="top: 20%; left: 70%; 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>
</div>

Tylko nie wszystko działa tak jak powinno pomoże ktoś dopracować??

---

Sorki za duble post ale sam sobie poradziłem xd, ale dzięki wszystkim za pomoc

Matslom napisał 11.02.2014, 15:58:

jednak sobie nie poradziłem
Login: test
Hasło tester

Z obecnego stylu teraz nie da się zalogować bo chodź wpisuje dobre hasło to wyskakuje że wprowadzono błędny login lub hasło...


Daje mój 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;"></a>

<script>
function op(obj) {
x=document.getElementById(obj);
if(x.style.display == "none") x.style.display = "block";
else x.style.display = "none"
}
</script>

<a href="/" onClick="op('poka'); return false;" 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 id="poka" style="display:none">


<div id="loginModal" class="modalBox loginModalBox" style="top: 16%; left: 37%; display: block;">
    <div class="thead" style="padding: 20px;">
        <span style=" float:left; margin-top: -9px;font-size: 14px;"/>Witaj!!! Zaloguj się na {$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>Login</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="Login" class="textbox"/>
                    </td>
                </div>
                <div class="password">
<h6>Hasło</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="Hasło" class="textbox"/>
                    </td>
                </div></div>
                <div class="remember">
                        <label class="smalltext" title="Jeśli jest zaznaczone, Twoje dane logowania zostaną zapamiętane na tym komputerze, w przeciwnym razie, zostaniesz wylogowany przy najbliższym zamknięciu przeglądarki."><input type="checkbox" value="yes" checked="checked" name="remember" class="checkbox"> Zapamiętaj mnie!</label><br/>
<p1>Nie zalecane dla publicznych komputerów.</p1>
                    </div>
<div class="modalsubmit">
                        <input type="submit" value="Zaloguj" name="submit" class="button"/><a href="{$mybb->settings['bburl']}/member.php?action=lostpw"> <input type="submit" value="Zapomniałeś hasła?" name="submit" class="button"/></a> </span>
                    </div>                
            <input type="hidden" value="do_login" name="action"/>
            <input type="hidden" value="" name="url"/>
        </form>



   </div>
</div>
</div>
</div>

Nawet jeżeli kliknie się "Zapomniałeś hasła?" to wyskakuje że wprowadzono błędny login lub hasło. czego to może być wina??


-----------------------------------------------------
EDIT:

wiem ze to jest nieoryginalny skrypt, ale ppmuzcie ogarnac zeby jako tako dzialalo a ja kupie sobie oryginal za miesiac (14 marca wyplata dopiero)

<input type="password" value="" style="width: 180px;" size="25" name="Hasło" class="textbox"/> 


<input type="text" value="" style="width: 180px;" maxlength="30" size="25" name="Login" class="textbox"/> 


Powinno być

username

dla name="Login"
i

password

dla name="Hasło"
Tak to jest jak zmienia się pola, o których nie ma się pojęcia.

co za łep ze mnie, na szybko spolszczałem co się da i zamuliłem xd

ale i tak nie potrzebne już