LogIn in Navbar!

Buna ziua,imi cer scuze;iar intampin probleme cu casuta de conectare in Navbar..



Codurile:
CSS:

Cod:

        /*Login in Navbar*/

#username.inputbox{
border-radius: 4px;
position: relative;
left: -10px;
width: 50px;
border: 1px solid #000000;}

#password.inputbox{
border-radius: 4px;
position: relative;
left: -10px;
width: 50px;
border: 1px solid #000000;}

        /*END Login in Navbar*/

Javascript:

Cod:

$(document).ready(function(){
    $('.headerbar').append('      <div id="conectare">
      <div class="conectare">
    <div class="conectare">Panou de Logare</div>
<br>
    <form id="post" action="login.forum?connexion">
<input id="txt" lang="en-US" type="text" data-ovi-hasaddvioceinputfeature="true" x-webkit-speech="" speech="" maxlength="40" size="15" name="username" autocomplete="off" placeholder="Utilizator">
<br>
<input id="txt" type="password" maxlength="32" size="15" name="password" autocomplete="off" placeholder="Parola">
<br>
<br>
<input class="mainoption" type="submit" value="Conectare" name="login">
</from>
</div>
<br>
</div>');});

Ce vreau: Vreau sa apara doar odata(nu de doua ori),in dreapta bannerului;si sa apara doar celor care nu sunt conectati! Va rog,daca aveti timp

Verificati daca nu aveti de doua ori javascriptul (poate in altul) pe forum.

Nu am..Tot ce am in javascript e:
Login in Navbar
Parteneri
Search
Text in raspuns rapid
Chatbox
SELECTARE TOTALA
Minimieaza categoriile
Prieteni
Selector culori

Salutare.

Adaugati in Foaie de stil CSS:

Cod:

#conectare:first{
display: none !important;
}

Din pacate,tot de doua ori apare..

Incercati asa:

Cod:

#conectare {
display: none !important;
}

Nu mai apare deloc..

Ma ajuta cineva?
Am mai modificat eu,si am ajuns la acest cod:

Cod:

$(document).ready(function(){
 var existLog = $('#logout').length;

  if(existLog === 0) {
    $('.headerbar').append('<form id="ddlogin" action="/login.forum" method="post">
  <fieldset>
    <dl>
    <dd><input type="text" tabindex="1" name="username"
id="username" size="20" maxlength="40" value="Nume de utilizator" class="inputbox"
/></dd>
    </dl>
    <dl>
     
 
    <dd><input type="password" tabindex="2" id="password"
name="password" value="Parola" size="20" maxlength="25" class="inputbox"
/></dd>
    </dl>
    <dl>
     
<dd><label for="autologin"><input type="checkbox"
name="autologin" id="autologin" tabindex="4" class="checkbox"
checked="checked" /> Remember me</label></dd>
    </dl>
    <dl>
      <dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd>
    </dl>
  </fieldset>
</form>');
  }
  else if(existLog === 1) {
    $('.headerbar').append('<div id="ddlogin"><fieldset><dl><dd><a href="/login?logout=1"><input type="submit" class="button2" value="Deconectare" /></a></dd></dt></fieldset></div>');
  }
});

Codul in CSS nu l-am mai bagat,ca nu ma ajuta cu nimic (asa am observat)
Am rezolvat problema de 2 ori sa apara,vreau sa apara in dreapta si mai sus,mai precis in dreapta bannerului

UP! Ma ajuta cineva?

UP!
Ma ajuta cineva?
Subiectul anterior:
https://help.forumgratuit.ro/t32620-casuta-de-inregistrare-rapida-in-navbar

Incearca cu asta:
In CSS

Cod:


#conectare {
position: absolute;
margin-left: 50px !important;}

Rezolvat?