Witam,
Mam do Was prośbę, mógłby ktoś mi zrobić/pomóc poziomy panel logowania, taki jak ma facebook na górnej belce? :)
Bo kombinuję i nie mogę go zrobić :/
Z góry dzięki,
Pozdro!
Wersja do druku
Witam,
Mam do Was prośbę, mógłby ktoś mi zrobić/pomóc poziomy panel logowania, taki jak ma facebook na górnej belce? :)
Bo kombinuję i nie mogę go zrobić :/
Z góry dzięki,
Pozdro!
1) Robisz jednego dużego diva z width: 100% i tłem
2) następnie w nim umieszczasz w nim kolejnego diva z width: 1000px i margin: 0px auto;
3) w tym divie umieszczasz kolejne dwa divy: jeden o szerokości 600px zawierający logo, drugi o szerokości 400px zawierający tabelkę, która zawiera pola formularza.
A żeby to działało z logowaniem to już kompletnie inna jazda i zabawa z php :)Kod:HTML:
<div class="top-fixed clearfix">
<div class="wrapper">
<div class="login-box">
<form action="PLIK_LOGOWANIA.php" method="post">
<input type="text" id="login" class="login text" placeholder="Nazwa użytkownika" />
<input type="submit" id="submit-login" class="submit submit-login" value="Zaloguj się" />
</form>
</div>
</div>
</div>
CSS:
body {
margin-top:30px;
}
.top-fixed {
position:fixed;
height:30px;
width:100%;
overflow:hidden;
background: #FEE;
}
/* Naprawia problem z nierozciaganiem sie kontenera w ktorym sa plywajace elementy - float */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.login-box {
float:right;
width:300px;
display:inline-block;
}
.login-box #login {
display:inline-block;
min-width:160px;
padding:5px 8px;
margin-left:0;
margin-right: 10px;
}
.login-box #submit-login {
display:inline-block;
width:130px;
text-align:center;
margin:0;
}
Logowanie + rejestrację i inne w PHP - powinienem ogarnąć :)